/*  
	Theme Name: eXpresso
	Author URI: http://www.refreshmedia.com/
	Version: 1.0
	Author: Refresh Media
	Description: Custom design for eXpresso
*/

@import "reset.css";
@import "tools.css";

/* THE GOODS */
body {font: 62.5%/1.5 'Lucida Grande', Helvetica, Arial, sans-serif; background: url(images/bg_body.png) repeat-x top left; text-align: center;}

h1,
h2,
h3,
h4,
#shim p#corporate-link {font-family: Helvetica, Arial, sans-serif; font-weight: bold;}

a:link {color: #369e4e; font-weight: inherit; font-style: inherit;}
a:visited {color: #369e4e;}
a:hover {color: #369e4e;}
a:active {color: #369e4e;}

#shim {min-width: 980px; height: 131px; background: url(images/bg_shim.jpg) repeat-x top center; font-size: 1.2em;}
#shim p {display: none;}
#shim p#corporate-link {width: 980px; height: 34px; margin: 0 auto; display: block; text-align: right; color: #8fb49a; line-height: 34px; font-weight: normal;}
#shim p#corporate-link a {color: #FFF; font-weight: bold; text-decoration: none;}

#container {width: 930px; padding: 25px; margin: -97px auto 0; background: #FFF url(images/bg_container.png) repeat-y; text-align: left;}

#header {height: 126px; margin: -25px -25px 0; padding: 21px 25px 0; position: relative; background: url(images/bg_header.png) no-repeat;}
#header h6 {height: 70px; text-indent: -999em; overflow: hidden; border-bottom: 6px solid #eeeee9;}
#header h6 a {width: 335px; height: 52px; display: block; background: url(images/logo.png) no-repeat;}
#header #tagline {height: 50px; text-indent: -999em; overflow: hidden; background: url(images/tagline.png) no-repeat 0 50%;}
#header #search {width: 400px; position: absolute; right: 25px; bottom: 83px; text-align: right;}
#header #search input {vertical-align: middle;}
#header #search #search-input {margin: 0; padding: .2em; background: #f1f1f1; border: 1px solid #CCC; font-size: 1.1em; line-height: 1.5;}

#content {width: 700px; float: left; background: url(images/bg_content.png) repeat-x;}

#content strong {font-weight: bold; font-style: inherit;}
#content em {font-style: italic; font-weight: inherit;}
#content blockquote {margin: 0 3em .8em;}
#content blockquote p:first-child {text-indent: -.4em;}

#posts {width: 480px; min-height: 410px; _height: 410px; float: left; background: url(images/bg_posts.png) no-repeat; font-size: 1.2em; color: #333;}
#posts .post {padding: 20px 0 0; margin: 20px 0 20px 20px; border-top: 1px solid #ddddd6;}
#posts .post .metadata {list-style-type: none; margin: 0 0 .8em;}
#posts .post .metadata li {padding: 0 9px 0 14px; float: left; background: url(images/bg_metadata_divider.png) no-repeat 0 50%;}
#posts .post .metadata li.date {background: none; padding-left: 0;}
#posts .post .by-line {margin: 2em 0 1em; list-style-type: none; font-size: .8333em; text-transform: uppercase; color: #666;}
#posts .post .by-line li {float: left; padding-left: 15px;}
#posts .post .by-line li.author {padding-left: 0;}
#posts .post .by-line li.comments {padding-left: 26px; margin-left: 16px; background: url(images/icon_comments.png) no-repeat;}

#posts .post h1,
#posts .post h2 {margin-bottom: .5em; font-size: 1.5em; line-height: 1.2; color: #000;}
#posts .post h1 a,
#posts .post h2 a {font-weight: inherit; text-decoration: none;}
#posts .post h1 {font-size: 2em;}
#posts .post p,
#posts .post ul,
#posts .post ol,
#posts .post dl {margin-bottom: .8333em;}
#posts .post ul,
#posts .post ol {margin-left: 3em;}
#posts .post ul {list-style-type: disc;}
#posts .post ol {list-style-type: decimal;}

#posts .first,
#posts.single .post {padding-top: 0; border-top: 0;}
#posts .first h2 {font-size: 2em;}

#posts.single {width: auto; float: none;}
#posts.single .post {padding: 20px 80px 0 20px; margin: 0 0 20px; background: url(images/bg_related_information.png) no-repeat top right;}
#posts.single .metadata li.date {padding-left: 0;}

#posts.archive {width: auto; float: none; padding: 0 20px 20px; margin: 0;}
#posts.archive h1 {margin: 0 -20px .5em; padding: 20px 20px 0; font-size: 2em; background: url(images/bg_related_information.png) no-repeat top right;}
#posts.archive .post {margin-left: 0; padding-left: 200px;}
#posts.archive .post .archive-metadata {float: left; width: 190px; margin-left: -200px;}
#posts.archive .post .archive-metadata h3 {font-weight: bold; font-size: 1.2em; margin-bottom: .5em;}
#posts.archive .post .archive-metadata p {font-size: .8333em;}

#posts #comments {padding-top: 2em; margin-top: 2em; border-top: 4px solid #ddddd6;}
#posts #comments h2 {font-size: 1.5em;}
#posts #comments h3 {font-size: 1.3333em; margin: 1em 0 .5em;}
#posts #comments .warning,
#posts #comments .comment .comment-metadata dd.approval {text-transform: uppercase; color: #be5017; letter-spacing: .1em; font-size: .75em;}
#posts #comments .comment {padding: 10px 0 10px 175px; border-bottom: 1px solid #ddddd6;}
#posts #comments .comment .comment-metadata {float: left; margin-left: -175px; width: 150px;}
#posts #comments .comment .comment-metadata .author {font-weight: bold; font-size: .9167em; line-height: 1.6363;}
#posts #comments .comment .comment-metadata dd {font-size: .8333em; line-height: 1.8; color: #777;}
#posts #comments form p {padding-left: 175px; _margin-left: 175px;}
#posts #comments form label {font-size: .9167em; width: 175px; display: block; float: left; margin-left: -175px; _position: relative;}
#posts #comments form label span.warning {font-size: .8182em; padding-left: .3em;}

#related-information {width: 160px; padding: 20px 20px 20px 0; float: right; background: url(images/bg_related_information.png) no-repeat top right; font-size: 12px;}
#related-information h2 {padding: 2.3em 0 .5em; margin: 0 0 .5em; border-bottom: 4px solid #ddddd6; font-size: 1.1667em; line-height: 1.2857;}
#related-information li {line-height: 1.3333; margin: 0 0 .5em;}

#sidebar {width: 220px; margin-top: -3px; float: right; font-size: 1.2em; line-height: 1.333;}
#sidebar h2 {margin-bottom: 1em; font-size: 1.1667em; line-height: 1.2;}
#sidebar li {line-height: 1.3333; margin-bottom: .3em;}
#sidebar #topics {margin: 0 0 10px; background: url(images/bg_topics.png) no-repeat;}
#sidebar #topics h2 {padding: 15px 15px 0;}
#sidebar #topics ul {min-height: 150px; _height: 150px; margin: 0; padding: 0 15px 15px; background: url(images/bg_topics_bottom.png) no-repeat bottom left;}
#sidebar #about {margin: 0 0 10px; background: url(images/bg_about.png) no-repeat;}
#sidebar #about h2 {padding: 15px 15px 0; color: #FFF;}
#sidebar #about p {margin: 0; padding: 0 15px 25px; background: url(images/bg_about_bottom.png) no-repeat bottom left; color: #FFF;}
#sidebar #about p a {color: #FFF;}
#sidebar #about div.float-right {width: 81px; height: 73px; margin: -3px 0 0; padding: 0 5px 0 0;}
#sidebar #archives {padding: 0 15px;}

#footer {width: 824px; padding: 30px 40px 20px 116px; margin: 0 auto; background: #FFF url(images/bg_footer.png) no-repeat; text-align: left;}
#footer p {color: #777;}
#footer a#rss {margin-left: -76px; _margin-left: -38px; width: 66px; height: 28px; display: block; float: left; text-indent: -999em; overflow: hidden; background: url(images/icon_rss.png) no-repeat;}

/* FIXES */

/* clear-after grouping */
#container:after,
.metadata:after,
.by-line:after,
.post:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#container,
.metadata,
.by-line,
.post {display: inline-table;}
/* Hides from IE-mac \*/
#container,
.metadata,
.by-line,
.post {display: block; *height: 1%;}
/* End hide from IE-mac */

/* transparent PNGs */
#about img {behavior: url(iepngfix.htc);}

/* PRINT */
@media print {
	#search, #sidebar, #sk2-footer, #footer a#rss, #header #tagline, #respond {display: none;}
	#header h6, #footer, #comments {border-color: #000;}
	#shim {display: none;}
	#header {height: auto; margin: 0; padding: 0;}
	#header h6 {text-indent: 0; font-size: 1.2em; height: auto; border-bottom-width: 2px;}
	#header h6 a {padding: 0 0 1em; text-decoration: none; color: #000; height: auto; font-weight: bold;}
	#container {margin-top: 0 !important; padding: 0; width: auto;}
	#content {width: auto; float: none; padding: 0;}
	#posts {width: 65%;}
	#posts.single {width: 100%;}
	#posts.single .post {padding: 20px 25px 0;}
	#footer {width: auto; padding: 1em 0; margin: 20px 0 0; border-top: 2px solid #000;}
	#footer p {color: #444;}
}