/* Theme Name: mrc Theme URI: http://moreeraceclub.com.au Description: MRC Author: moreeraceclub.com.au Author URI: http://www.moreeraceclub.com.au Version: 2.4 /************************************************************************************ Reset Browser A Bit &Clear Floats ************************************************************************************/ *{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline} a img, a{outline:0; border:0} caption, th, td{ text-align:left; font-weight:normal} blockquote:before, blockquote:after, q:before, q:after{content:""} blockquote, q{quotes:""""} .clear{clear:both} /************************************************************************************ WordPress Elements ************************************************************************************/ .aligncenter{display:block; margin:0 auto} .alignright{float:right; margin:0 0 1em 1em} .alignleft{float:left; margin:0 1em 1em 0} .floatleft{float:left} .floatright{float:right} img.aligncenter, img.alignright, img.alignleft{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding:4px} .textcenter{text-align:center} .textright{text-align:right} .textleft{text-align:left} .wp-caption{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding-top:4px; margin:10px} .wp-caption img{margin:0; padding:0; border:none} .wp-caption .wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0} /************************************************************************************ Body ************************************************************************************/ body{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.8em; color:#555; background:#EBECEB} /************************************************************************************ HTML Elements ************************************************************************************/ a{color:#06F; text-decoration:none} a:hover{text-decoration:underline} p{margin:0 0 15px} strong{font-weight:700} em{font-style:italic} small{} pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word} hr{} blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 20px} /************************************************************************************ Default Headings ************************************************************************************/ h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; color:#666666; line-height:130%; font-weight:100; padding:0; margin:0; text-transform:uppercase} h1{font-size:22px; margin:0 0 30px 0} h2{font-size:20px; margin:30px 0 20px 0} h3{font-size:20px; margin:30px 0 20px 0} h4{font-size:20px; margin:20px 0 10px 0} /************************************************************************************ Main Wrap &Container ************************************************************************************/ #wrap{margin:10px auto 0 auto; width:900px; background:#FFF} #container{padding:10px 0} /************************************************************************************ Header ************************************************************************************/ #header{min-height:40px; position:relative; padding:20px;} #header-logo{width:600px; text-align:left} #header-description{text-transform:capitalize; font-size:12px;} #header-logo h1, #header-logo h2{font-weight:700; font-size:30px; margin:0} #header-logo a{color:#2C2C2C} /************************************************************************************ Main ************************************************************************************/ #main{float:left; width:600px; background:#FFF; padding:0 0 0 20px} #main-full-width{margin:0 20px} /************************************************************************************ Homepage ************************************************************************************/ #homepage-text{margin:-20px 20px 0 20px} #homepage-boxes{margin:0 0 0 10px} .homepage-box{width:255px; margin:0 20px 20px 0; padding:0 10px; float:left} .homepage-box img{margin:0 0 10px 0} .homepage-box h2{padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #EEE} /************************************************************************************ Entries ************************************************************************************/ .entry{float:left; width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #ECECEC} .entry-featured-image{height:140px; width:140px; background: #000; float:left; margin:0 20px 0 0;} .entry-featured-image a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;} .entry-meta{margin:0 0 5px; font-size:11px; color:#999} .entry-meta a{color:#999} .entry-meta a:hover{color:#3872A5} .entry-read-more{font-size:11px; font-weight:700} .entry-title{margin:0 0 5px; font-size:21px; font-weight:100} .entry-title a{color:#2C2C2C} /************************************************************************************ Breadcrumbs ************************************************************************************/ #breadcrumbs{list-style:none; margin:10px 0 0; border-bottom:1px solid #EEE; height:35px; line-height:35px; font-size:12px} #breadcrumbs li{display:inline} /************************************************************************************ Post ************************************************************************************/ #post{width:100%; margin:0 0 10px} #post ul, #main-post ol{margin:20px 0 20px 20px} #post-meta{margin:0 0 20px; font-size:11px; color:#999} #post-featured-image{} #post h1{font-weight:100;margin:0 0 10px} /************************************************************************************ Post navigation ************************************************************************************/ #post-navigation{height:35px; line-height:35px; font-size:14px} #post-navigation-left{float:left} #post-navigation-right{float:right} /************************************************************************************ Post Category ************************************************************************************/ #post-category{margin:10px 0; font-size:12px} #post-category h3{font-size:20px; margin:0 0 15px} /************************************************************************************ Post Tags ************************************************************************************/ #post-tags{margin:10px 0; font-size:12px} #post-tags-header{font-size:20px; margin:0 0 15px} /************************************************************************************ Post Author ************************************************************************************/ #post-author{margin:10px 0; font-size:12px} #post-author .avatar{float:left; padding:2px; background:#FFF; border:1px solid #EEE; margin:0 15px 10px 0} #post-author-meta{padding:10px 0 0 0; margin:0; font-size:11px} #post-author h3{font-size:20px; margin:0 0 15px} /************************************************************************************ Post Related Posts ************************************************************************************/ #related-posts{margin:10px 0; font-size:12px} #related-posts img{float:left; margin:0 15px 10px 10px; padding:2px; border:1px solid #CCC} #related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7} #related-posts ul{list-style:none; margin:0 10px 0 0} #related-posts ul li{min-height:60px; margin:0 0 20px 0} #related-posts h3{font-size:20px; margin:0 0 20px} #related-posts h4{font-size:12px; margin:0 0 5px 0} #related-posts h4 a{color:#333} /************************************************************************************ Comments *************************************************************************************/ #commentsbox{clear:both; padding-top:20px} #comments{border-top:1px solid #CCC;border-bottom:1px solid #CCC; margin:0 0 10px; padding: 10px 0} .commentlist{margin:0px 0 0; clear:both; overflow:hidden; list-style:none} .commentlist li{margin:10px 0; line-height:18px; padding:10px} .commentlist li li{padding: 0 !important } .commentlist li li .comment-body{ background: #F5F5F5; padding: 10px; border: 1px solid #CCC} .comment-author a:link, .comment-author a:visited{font-weight:bold} .comment-author .fn{} cite.fn{color:#000;font-weight:700;font-size:12px} .comment-author .avatar{float:left; margin:0 10px 0 0;-moz-box-shadow:0 14px 10px -12px rgba(0,0,0,0.7);-webkit-box-shadow:0 14px 10px -12px rgba(0,0,0,0.7);box-shadow:0 14px 10px -12px rgba(0,0,0,0.7)} .comment-meta{font-size:11px} .comment-meta .commentmetadata{color:#000} .comment-meta a{color:#666; text-decoration:none !important} ol.commentlist li p{line-height:22px; margin:5px 0 0} .reply{margin-top:5px; font-size:11px; font-style: italic} .children{list-style:none; margin:1em 0 0; text-indent:0} .children li.depth-2{margin:0 0 0px 10px} .children li.depth-3{margin:0 0 0px 10px} .children li.depth-4{margin:0 0 0px 10px} .children li.depth-5{margin:0 0 0px 10px} .comment-nav{padding:5px; height:20px} .comment-nav a:link, .comment-nav a:visited{} .cancel-comment-reply a{color:#F00; font-weight:700} #respond{margin:20px 0px} #respond h3{font-size:18px; margin:0 0 20px} #commentform{} #commentform p{padding:10px 0} #respond label{display:block; padding:5px 0} #respond label small{font-size:10px} #respond input{margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd} #commentform input{width:50%} #respond input#commentSubmit{padding:5px 0; width:100px; font-size:12px; background:#1F1F1F; border-top:1px solid #333; border:1px solid #000; color:#FFF; text-decoration:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:10px 0px; cursor:pointer; border:0; outline:none; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC} #commentSubmit:hover{background:#666 !important} #commentSubmit:active{padding:5px 0 0 !important} textarea#comment{border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px} #comments-closed{padding:10px 0} /************************************************************************************ Portfolio ************************************************************************************/ #portfolio-description{border-bottom:1px dotted #CCC; margin:0 20px 30px} #portfolio-page{margin:0 0 0 10px} .portfolio-item{width:280px; float:left; margin:0 20px 30px 0; padding:0 10px} .thumb-wrap{height:160px;width:280px;background:#000;margin:0 0 15px;} .portfolio-item a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7} .single-portfolio-img{margin:0 0 20px} .portfolio-item h2{font-size:18px; margin:0 0 10px} /************************************************************************************ Author Page ************************************************************************************/ #author-page{min-height:100px} #author-page .avatar{float:left; margin:0 15px 0 0} #author-page-posts-title{} /************************************************************************************ Archives - Category Pages &Tag pages -------------------------- */ #archive-title h1{} /************************************************************************************ Sidebar ************************************************************************************/ #sidebar-right{float:right; width:250px; font-size:12px; padding:0 20px 0 0} #sidebar-right ul{list-style:none; margin:0} #sidebar-right li{margin:5px 0} .sidebar-right-box{margin:0 0 30px} #sidebar-right h4{font-size:18px; color:#222; font-weight:normal; margin:0 0 20px; padding:0 0 5px; border-bottom: 1px solid #EEE } /************************************************************************************ Pagination ************************************************************************************/ #pagination{clear:both; padding:0 0 20px; position:relative; font-size:11px; line-height:13px; text-shadow:1px 1px 1px #FFF} #pagination span, #pagination a{display:block; float:left; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#666; background:#EEE} #pagination a:hover{background:#D7D7D7} #pagination .current{padding:6px 9px 5px 9px; background:#D7D7D7} /************************************************************************************ Copyright ************************************************************************************/ #social{position:absolute; top:20px; right:20px; margin:0; list-style:none} #social li{float:left; margin:0 0 0 6px} /************************************************************************************ Copyright ************************************************************************************/ #copyright{background:#2e4593; width:100%; margin:0 auto 0px auto; position:relative; padding:10px; color:#FFF; font-size:10px; border-top:1px solid #2e4593} #copyright p{margin:0} #copyright a{color:#FFF} #copyright a:hover{color:#FFF} #back-to-top{position:absolute; right:10px; bottom:10px; font-size:11px} /************************************************************************************ Phone Number ************************************************************************************/ #phone-number{position:absolute; right:21px; bottom:45px} /************************************************************************************ Search ************************************************************************************/ #search-wrap{position:absolute; right:26px; bottom:20px; width:180px} #search-input{width:155px; height:25px; line-height:25px; border:1px solid #CCC; padding:0 25px 0 5px; color:#999} #search:focus{color:#333} #search-submit{display: none;} /************************************************************************************ Menu Wrap ************************************************************************************/ #primary-menu{margin:0 20px; min-height:3em; font-size:12px; position:relative; z-index:99; border-bottom:1px solid #CCC; border-top:1px solid #CCC} /************************************************************************************ Important Menu Styles | Best To Only Edit Paddings ************************************************************************************// .sf-menu{float:centre} .sf-menu a{padding:1em;font-size:12px;text-decoration:none; text-transform:uppercase; font-family: 'Montserrat', sans-serif;font-weight:700} .sf-menu a:hover{text-decoration:none} .sf-menu a, .sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#666} .sf-with-ul a, .sf-menu li a:hover{background:#EEE;} .sf-menu li li a{padding:0.8em 1em} .sf-menu li{background:#FFF} .sf-menu li li{border-left:0px solid #CCC; border-right:0px solid #CCC; border-top:0px solid #CCC} .sf-menu li ul{border-bottom:0px solid #CCC} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0} /************************************************************************************ Essential Menu Styles | DO NOT EDIT ************************************************************************************/ .sf-menu, .sf-menu *{margin:0; padding:0; list-style:none;font-size:14px;} .sf-menu{line-height:1.0} .sf-menu ul{position:absolute; top:-999em; width:15em} .sf-menu ul li{width:100%} .sf-menu li:hover{visibility:inherit} .sf-menu li{float:left; position:relative} .sf-menu a{display:block; position:relative; text-decoration:none !important} .sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0; top:3em; z-index:99} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:15em; top:0} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:15em; top:0} /************************************************************************************ Slider Layout ************************************************************************************/ #slider-wrap{width:890px; margin:0 auto 0px auto} #slider{z-index:5; width:100%; height:189px; margin:0 auto 0px auto; position:relative; background:#FFF url('images/loading.gif') no-repeat 50% 50%} #slider img{position:absolute; top:0; left:0; display:none} #slider a{border:0} .nivoSlider{position:relative} .nivoSlider img{position:absolute; top:0px; left:0px} /************************************************************************************ Image With Link ************************************************************************************/ .nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none} /************************************************************************************ Slider Slices ************************************************************************************/ .nivo-slice {display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /************************************************************************************ Caption Styles ************************************************************************************/ .nivo-caption{position:absolute; left:0; bottom:0; opacity:0.8; width:100%; z-index:89} .nivo-caption p{color:#FFF; padding:10px; margin:0} /************************************************************************************ Direction nav styles (e.g. Next &Prev) ************************************************************************************/ .nivo-directionNav a{position:absolute; top:43%; z-index:99; display:block; width:47px; height:60px; text-indent:-9999px; border:0; cursor:pointer} .nivo-prevNav{background:url('images/left-arrow.png') no-repeat; left:15px} .nivo-nextNav{background:url('images/right-arrow.png') no-repeat; right:15px} .nivo-prevNav:hover{background-position:0 -60px} .nivo-nextNav:hover{background-position:0 -60px}