/*  
Theme Name: Duplexes
Theme URI: http://duplex.net/blog/duplexes-theme-and-instructions/
Description: Simple, light and clean theme from <a href="http://duplex.net/">Duplex.net</a>.
WP theme for The Duplex Blog
Author: Duplex.net
Author URI: http://duplex.net/
Version: 1.1
Tags: white, light, tan, two-columns, three-columns, right-sidebar, fixed-width, threaded-comments
Theme released under GPL license (http://www.opensource.org/licenses/gpl-license.php)
*/


/************************************************
*	Defaults, WP and misc. stuff		*
************************************************/
* {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {}
a {color:#585840; text-decoration:underline;}
a:hover {color:#90906c; text-decoration:underline;}
a img {border:none;}
blockquote {background:#cacaa8; padding:5px 15px; margin:10px; font-style:italic; font-size:0.9em; color:#222;}
code {color:#555;}
.cleared {clear:both;}
.highlight {color:#D9D688; font-weight:bold;}
.navigation {font-size:0.8em; margin-bottom:0;}
hr {color: #ccc; border: 1px solid #dedede;}
pre {height: auto; overflow-x:scroll;}
fieldset {margin:0; padding:0; border:0;}
dd {padding-left:15px;}

.alignleft {float:left; margin:10px 10px 5px 0;}
.alignright {float:right; margin:10px 0 5px 10px;}
.aligncenter,
div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:10px 10px 5px 0;}
img.alignright {float:right; margin:10px 0 5px 10px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {margin:0; padding:0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}



/************************************************
*	Body and wrappper		*
************************************************/
body {position:relative; margin:10px auto 0 auto; font-family:'verdana', 'trebuchet ms', 'Lucida Grande', Geneva, Arial, sans-serif; text-align:center; background:#fff url(images/bgbody.jpg) repeat-x;}
#wrapper {width:940px; margin:0 auto; text-align:left;}


/************************************************
*	Header		*
************************************************/
#header {}
#title {float:left; width:400px; margin:20px 0;}
#title h1 a {text-decoration:none; font-size:1em; letter-spacing:-1px; font-family:trebuchet ms;}
#title h1 a:hover {color:#333;}
#title span {color:#333; font-size:0.8em;}
#topnav {float:right; width:500px; text-align:right; font-size:0.7em; color:#444;}
#topnav a {text-decoration:none; color:#444; margin:0 5px;}
#topnav a.rss {background:url(images/rss.gif) left 2px no-repeat; padding-left:15px;}
#topnav a:hover {text-decoration:none; color:#000;}
#topnav ul li {display:inline; list-style:none; padding-left:10px;}

#mainnav {background:url(images/menubg.gif) no-repeat top left; width:940px; font-size:0.8em; color:#555; height:36px; line-height:36px;}
#mainnav a {text-decoration:none; color:#555;}
#mainnav a:hover {text-decoration:none; color:#000;}
#mainnav ul li {display:inline; list-style:none; padding:0 25px 0 0;}

#mainnav ul#pagesmenu {float:left; width:650px; margin-left:15px; display:inline;}
#mainnav div#searchmenu {float:right; width:260px; text-align:right; margin-right:15px; display:inline;}

/************************************************
*	Content		*
************************************************/	
#topcurve {background:url(images/topcurve.gif) top left no-repeat; height:15px; padding:0; margin:5px 0 0 0;}

#main {background:#fff; width:910px; /* specifying width fixes dimensional bug in ie6 */ padding:0 15px;}

#content {float:left; width:490px;}

.pageTitle {font-size:1.1em; text-decoration:none; letter-spacing:-0.04em; color:#141414; margin-bottom:15px; font-family: 'trebuchet ms', sans-serif;}

.post {margin-bottom:35px;}
h2.postTitle {font-family: 'trebuchet ms', sans-serif;}
h2.postTitle a {font-size:0.85em; text-decoration:none; letter-spacing:-0.04em; color:#141414;}
h2.postTitle a:hover {color:#585840;}
.postMeta {font-size:0.7em; color:#666; line-height:1.4em;}
.postMeta a {text-decoration:none;}
.postMetaBottom {font-size:0.7em; font-style:italic; color:#666; line-height:1.4em;}
.postMetaComments {float:right; width:150px; text-align:right; margin-top:7px;}
.postMetaComments a {background:url(images/comments.gif) left 2px no-repeat; padding:4px 0 0 23px; text-decoration:none;}
.postMetaTags {float:left; width:340px; margin-top:7px;}
.postMetaTags a {text-decoration:none;}
.post img {}
.postContent {margin:15px 0 0 0;}
.postContent p {color: #353535; font-size:0.75em; line-height:1.5em; letter-spacing:.01em; margin:10px 0;}
.postContent ul, .postContent ol {padding:0 0 0 35px;}
.postContent ul li, .postContent ol li {font-size:0.75em; color:#353535;}

#pagenav {font-size:0.8em; background:url(images/nextprevbg.gif) left no-repeat; line-height:36px; padding:0 15px 4px 15px; margin-left:15px;}
#pagenav a {text-decoration:none;}
#pagenav a:hover {color:#444431; text-decoration:none; background:#fff;}



/************************************************
*	Comments	*
************************************************/
#comment {margin:10px 0; color:#111; width: 480px;}
#comment h3 {font-size:0.85em; font-weight:normal; color:#111; margin:15px 0 0 0; padding:0;}
#comment p a {color:#4f4f3c;}
#comment p a:hover {color:#111;}
#comment p {padding:0; margin:7px 0;}
ul.commentlist, ul.trackback {list-style-type:none; margin:10px 0; font-size:0.8em;}
.commentlist li, .trackback li {margin:10px 0 15px 0; background:#e5e5cc; list-style-type:none; padding:10px;}
.commentlist li.alt { background:#cacaa8; margin-top:10px;}
.commentlist li.cleared {background:transparent; border:none;}
.commentlist a:hover {color:#111;}
.commentlist a.gravatar {float:left; margin:0 15px 5px 0; width:44px;}
.commentlist .commentbody {margin:0; padding:0;}
.commentlist .commentbody p a {text-decoration:underline;}
.commentlist cite {font-size:1em; font-style:normal; color:#111;}
.commentlist small.commentmetadata a {color:#4f4f3c;}
.commentlist p {color:#111;}
#respond {margin-top:20px;}
textarea#comment {width:410px; background:#fff; color:#111; padding:10px;}
#comment #submit {margin:0;}
#commentform p {font-size:0.8em;}

.reply {background:#fff; padding:2px 5px;}
.reply a {text-decoration:none;}



/************************************************
*	Sidebar		*
************************************************/
#sidebar {float:right; width:385px;}
.sidebartop {background:url(images/sidebartop.gif) top left no-repeat; height:12px; padding:0; margin:0 0 0 0;}
.sidebarcontent {background:#cacaa8; padding:0 15px; color:#111;}
.sidebarbottom {background:url(images/sidebarbottom.gif) bottom left no-repeat; height:12px; padding:0; margin:0 0 12px 0;}
#sidebarleft {width:160px; float:left;}
#sidebarright {width:160px; float:right;}
#sidebarleft li ul, #sidebarright li ul {margin-bottom:15px;}

#sidebar h2 {font-size:1em; font-family:'trebuchet ms', sans-serif; margin:0; padding:0;}
#sidebar p {padding:15px 0 0 0; font-size:0.75em; color:#111;}

#sidebar a {display:inline; color:#222; text-decoration:none;}
#sidebar a:hover {color:#444431; text-decoration:none; background:#fff;}
#sidebar a#subscribe:hover {background:transparent;}

#sidebar table {width:160px; font-size:0.75em; margin-bottom:15px;}

#sidebar ul {list-style-type:none;}
#sidebar li {}
#sidebar ul ul li {font-size:0.75em; margin:0; padding:3px 2px 2px 16px; color:#333; background: url(images/bullet.gif) left 9px no-repeat; line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */}
#sidebar ul.children li {border-bottom:none;}
#sidebar ul.children {margin-bottom:-5px;}

#tag_cloud a {display:inline;}

#feedbox {border:1px solid #bbb; padding:2px; width:190px; color:#444; font-size:1em;}
.feedsubmit {border:none; background:#656551; color:#fff; font-size:0.9em; padding:1px 5px; margin-left:5px;}
.feedsubmit:hover {cursor:pointer; background:#8c8c6a;}

#searchbox {width:170px; color:#444; font-size:0.9em; padding:1px 2px 2px 2px;}
.submitbutton {border:none; background:#656551; color:#fff; font-size:0.9em; padding:0 5px 1px 5px;}
.submitbutton:hover {cursor:pointer; background:#8c8c6a;}



/************************************************
*	Footer		*
************************************************/
#footercontainer {clear:both; background:#cacaa8; color:#111; margin:15px 0 0 0; padding:0;}
#footer {width:910px; margin:0 auto; text-align:left; padding:12px 0 10px 0;}
#footerleft {float:left; width:820px;}
#footerleft ul#footernav {font-size:0.65em; margin:0; padding:0;}
#footerleft ul#footernav li {display:inline; list-style:none; padding:0 10px 0 0;}
#footerleft ul#footernav a {color:#4f4f3c; text-decoration:none; text-transform:uppercase; padding:1px 5px;}
#footerleft ul#footernav a:hover {color:#444431; text-decoration:none; background:#fff;}
#footerleft p#footercopy {font-size:0.6em; margin:0; padding:12px 0 0 5px; text-transform:uppercase;}
#footerleft p#footercopy a {color:#4f4f3c; text-decoration:none; text-transform:uppercase;}
#footerleft p#footercopy a:hover {color:#444431; text-decoration:none; background:#fff;}

#footerright {float:right; width:70px; text-align:right;}