/*  
Theme Name: MacVroom-by-ContentRobot-v1.0
Theme URI: http://www.contentrobot.com/
Description: This three column WordPress theme was created for <a href="http://www,nacvroom.com">MacVroom.com</a> by <a href="http://www.contentrobot.com/">ContentRobot</a>.
Version: 1.0
Author: Dana Rockel
Author URI: http://www.contentrobot.com/
*/

/* @group Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/* @end */

/* @group Hacks */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */
/* @end */

/* @group Global Styling */
body { background:#ccc; font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:12px; color:#000; line-height:15px; margin:10px; }
/* @end */

/* @group Layout */
#dropshadow-top { width:995px; height:20px; margin:0 auto; background:url(images/drop-shadow-top.png) no-repeat; }
#dropshadow-middle { width:995px; margin:0 auto; background:url(images/drop-shadow-middle.png) repeat-y; }
#dropshadow-bottom { width:995px; height:20px; margin:0 auto; background:url(images/drop-shadow-bottom.png) no-repeat; }
#wrapper { width:978px; margin:0 auto; padding:0px; }
#header { background:url(images/header.png) no-repeat; height:175px; position: relative; }
h1#logo a { display: block; position: relative; width: 943px; height: 151px; top:18px; left: 18px; text-indent: -2000em; }
.searchform { position: absolute; top: 30px; right: 30px; }
.searchform input#s { margin-right: 5px; }
.description { display:block; text-indent: -2000em; }
#navigation { background-color:#ccc; text-align: center; }
.topad { text-align: center; width: 571px; padding: 15px 0; }
.intro { padding: 5px 0 0; color: #333; font-weight: bold; }
#container { background:url(images/main-bg.png) repeat-y; }
#content { width:571px; float:left; margin: 0 0 0 18px; }
.sidebarspacer { float: right; width: 355px; height: 10px; background-color: #999; margin-right: 17px; }
#sidebar-a { width:133px; float:right; margin: 0 21px 0 0; padding: 0 10px 0; }
#sidebar-b { width:179px; float:right; margin: 0 1px 20px 0; padding: 0 15px; }
#footercontent { background:url(images/footer-content-bg.png) no-repeat; margin:0 auto; padding:8px 47px 0px; }
#footer { background:url(images/main-bottom.png) no-repeat bottom; padding: 5px 0 25px; text-align:center; }
/* @end */

/* @group Typography */
a { outline: 0; }
a:link { color:#06c; }
a:visited { color:#06c; }
a:hover { color:#000; }
a:active { color:#000; }
blockquote { font-style:italic; margin:0 20px; color:#666; }
strong { font-weight:bold; }
em { font-style:italic; }
code, code p {  }
acronym, abbr, span.caps {  }
small {  }
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { font-size:24px; margin-bottom:10px; }
h2 { font-size:18px; margin-bottom:6px; }
h3 { font-size:14px; margin-bottom:4px; }
h4 { font-size:12px; margin-bottom:2px; }
h5 { font-size:10px; }
h6 { font-size:9px; }
/* @end */

/* @group Images */
img.aligncenter, img[align="center"] { display:block; margin:0 auto 10px; }
img.alignright, img[align="right"] { margin:0 0 5px 5px; display:inline; float: right; }
img.alignleft, img[align="left"] { margin:0 5px 5px 0; display:inline; float: left; }
img.noborder { border:none !important; }
/* @end */

/* @group Navigation */
#navigation { padding-top:9px; line-height:18px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; text-shadow: rgba(0,0,0,.6) 0px 2px 5px; }
#navigation li { display:inline; }
#navigation li a, #navigation li a:visited { color:#000; padding:7px 10px; text-decoration:none; }
#navigation li.current_page_item a { font-weight: bold; text-decoration:none; }
#navigation li a:hover, #navigation li.current_page_item a:hover, #navigation li a:active, #navigation li.current_page_item a:active { color:#000; text-decoration:underline; }
/* @end */

/* @group Content */
#content .post { padding: 10px 40px 30px; font-size: 14px; line-height: 18px; margin-bottom: 30px; }
#content .post-single { padding: 30px 40px 0; font-size: 14px; line-height: 18px; margin-bottom: 10px; }
#content h2 a { font-family: "Century Gothic", Arial, Helvetica, sans-serif; text-decoration: none; font-size: 22px; font-weight: normal; line-height: 24px; }
#content h2 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin-bottom: 0!important; }
#content h2.pagetitle { font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin: 20px 0 10px!important; font-weight: normal; color: #06c; font-size: 22px;  }
#content h2.archivetitle { padding: 20px 40px; color: #666; }

#content .postinfo { font-size: 12px; color: #4393e3; margin: 4px 0 10px; border-top: 1px solid #b5cde5; padding: 2px 0 3px; }
#content .postinfo a { color: #4393e3; }
#content .postinfo a:hover { color: #06c; }
.commentswrapper { padding: 10px 40px 30px; }
.commentarea { float: right; }
.commentarea a { background: url(images/bubble.png) no-repeat right; padding-right: 22px; }
.postcat { float: left; }
#content p { padding-bottom:10px; }
#content ul { padding-bottom:10px; list-style:disc; }
#content ul ul { padding-bottom:0px; list-style:disc; }
#content ul li { margin-left:15px; }
#content ol { padding-bottom:10px; list-style:decimal; }
#content ol ol { padding-bottom:0px; list-style:decimal; }
#content ol li { margin-left:20px; }
.featured { width: 571px; height: 250px; background-color: #ccc; margin: 6px 0 20px; position: relative; }
.featuredimg { display: block; width: 571px; height: 250px; position: relative; }
.featuredtext { width: 491px; background-color: #000; position: absolute; bottom: 0px; padding: 10px 40px; opacity: 0.5; filter:alpha(opacity=50); color: #fff; border-top: 1px solid #fff; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 18px; }
.featuredtext h2 { font-size: 22px; padding-bottom: 5px; color: #fff!important; }
.featuredtexttop { width: 491px; position: absolute; bottom: 0px; padding: 10px 40px; color: #999; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 18px; }
.featuredtexttop h2 { font-size: 22px; padding-bottom: 5px; color: #fff!important; }
.featuredlink { display: block; width: 571px; height: 250px; position: absolute; top: 0; text-indent: -2000em; }
a.readmore { float: left; display: block; height: 25px; line-height: 25px; background: url(images/readmore-bg.png) right top; padding:0 20px 0 10px; color: #fff; text-decoration: none; }
a.readmore:hover { background: url(images/readmore-bg.png) right -25px; }
.postmeta { text-align: center; background-color: #ffffcc; padding: 5px; font-size: 12px; }
.tags { font-size: 12px; }
/* @end */

/* @group Post Navigation */
.postnavigation { padding: 0 40px 10px; }
.navdivider { display: block; margin-bottom: 15px; border-bottom: 1px solid #b5cde5; }
.postnavigation a .prevpage { float: left; display: block; height: 25px; line-height: 25px; background: url(images/prev-bg.png) left top; padding:0 10px 0 20px; color: #000; text-decoration: none; }
.postnavigation a .prevpage:hover { background: url(images/prev-bg.png) left -25px; }
.postnavigation a .nextpage { float: right; display: block; height: 25px; line-height: 25px; background: url(images/next-bg.png) right top; padding:0 20px 0 10px; color: #000; text-decoration: none; }
.postnavigation a .nextpage:hover { background: url(images/next-bg.png) right -25px; }
/* @end */

/* @group Comments */
h3#respond { font-family: "Century Gothic", Arial, Helvetica, sans-serif; text-decoration: none; font-size: 18px; font-weight: normal; border-bottom: 1px solid #b5cde5; padding: 0 0 5px; margin-bottom: 20px; color: #06c; }
textarea#comment { width: 480px; border: 1px solid #999; padding: 3px 5px; font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; }
input#url, input#author, input#email { border: 1px solid #999; padding: 3px 5px; font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; }
/* @end */

/* @group Sidebar */
#sidebar-b h2 { font-size: 22px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #fff; border-bottom: 1px dotted #fff; font-weight: normal; padding: 15px 0 8px; }
#sidebar-b a { color: #000; }
#sidebar-b a:active, #sidebar-b a:hover { color: #333; }
#sidebar-b li { margin-bottom: 5px; }
#sidebar-b li.widget_categories ul li { margin-bottom: 0px; }
#sidebar-b a.rssfeed { display: block; height: 44px; background: url(images/rss-lg-icon.png) no-repeat top left; padding: 3px 0 0 45px; }
.macdsmimg { text-align: center; }
.macdsmimg img { border: 4px solid #fff; }
#sidebar-a ul.oio-banner-zone li { display: block; border: 1px solid #000; }
/* @end */

/* @group Footer Content */
#footercontent ul#columnone, #footercontent ul#columntwo, #footercontent ul#columnthree { float: left; width: 281px; margin-left: 20px; color: #ccc; }
#footercontent ul#columnone { margin-left: 0px; }
#footercontent h2 { font-size: 22px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #fff; border-bottom: 1px dotted #fff; font-weight: normal; padding: 5px 0 8px; }
#footercontent h2 a { color: #fff; text-decoration: none!important; }
#footercontent ul li ul li { margin-bottom: 3px; }
#footercontent a { color: #4393e3; }
#footercontent a:hover { color: #fff; }
.footerdivider { display: block; border-bottom: 1px dotted #fff; padding-bottom: 10px; }
#footercontent .widgettitle img { display: none; }
/* @end */

/* @group Footer */
#footer { font-size:10px; color: #666; line-height: 12px; }
#footer li { list-style:  none; display: inline; }
#footer a { color:#999; padding: 0 2px; }
#footer a:hover, #footer a:active { color:#fff; }
/* @end */

/* @group ContentRobot */
#crwrapper { width: 900px; margin: 0px auto; text-align: center; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#poweredbycr { height: 26px; width: 232px; margin: 0px auto; line-height: 26px; font-size: 10px; background: url(images/cr-bot.gif) no-repeat 103px 0; cursor: pointer; }
#poweredbycr:active, #poweredbycr:hover  { background: url(images/cr-bot.gif) no-repeat 103px -26px; }
#crl { float: left; width: 100px; text-align: right; }
#crc { float: left; width: 26px; height: 26px; margin: 0 3px; }
#crr { float: left; width: 100px; text-align: left; }
#poweredbycr a { color: #666; text-decoration:none; cursor: pointer; }
#poweredbycr a:hover, #poweredbycr a:active { color: #333; }
/* @end */