/*----------------------------------------------
Basic Style Sheet

version: 1.1
date: August 10, 2008
author: Daniel Miller
email: info@rockstarkettlebellgym.com
website: http://rockstarkettlebellgym.com
----------------------------------------------*/

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Color Sets
Base
Page Structure
Main Nav
Content
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
                       Color Sets
                       
                       
  Red: #aa0a23             lighter alt Red= #b50926
  Lighter Tan: #f1cf89	   lightest alt tan = #fbeccd
  Darker Tan: #f5c358
  Lighter Grey: #bbbbbb
  Darker Grey: #3f3f3f
  orange: #f9b728                
                       
--------------------------------------------------------------------*/


/*--------------------------------------------------------------------
                       BASE
--------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

body {
	background-color: #aa0a23;
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size:100%; /* 16px */
	line-height:1.125em; /* 16x1.125=18px */
	margin:0;
	padding: 0;
}

.clear {
  float: none;
  clear: both;
}

.hide {
  display: none;
} 


/*--------------------------------------------------------------------
                      Page Structure
--------------------------------------------------------------------*/

/*  #box {
  width: 90%;
  margin: 0 auto;
}

#left-shadow {
  background: #aa0a23 url(img/shadow_left.jpg) repeat-y fixed;
  width: 50px;
  float: left;
}  */

#container {
	width: 960px; /*16x49.375=790px */
	height: 100%;
	margin: 0 auto;
	background-color: #bbb;
	border-left: 3px solid black;
	border-right: 3px solid black;
	position: relative;
}


#masthead {
  background: #E9E9E9 url(img/rockstar_header_bg.jpg) no-repeat 50% 0pt;
  min-height: 262px;
}

#home #masthead {
  background-image: url(img/rockstar_header_index_bg.jpg)
}

#nav {
    font-weight: bold;
    height: 1.5625em; /* 16x1.5625=25px */
	color: #fff;
	background-color: #000;
	position: absolute;
	top: 190px;
	right:0;
	z-index: 3;
	width: 70%;  
}

#content{
  border-bottom: 15px solid black;
  min-height: 250px;
  background-color: #f1cf89;
}

#home #content{
  background-color: #f5c358;
}

#primary-content {
    padding-top: 20px;
    background-color: #f1cf89;
    background: #f1cf89 url(img/primary_bg.jpg) no-repeat 325px bottom; 
    min-height: 320px;  
}


#primary-content.short {
  float: right;
  width: 66%;
  border-left: solid 3px #aa0a23;
  background-position: left bottom;
  background-image: url(img/primary_index_bg.jpg);
}

#primary-content.blog {
  float: left;
  width: 66%;
  background-position: left bottom;
  background-image: url(img/primary_index_bg.jpg);
}


#index #secondary-content {
    float: left;
    padding-top: 20px; 
    background: #f5c358 url(img/secondary_bg.jpg) no-repeat top left;
    width: 33%;
    min-height: 250px;
} 

#secondary-content {
    float: right;
    padding-top: 20px; 
    background-image: none;
    /*  background-color: #f5c358 url(img/secondary_bg.jpg) no-repeat top left; */
    width: 33%;
} 

#footer {
    clear: both;
    color: #000;
    background-color: #bbb;
    background: #fff url(img/rockstar_footer_bg.jpg) no-repeat bottom center;
    min-height: 157px;
    border-bottom: solid 3px #000;
}

#copyright {
	width: 960px; /*16x49.375=790px */
	height: 100%;
	margin: 0 auto;
}

/*--------------------------------------------------------------------
                      Main Nav
--------------------------------------------------------------------*/

#nav ul{
	list-style: none;
	background-color: #000;
	}

#nav li { 
	float: left;
	font-size: .875em; /*16x.875=14px */
	padding: 3px 1em 0 1em; /*14x1=14px */
	line-height:1.7857143em; /* 14x1.7857143=25px */
	background-color: #000;
	}
#nav a {
	text-decoration: none;
	color: #fff;  
	}
#nav a:hover {
	text-decoration: underline; 
	}
/*--this set of styles makes orange the nav item of the page one is on and hover has no underline ---*/ 
#nav li.current_page_item a {
    color: #f9b728;
    }

#nav li.current_page_item a:hover  {
    text-decoration: none;
    }

#nav li.clear {
  float: none;
  clear: both;
  height: 1px;
  padding: 0;
  margin: 0;
  line-height: 0;
  font-size: .01em;
}        


/*--------------------------------------------------------------------
                      Content
                      
   -General Styles
   -Masthead Styles
   -General Content Styles
   -Primary-Content / Full/Short/blog Styles
   -Primary content figure div styles
   -Secondary-Content / blog Styles
   -Footer/Copyright Styles                  
   -Comment Styles
--------------------------------------------------------------------*/

/*----------------------- General styles ----------------------------*/
h1, h2, h3 {
	font-weight:bold;	
}

a {
  color: #aa0a23;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #3f3f3f;
  text-decoration: underline;
  font-weight: bold;
}

a img {
  border: none;
}


/*----------------------- Masthead styles ----------------------------*/


#masthead h1 {
    margin: 0;
    top: 0;
    left: 0;
    z-index: 2;
    width: 347px;
    height: 262px;
    background: url(img/rockstar_logo.jpg) no-repeat;
	font-size: 1.375em; /* 16x1.375=30px */
	/* line-height: 2em; */ /* 30x2=60px */
	color: #011558;
	text-indent: -5000px;
}

#masthead h1 a {
    display: block;
    width: 347px;
    height: 262px;
    background: url(img/rockstar_logo.jpg) no-repeat;  
}

#home #masthead h1 a {
    background: url(img/rockstar_logo_index.jpg) no-repeat;  
}

/*  #masthead h1 a {
	color: #fff;
	font-weight: normal;
}

#masthead h1 a:hover {
	text-decoration: none;
}  */

#masthead #logo {
  float: left;
}

/*----------------------- General Content Styles ----------------------------------------*/
#content p, #content address {
	font-size: 0.875em; /* 16x0.875=14px */
	line-height: 1.75em; /* 14x2=28px */
	margin: .75em 0 .75em 35px; /* 14x.75=10.5px   14x2.5=35px */
	padding-right: 150px;
	font-style: normal;
	color: #333;
}

#content blockquote p {
	margin: 0;
	padding-right: 0px;
}

ul.noDec, ol.noDec {
  list-style: none;
}

/*----------------------- primary-content / full/short/blog styles ----------------------------*/
#primary-content h1, #primary-content h2, #primary-content h3, #primary-content h4, #primary-content h5, #primary-content h6, #primary-content p, #primary-content ul, #primary-content ol, #primary-content img, #primary-content blockquote, #primary-content address {
  margin-left: 35px;
}

#primary-content h2 {
	font-size: 1.5em; /* 16x1.5=24px */
	line-height: 1.15em;
	margin: 12px 240px 18px 360px; /* 24x.5=12px 24x1.45=35px  */
	background: transparent url(img/black_line.gif) repeat-x left bottom;
	padding: 0 0 .75em 0;
}

#primary-content.short h2, #primary-content.blog h2  {
  margin-left: 35px;
  padding-left: 0px;
}

#primary-content h3 {
    font-size: 1em; /* 16x1=14px */
	line-height: 1.375em; /* 16x1.375=22px,  old=16x1.75=28px */
	margin: .328em 0 .328em 35px; /* 14x.328=5.25px   16x2.1875=35px */
	padding: 0 150px 0 325px;
}

#primary-content.short h3, #primary-content.blog h3 {
    padding-left: 0;
}

#primary-content h4 {
    font-size: .9em; /* 16x1=14px */
	line-height: 1.375em; /* 16x1.375=22px,  old=16x1.75=28px */
	margin: .328em 0 .328em 35px; /* 14x.328=5.25px   16x2.1875=35px */
	padding: .5em 150px 0 325px;
}

#primary-content blockquote {
  padding: 0 225px 0 375px;
}

#primary-content blockquote.pull {
  margin: 10px 50px 10px 20px;
  padding: 15px 10px 15px 30px;
  float: right;
  width: 260px; 
  border-top: 4px solid #333;
  border-bottom: 2px solid #333;
  background: #fbeccd url(img/pullquote_bg_a.jpg) no-repeat scroll left top; /* option b: #f5c358 ,  pullquote_bg_b.jpg */
}

#primary-content blockquote.pull.clean {
  background: transparent none;
}

#primary-content blockquote p, #primary-content blockquote h2, #primary-content blockquote h3, #primary-content blockquote h4, #primary-content blockquote h5, #primary-content blockquote h6, #primary-content blockquote ul, #primary-content blockquote ul {
  padding: 0;
}

#primary-content blockquote h2, #primary-content blockquote h3, #primary-content blockquote h4, #primary-content blockquote h5, #primary-content blockquote h6, #primary-content blockquote img {
  margin-left: 0;
} 

#primary-content blockquote p {
  color:#000;
  font-size: .9em; /* 1.1x 14= 15.4px */
  line-height:2em; /* 16x1.125=18px */
  font-style: italic;
  font-weight: bold; 
}

#primary-content blockquote.pull p {
  font-family: Georgia, Times, serif;
  color: #333;
  font-size: 1em; /* 1.1x 14= 15.4px */
  line-height:1.8em; /* 16x1.125=18px */
  font-weight: normal;  
}

#primary-content p, #primary-content ul, #primary-content ol, #primary-content address {
	padding-left: 325px;
}

#primary-content.short p, #primary-content.short ul, #primary-content.short ol, #primary-content.short blockquote, #primary-content.short address {
    padding-left: 0;
}

#primary-content.blog p, #primary-content.blog ul, #primary-content.blog ol, #primary-content.blog blockquote, #primary-content.blog address {
    padding-left: 0;
}

#primary-content ol, #primary-content ul {
	font-size: 0.875em; /* 16x0.875=14px */
	line-height: 2em; /* 14x2=28px */
	margin-top: .75em;
	margin-bottom: .75em;
	padding-right: 150px;
}

#primary-content li ul, #primary-content li ol {
  padding: 0;
  margin: 0;
  font-size: inherit;
}

#primary-content li h2, #primary-content li h3, #primary-content li h4, #primary-content li h5, #primary-content li h6  {
  padding: 0;
  margin: 0;
  background: none;
}

#primary-content li p, #primary-content li blockquote, #primary-content li address  {
   padding-left: 0;
   margin: 0; 
}

#primary-content li {
	margin-left: 40px;
}

#primary-content .initial {
  margin-top: 0px;
}


/*----------------------- Primary-content figure div styles ----------------------------*/
div.figure {
  background-color: #fffffe;
  margin: 0 0 15px 35px;
  padding: 10px;
}

div.figure.clean {
  background-color: transparent;
}

#content div.figure img {
  margin-left: 0;
}

#content div.figure p {
  font-size: 0.71428em;
  line-height: 1.8em;
  margin: 0;
  padding: 0;
}

#content div.figure h2, #content div.figure h3, #content div.figure h4, #content div.figure h5, #content div.figure h6 {
  margin: 0;
  padding: 0;
}

div.figure.a {
  float: left;
  clear: left;
}

div.figure.a img, div.figure.a p {
  width: 260px;
}


/*----------------------- secondary-content / blog styles ----------------------------*/

#secondary-content h1, #secondary-content h2, #secondary-content h3, #secondary-content h4, #secondary-content h5, #secondary-content h6, #secondary-content p, #secondary-content ul, #secondary-content ol, #secondary-content img, #secondary-content blockquote p  {
  margin: 0 35px;
}

#secondary-content blockquote p {
	font-size: 0.875em; /* 16x0.875=14px */
	font-style: italic;
	font-weight: bold;	
	line-height: 2em; /* 14x2=28px */
	margin: 0 35px; /* 14x.75=10.5px   14x2.5=35px */
	color: #000; 
}	


/*----------------------- Footer/Copyright styles ----------------------------*/


#footer h2 {
    margin: 0 auto;
    z-index: 2;
    width: 575px;
    height: 70px;
    background: url(img/why-be-a-groupie.gif) no-repeat;
	font-size: 1em; /* 16x1=16px */
	font-weight: bold;
	line-height: 1.5em; /* 16x1.5=24px */
	text-align: center;
	text-indent: -9000px;
}

#copyright p {
  font-size: .85em;
  text-align: center;
  padding: 8px 0 10px 0;  
}


/*----------------------- Comment styles ----------------------------*/
#respond {
  padding-top: 15px;
}

#respond h2 {
  font-size: .95em;
  margin: 12px 210px 0px 360px;
  padding: 5px 5px 5px 5px;
  background: none;
  background-color: #666;
  line-height: 1.25em;
}

#respond p.loggedin {
  margin-top: 0;
}


/* @end */