/*
Theme Name: Blog of Ben Clark
Theme URI: http://www.1three.com/portfolio/
Description: Theme designed for Ben Clark, by <a href="http://www.1three.com/">1Three</a>.
Version: 1.0
Author: Andrew Ellis
Author URI: http://www.1three.com/
*/

/*
Global
*/
html { overflow-y: scroll }
body {
   background: #010201;
   margin: 0;
   padding: 0;
   font: .75em Arial
}

p { margin: 10px 0 }

blockquote {
   background: #fff;
   border: 1px solid #ddd;
   border-bottom-width: 2px;
   margin: 0;
   padding: 5px 10px;
}

.wrapper {
   margin: 0 auto;
   width: 936px
}

/*
Headers
*/
h2 { font-size: 1.67em }
h2, h2 a {
   text-decoration: none;
   color: #7c9638
}
h2 a:hover {
   text-decoration: underline;
   color: #666
}
h2.pagetitle {
   border-bottom: 1px dotted #ccc;
   margin-top: 0;
   font: 2.18em Georgia;
   color: #666
}

/*
Links
*/
a { color: #7c9638 }
a:hover { color: #666 }

a.magic span { display: none }

/*
Forms
*/
form { margin: 0 }

input, textarea {
   border: 2px solid #ddd;
   padding: 5px;
   font-size: 1em
}
textarea {
   font-family: Arial
}

.submit {
   background: #c32e2e;
   cursor: pointer;
   border: 0;
   padding: 6px 5px 7px 5px;
   font-weight: bold;
   font-size: 1em;
   color: #fff
}
.submit:hover { background: #d33737 }

/*
Header
*/
#header {
   background: url('./images/headerBG.gif') repeat-x;
   padding-top: 40px
}

#header .wrapper {
   background: url('./images/header.jpg') top right no-repeat;
   padding-top: 16px
}

#logo {
   background: url('./images/logo.gif');
   display: block;
   width: 273px;
   height: 36px
}

#welcome {
   width: 275px;
   height: 196px;
   line-height: 1.64em;
   color: #5c5a5a
}

#search {
   float: right
}

.s {
   background: url('./images/searchText.gif') repeat-x;
   border: 0;
   padding: 5px 5px 0 5px;
   height: 22px;
   font-size: 1em;
   color: #a4a3a3
}

.search {
   background: url('./images/search.gif') bottom no-repeat;
   border: 0;
   cursor: pointer;
   width: 75px;
   height: 27px
}
html>body .search { height: 31px }

#menu {
   margin: 0;
   padding: 0;
   height: 56px
}

#menu li {
   list-style: none;
   float: left;
   background: url('./images/tabsDivider.gif') right no-repeat;
   padding: 0 7px 0 6px
}
#menu li.home { padding-left: 0 }
#menu li.final {
   background: none;
   padding-right: 0
}

#menu a {
   display: block;
   width: 112px;
   height: 56px;
   line-height: 54px;
   text-align: center;
   text-decoration: none;
   font-size: 1.09em;
   color: #c9c9c9
}
#menu a:hover, #menu .current-page-item {
   background: url('./images/tabs.gif');
   color: #fff
}
#menu .current-page-item {
   background-position: -112px 0!important;
   font-weight: bold
}

/*
Content
*/
#page { background-color: #f3f5e3 }
#page .wrapper { background: url('./images/sidebar.gif') left repeat-y }

#content {
   float: right;
   padding: 25px 0 25px 25px;
   width: 607px
}

/*
Post
*/
.navigation {
   margin-bottom: 15px;
   text-align: right
}

.navigation .alignleft {
   float: left
}
.post {
   padding-bottom: 25px;
   width: 582px;
   color: #666
}

.title {
   border-bottom: 1px solid #d4d4d4;
   padding-bottom: 10px;
   font-size: .92em
}

.title span { color: #c32e2e }

.comments a {
   background: #fff;
   float: right;
   margin-top: 10px;
   padding: 5px 10px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   text-decoration: none;
   font-size: .83em;
   color: #aaa
}
.comments a:hover { color: #000 }

.post h2 {
   margin: 0;
   text-transform: uppercase
}

.postmetadata {
   border-top: 1px dotted #d4d4d4;
   padding: 5px 0;
   font-size: .92em
}

.tags { float: right }

/*
Comments
*/
.comment {
   background: #fff;
   border-bottom: 1px solid #ddd;
   padding: 5px 10px
}
.comment.last { border: 0 }

.comment .date { color: #999 }

.comment .moderation {
   font-size: .91em;
   color: #666
}

/*
Sidebar
*/
#sidebar {
   display: block;
   padding: 12px;
   width: 280px
}

#sidebar h3 {
   margin: 15px 0 5px 0;
   font-weight: normal;
   font-size: 1.17em 
}

@media projection, screen {
    .ui-tabs-hide {
        display: none !important;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#subscribe ul {
   margin: 15px 0 0 0;
   padding: 0;
   height: 40px
}

.ui-tabs-nav li {
   float: left;
   list-style: none
}

.ui-tabs-nav a {
   background: #4b4b4b;
   margin-right: 2px;
   display: block;
   width: 80px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   font-size: 1em;
   color: #fff
}

.ui-tabs-selected a {
   background: #809d34
}

.rss-icon {
   float: right;
   background: url('./images/rss.jpg');
   margin: -22px -7px 0 0;
   display: block;
   width: 44px;
   height: 45px
}

#subscribe .body {
   border: 1px solid #809d34;
   border-top-width: 4px
}

#subscribe p {
   margin: 0;
   padding: 25px 15px 15px 15px;
   font-size: .92em;
   color: #525252
}

#subscribe .text {
   background: #e9e9e9;
   border: 0;
   margin: 0 5px 15px 15px;
   padding: 7px 5px;
   width: 150px;
   height: 16px;
   font-size: 1em;
   color: #525252
}

#fav p { padding-top: 15px }
#fav .body {
   padding: 10px 15px
}
#fav .row {
   list-style: none;
   padding: 3px 0
}
#fav a {
   background: url('./images/favArrow.gif') left no-repeat;
   padding-left: 8px
}
#fav .time {
   padding-left: 8px;
   font-size: .91em;
   color: #666
}

#topics .body {
   border: 2px solid #e4e6d4;
   padding: 15px
}
#topics ul {
   float: left;
   margin: 0;
   padding: 0;
   width: 115px;
   font-size: .92em
}
#topics ul.left { padding-right: 10px }

#topics li { list-style: none }

#topics a { text-decoration: none }
#topics a:hover { text-decoration: underline }

#photos .bottom {
   clear: left;
   padding-bottom: 10px
}

/*
Gallery
*/
.thumb {
   float: left;
   padding: 10px 4px 2px 12px
}

.thumb img {
   border: 1px solid #e1e1e1;
   padding: 4px
}

.thumb:hover img {
   background: #ddd;
   border-color: #ccc
}

#gallery { width: 607px }
#gallery .thumb { padding-left: 0 }
#gallery ul { float: left; margin: 0; padding: 5px 0 0 10px; width: 283px }
#gallery li { list-style: none; padding: 5px; border-bottom: 1px solid #e4e6d4 }
#gallery li strong { color: #809d34 }

/*
Footer
*/
#footer {
   clear: both;
   background: url('./images/footer.gif') repeat-x;
   height: 42px;
   line-height: 42px;
   text-align: right;
   color: #5c5a5a
}

#footer a { color: #5c5a5a }
#footer a:hover { color: #fff }

#copyright { float: left }