/*
Theme Name: MarkO
Theme URI: http://www.markobmascik.com
Description: Theme built for Mark Obmascik
Version: 2 (WP2.8)
Author: Rick Viera - built on starkers base by Elliot Jay Stocks
Author URI: http://www.rickviera.com
Tags: clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* Global Styles */
html{ background-image:url(style/images/MarkObg.jpg); background-position: -1000px 0; font-family:sans-serif, Arial, Helvetica;}
#container{ width:820px; margin:auto; padding:15px 0 0 0;}
#nav{ margin:8px auto auto auto; width:500px; text-align:center;}
#nav li{display:inline; padding:0 30px;}
#nav li a:link, #nav li a:hover, #nav li a:active, #nav li a:visited{ text-decoration:none; color:#4a4848; font-size:18px;}
/* Global Styles */

/* Home Page Styles */
#container h1{ margin:0 0 10px 26px;}
#container #pic{ margin:auto; width:769px;}
#container{ min-height:810px; background-image:url(style/images/mtnRange.png); background-position: bottom right; background-repeat:no-repeat;}
#bookReview{ width:435px; margin:50px auto auto auto;}
#bookReview a{float:left; margin-right:10px; display:inline;}
#bookReview h2{float:left; margin:30px 0 4px 0; color:#1a66a2; font-size:20px; display:inline;}
#bookReview h3{float:left; color:#e65f2e; font-size:15px; width:290px; display:inline;}
#bookReview div{float:left; width:290px; border-top:1px solid #ddd; margin:10px 0 0 0; padding:10px 0 0 0; display:inline;}
#bookReview div h4{color:#5f5f5f; font-size:15px;}
#bookReview div h4 span{font-size:11px; font-style:italic;}
/* Home Page Styles */

/* Books Style */
#innerMO{ margin:0 0 10px 42px;}
#contentWrap{ height:490px; width:686px; margin:10px auto auto auto; background-image:url(style/images/contentBg.png); background-position: top left; background-repeat:no-repeat;}
#contentWrap h1{ color:#979595; font-size:24px; margin:0; padding:10px 0 10px 15px;}
.revieWrap{ margin:auto auto 10px auto; border-top:1px solid #dedede; width:635px; padding:15px 0 5px 0;}
.revieWrap img{ float:left; display:inline; margin:0 20px 0 0;}
.revieWrap h2{ float:left; display:inline; color:#5d5d5d; font-size:18px;}
.revieWrap h2 span{ font-size:14px;}
.revieWrap p{ float:left; display:inline; width:475px; font-size:12px; color:#262626; line-height:20px; margin:5px 0 0 0;}
.revnav{ float:left; margin:8px 0 0 0; text-align:center; display:inline;}
.revnav li{display:inline; padding:0 20px 0 0;}
.revnav li a:link, .revnav li a:hover, .revnav li a:active, .revnav li a:visited{ color:#a00303; font-size:14px;}
/* Books Style */

/* Contact Style */
.revieWrap h2.email{width:270px; font-size:14px; margin:10px 0 10px 60px; line-height:18px;display:block;
}
/* Contact Style */

/* Bio Style */
.bioWrap{ margin:auto auto 10px auto; border-top:1px solid #dedede; width:660px; padding:15px 0 5px 0; font-size:12px; color:#262626; line-height:25px; overflow:auto; height:465px;}
.bioWrap img{ float:left; display:inline; margin:0 10px 0 0;}
/* Bio Style */

/* Quotes Style */
.quotesWrap{ margin:auto auto 10px auto; border-top:1px solid #dedede; width:630px; padding:15px 0 5px 0; line-height:25px; overflow:auto; height:465px;}
.quotesWrap img{ float:left; display:inline; margin:0 15px 0 0; clear:both;}
.quotesWrap h2{ float:left; display:inline; color:#5d5d5d; font-size:18px;}
.quotesWrap p span{ font-size:12px; font-weight:bold;}
.quotesWrap p{ float:left; display:inline; width:465px; font-size:12px; color:#262626; line-height:20px; margin:0; padding:5px 0; border-bottom:1px solid #dedede;}
/* Quotes Style */

/* Events Style */
.eventsWrap{ margin:auto auto 10px auto; border-top:1px solid #dedede; width:630px; padding:15px 0 5px 0; line-height:25px; overflow:auto; height:465px;}
.eventsWrap img{ float:left; display:inline; margin:0 15px 0 0; clear:both;}
.eventsWrap h2{ float:left; display:inline; color:#5d5d5d; font-size:18px;}
.eventsWrap p span{ font-size:12px; font-weight:bold;}
.eventsWrap p{ float:left; display:inline; width:250px; font-size:12px; color:#262626; line-height:20px; margin:0 0 0 60px; padding:5px 0; border-bottom:1px solid #dedede;}
/* Events Style */