/*

Theme Name: rideriseroar
Theme URI: http://www.activatestudio.com/
Description: Custom theme for rideriseroar.com
Version: 1.0
Author: Activate Studio
Author URI: http://www.activatestudio.com/

*/
/* ----------------------------------------------------------------------------------------------------------- Imports */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} input, select {margin:0; padding:0;} a {text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------- Globals */
html{
overflow:-moz-scrollbars-vertical;
}

body {
background: white;
color: #424554;
font-size: 75%; /* -------------------------------------------------------------------------------- Base: 1em = 12px */
font-family: Arial, sans-serif;
}

h1 {font-size: 2.0em; color:#273584}
h2{font-size:1em; font-weight:bold; color:#666; text-transform:uppercase;}
p{padding:0 0 15px 0; line-height:1.67em; text-align:justify;}

a:link, a:visited {color:#273584; text-decoration: none;}
a:hover, a:active {color:#446de1; text-decoration: none;}

a.logo_link:hover, a.logo_link:active, a.image_link:hover, a.image_link:active{background:none;}

/* ----------------------------------------------------------------------------------------------------------- Granular */

.wrapper{ position:relative; width:860px; margin:0 auto;}

#header{ height:135px; padding:15px 0 10px 10px;}
#badges{ position:absolute; width:450px; top:15px; right:0px; }

#primary_nav{float:right; background:#000; padding:7px 0 6px 0; margin-top:100px; -moz-box-shadow: #bcbcbc 5px 3px 3px; -webkit-box-shadow: #bcbcbc 5px 3px 3px;}
.logo_link{float:left;}
#primary_nav li{display:inline; font-size: 1.167em; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-left:10px; margin-right:10px;}
.nav-active{color:#fff !important;}

#main{height:545px; width:860px;}
#credits{text-align:center; padding-top:30px;}

#blog{float:left; width:650px; border-right:solid 1px #d0d0d4; padding:15px 0 30px 0;}
.blog-content a, #sidebar div a{font-size:1.08em; text-decoration:underline;}
.blog-article{width:650px; height:auto; padding:10px 0 10px 0; border-bottom:solid 1px #d0d0d4; clear:both;}
.comment-blurb{float:left; width:70px; }
.blog-content{float:left; width:550px; }
.comment-number{font-size:1.25em;}
#blog a:hover, #blog a:active {color:#000; text-decoration: underline;}

#comments{padding-top:15px; border-top:solid 1px #d0d0d4;}
#comments form label span{font-style:italic;}
#comments h2{padding-bottom:15px; color:#acacac;}
#comments ol li {padding:10px 0 10px 0; border-bottom:solid 1px #d0d0d4; margin-bottom:15px;}
.comment-cite cite{color:#129cee;}
.comment-cite cite a{color:#129cee; text-decoration:none;}
.comment-cite cite a:hover{text-decoration:underline;}
.comment-permalink{font-size:0.92em;}
.comment-permalink a {text-decoration:none;}

#sidebar{float:left; width:194px;}
#sidebar div{padding:20px 0 19px 10px; border-bottom:solid 1px #d0d0d4;}
#sidebar div h2{padding-bottom:15px;}
#sidebar div ul li{line-height:1.67em;}

#photos{width:830px; padding:10px 0 10px 50px;}
.smp{float:left; margin:0 15px 15px 0;}

#about-header{width:751px; height:240px; padding:15px 0 0 55px;}
#about{width:801px; padding-left:55px;}
#about p{padding-top:15px;}
.col-1{float:left; width:385px;}
.col-2{float:right; width:385px;}
.blue{color:#129cee; font-size:14px; font-weight:bold;}

#bios{padding:10px 0 0 50px; width:775px;}
#bios p{text-align:justify;}
#bios ul{list-style: disc outside; line-height:1.67em; padding:0 0 1.25em 1em;}
.bio-heading{font-size:1.167em; color:#129cee; font-weight:bold; text-transform:uppercase; padding-bottom:0;}
.bio-heading-link {padding-bottom:0;}
.italic{font-weight:normal; font-style:italic; text-transform:none;}

#footer{clear:both; width:100%; padding:30px 0 30px 0; text-align:center; font-size:0.833em;}
#footer p{text-align:center;}

.built_by_activate{font-size:0.833em; padding-bottom:30px;}
.built_by_activate img, .built_by_activate span{vertical-align:middle;}

#contact{padding:15px 0 0 50px; width:775px;}
.contact-links-heading {margin-top:15px;}
