/*  
Theme Name: The 42nd Estate
Theme URI: http://www.the42ndestate.com
Description: Final Version
Version: 1.2
Author: Andrew Lindstrom
Author URI: http://andrewlindstrom.com/
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; font:62.5%/1.6 Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif; background: url(images/bg.png); width: 960px; margin: 0 auto; }

/* --= Typography & Colors =-- */
h1 { display:block; width:960px; height:141px; text-indent:-9009px; background:transparent url(images/logo.png) top no-repeat; margin-top: -15px; }
h1 a { display:block; width:100%; height:100%; outline:none; color: #f1f8f9; }
#subscribe-heading { display:block; width:78px; height:11px; text-indent:-9009px; background:transparent url(images/subscribe.gif) top no-repeat; margin: 0 0 6px 0; }
#latest-heading { display:block; width:182px; height:11px; text-indent:-9009px; background:transparent url(images/latest.gif) top no-repeat; margin: 0 0 0 0; }
#recent-comments-heading { display:block; width:143px; height:11px; text-indent:-9009px; background:transparent url(images/recentcomments.gif) top no-repeat; margin: 0 0 0 0; }
#menu-home a { display:block; width:44px; height:46px; text-indent:-9009px; background:transparent url(images/menu-home.png) top no-repeat; padding: 0 10px; }
#menu-home a:hover { background:transparent url(images/menu-home.png) bottom no-repeat; }
#menu-home.current_page_item a { background-position: bottom; }
#menu-about a { display:block; width:51px; height:46px; text-indent:-9009px; background:transparent url(images/menu-about.png) top no-repeat; padding: 0 10px; }
#menu-about a:hover { background:transparent url(images/menu-about.png) bottom no-repeat; }
#menu-about.current_page_item a { background-position: bottom; }
#menu-blog a { display:block; width:40px; height:46px; text-indent:-9009px; background:transparent url(images/menu-blog.png) top no-repeat; padding: 0 10px; }
#menu-blog a:hover { background:transparent url(images/menu-blog.png) bottom no-repeat; }
#menu-blog.current_page_item a { background-position: bottom; }
#menu-contact a { display:block; width:68px; height:46px; text-indent:-9009px; background:transparent url(images/menu-contact.png) top no-repeat; padding: 0 10px; }
#menu-contact a:hover { background:transparent url(images/menu-contact.png) bottom no-repeat; }
#menu-contact.current_page_item a { background-position: bottom; }
#menu-services a { display:block; width:66px; height:46px; text-indent:-9009px; background:transparent url(images/menu-services.png) top no-repeat; padding: 0 10px; }
#menu-services a:hover { background:transparent url(images/menu-services.png) bottom no-repeat; }
#menu-services.current_page_item a { background-position: bottom; }
#menu-oursites a { display:block; width:74px; height:46px; text-indent:-9009px; background:transparent url(images/menu-oursites.png) top no-repeat; padding: 0 10px; }
#menu-oursites a:hover { background:transparent url(images/menu-oursites.png) bottom no-repeat; }
#menu-oursites.current_page_item a { background-position: bottom; }
#recentpostsfrom42ndestate { display: block; width: 364px; height: 11px; text-indent:-9009px; background:transparent url(images/recentposts42nd.png) top no-repeat; margin-bottom: 25px; }
#recentpostsfromclients { display: block; width: 285px; height: 11px; text-indent:-9009px; background:transparent url(images/recentpostsclients.png) top no-repeat; margin-bottom: 25px; }
#sidebar { color: #84888a; font: 10px/1.7 Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif; }
#subscribe p { margin-bottom: 12px; width: 170px; }
#subscribe a { color: #df5919; text-decoration: none; }
#subscribe a:hover { text-decoration: underline; color: #4482b7; }
#recent-comments a { color: #84888a; text-decoration: none; font: 10px/1.5 Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif; }
.post { font: 12px/1.7  'Lucida Grande', Verdana, Arial, Georgia, "Trebuchet MS", Helvetica, sans-serif; color: #1c1f1e; }
.post a { color: #4482b7; }
.post a:hover { color: #b74447; }
.post h2, #respond, #comments, .pagetitle { font: 24px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #51554e; font-weight: bold; }
.post h2 a { color: #51554e; text-decoration: none; }
.post h2 a:hover { color: #4482b7; }
.post h3 { font: 18px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #51554e; font-weight: bold; padding-bottom: 5px;}
.post h3 a { color: #51554e; text-decoration: none; }
.post h3 a:hover { color: #4482b7; }
.latest-h2 { color: #b74447; text-decoration: underline; display: block; }
.latest-blurb { color: #84888a; font: italic 10px/1.6 Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; clear: left; }
a.blurb { display: block; text-decoration: none; border-bottom: 1px solid #c4c7c4; padding: 5px 0; }
a.blurb:hover { background-color: #e2e4dc; }
.postedby { color: #9fa790; font: 11px Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; font-style: italic; margin: 5px 0; }
.postedby a { color: #9fa790; text-decoration: none; }
.postedby a:hover { color: #4482b7; text-decoration: underline; }
.comment-bubble { font: bold 18px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; color: #666a63; }
.comment-bubble a { color: #666a63; text-decoration: none; display: block; width: 42px; height: 42px; text-align: center; padding-top: 6px; }
.comment-bubble a:hover { color: #b74447; }
.auth { text-decoration: underline; }
.ournetwork a { font: 10px Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; color: #b74447; /* removed underlined links */ text-decoration: none; }
.ournetwork a:hover { color: #c4c7bc; }
.postmetadata { font: italic 10px/1.6 Verdana,"Trebuchet MS",Helvetica,Arial,sans-serif; color: #84888a; }
.postmetadata a { color: #84888a; }
.navigation a { font-size: 12px; font-weight: bold; color: #b74447; }
.navigation a:hover { color: #4482b7; }
a.more-link { display: block; margin-top: 15px; }
blockquote { margin-left: 15px; padding-left: 40px; background: url(images/blockquote.gif) top left no-repeat; color: #51554E; font-style: italic; }
/* --= End Typography & Colors =-- */



/* --= Begin Structure =-- */
.post { margin-bottom: 40px; }
.entry { margin-top: 5px; }
.comment-bubble { float: right; background: url(images/comment-bubble.gif) no-repeat; width: 42px; height: 42px; margin: 0 0 0 20px; }
#menu { background: url(images/menu.png) top no-repeat; height: 52px;}
#menu ul { margin-left: 20px; }
#content { padding: 20px 50px; height: 100%; width: 560px; float: left;}
#content-bg { background: url(images/content-bg.gif) repeat-y; height: 100%; }
#sidebar { float: left; padding: 25px 0 30px 0; width: 260px; }
#subscribe { background: url(images/rss.gif) 188px 22px no-repeat; }
#recent-comments { margin-top: 40px; }
#prefooter { clear: both; background: url(images/content-bot.png) no-repeat; height: 14px; }
#subfooter { background: url(images/subfooter-top.png) top repeat-x; padding: 40px; }
#subfooterwrapper { background: url(images/subfooter.png); margin: 0 10px; border: 1px solid #1b1d1c; }
#footer { clear: both; }
#latest { margin-top: 40px; }
#footer { clear: both; text-align: center; padding: 10px; color: #696c67; font: 9px Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; }
#footer a { color: #696c67; }
.rssthumb { float: left; margin-right: 10px; }
.ournetwork { width: 410px; float: left; }
.ournetwork ul { margin-bottom: 40px; }
.ournetwork ul li a { width: 270px; height: 14px; display: block; overflow: hidden; margin-bottom: 13px; }
#fortypx { margin-left: 30px; }
/* --= End Structure==- */



/* --= Begin Images =-- */

/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered', will of course center the image. 
	This is much better than using align="center", being much more futureproof (and valid) */
p img { padding: 0; max-width: 100%; margin: 5px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft {	float: left; }
/* --= End Images =-- */



/* --= Begin Lists =-- */
ol,ul { list-style:none; }
.entry ul { list-style: disc inside; text-indent: 0.5em; padding-bottom: 0.75em; }
.entry ol { list-style:decimal inside; padding-bottom: 1.5em; }
.entry li { padding-bottom: 0.75em; margin: 0; line-height: 1em;  }
#menu li { display: block; float: left; }
li.latestcomments a { display: block; padding: 6px 0; border-bottom: 1px solid #c4c7c4; }
li.latestcomments a:hover { background-color: #e2e4dc; }
/* --= End Entry Lists =-- */



/* --= Begin Comments =-- */
#comments { margin-bottom: 15px; }
#respond { clear: both; padding-top: 20px; }
#submit:hover { border:1px solid #6792af; background-color:#8aadc5; }
textarea#comment { width:400px; height:70px; }
ol.commentlist { margin-bottom: 2.5em; font:12px/1.8 Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7f8279; }
.commentlist li { clear: left; }
.commenttop { background: url(images/commenttop.png) top no-repeat; height: 17px; clear: both; }
.commentbottom { background: url(images/commentbottom.png) bottom no-repeat; height: 26px; }
.commenttext { clear:both; background: url(images/commentmiddle.png) repeat-y; padding: 0 20px; height: 100%;}
.commenttext a { color:#51554e; background-color:transparent; }
.commenttext a:hover { color:#b74447; background-color:transparent; text-decoration:underline; }
.commentmetadata { float:left; }
.commentmetadata a { text-decoration:none; color:#51554e; }
.commentmetadata a:hover { color:#b74447; background-color:transparent; text-decoration:none;}
.commentauthor { float:left; padding-left: 20px; color: #51554e; margin-bottom: 20px; }
.commentauthor a { color: #51554e; }
.commentauthor a:hover { color: #b74447; }
.author .commenttop { background: url(images/commenttopauthor.png) top no-repeat; height: 17px; clear: both; }
.author .commentbottom { background: url(images/commentbottomauthor.png) bottom no-repeat; height: 26px; }
.author .commenttext { clear:both; background: url(images/commentmiddleauthor.png) repeat-y; padding: 0 20px; color: #cdcecc; }
.author .commenttext a { color:#1d1d1d; background-color:transparent; }
.author .commenttext a:hover { color:#8aadc5; background-color:transparent; text-decoration:underline; }
#commentform  { font: italic 11px Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif; color: #9fa790; }
#commentform p { margin:0.5em 0.5em 0 0.5em; }
#commentform input,#commentform textarea { border:1px solid #9fa790; font:12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color:#1d1d1d; margin:0; padding:0.2em; }
#commentform input:hover,#commentform textarea:hover { border:1px solid #b74447; }
/* --= End Comments =-- */



/* --= Begin Calendar =-- */
#calendar_wrap { width:100%; margin:0 0 1em 0; }
#wp-calendar caption { font-weight:400; font-size:10px; padding:0.2em 0; text-transform:uppercase; letter-spacing:0.3em; color:#6c6a6a; }
#wp-calendar { width:100%; border-collapse:collapse; }
#wp-calendar th { width:26px; font-size:0.9em; line-height:1.7em; border-top: 1px solid #999; border-bottom: 1px solid #999; text-align:center; color:#6c6a6a; }
#wp-calendar td { width:26px; line-height:1.8em; color:#999; text-align:center; }
#wp-calendar td#next,#wp-calendar td#prev { width:78px; font-size:0.8em; letter-spacing:1px; text-transform:uppercase; }
/* --= End Calendar =-- */



/* --= Begin Searchbox =-- */
#searchetc { padding-top:11px; padding-right: 30px; float:right; }
#searchetc #searchbox { width:186px; height:26px; background:url(images/searchbox.gif) no-repeat; }
#searchetc #searchbox #s { float:left; padding:0; margin:7px 0 0 7px; border:0; width:154px; background:none; font:10px Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif; color:#90918b; font-style: italic; }
#searchetc #searchbox #go { float:left; }
/* --= End Searchbox =-- */



/* --= Begin Various Tags & Classes =-- */
.clr { clear: both; }
.entry p { padding-bottom: 1.5em; }
#service-writing { background: url(images/service-writing.png) no-repeat 0 3px; margin: 10px 0 0 0; padding: 10px 0 0 135px; height: 100%; }
#service-marketing { background: url(images/service-marketing.png) no-repeat 0 3px; margin: 40px 0 0 0; padding: 10px 0 0 135px; height: 100%; }
#service-hosting { background: url(images/service-hosting.png) no-repeat 0 3px; margin: 40px 0 40px 0; padding: 10px 0 0 135px; height: 100%; }
/* --= End Various Tags & Classes =-- */