/*  
Theme Name: RockStop'er.com
Theme URI: http://www.rockstopper.com
Description: Rockstop'er Theme 2009
Version: 2.1
Author: Jason Neal
Author URI: http://www.j-neal.com
*/

/* 

Go ahead and change the info above once you've added your own styling

 */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote { 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, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* 

Put your styles below...

 */
 
/**** CUSTOM HTML STYLES ****/
html {background-color: #474747;}
body {
text-align: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 95%;
}
a {color: #006699;}
a:hover {color: #333}

h1 {font-size:22px; color:#333;}
h2 {font-size:20px; color:#006699;}
h3 {font-size:18px; color:#993300;}
h4 {font-size:16px; color:#666;}
h5 {font-size:14px; color:#993300; }
h6 {font-size:12px; font-weight:bold;}

img {}
p {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

/**** PAGE STYLES ****/
.wrap {
position: relative;
margin: 0 auto;
text-align: left;
width: 764px;
height:auto;
border: 2px #000 solid;
}
.head {
position: relative;
background-image:url(images/index2_03.jpg);
background-repeat:no-repeat;
width:764px;
height:156px;
}
.tnav {
position: relative;
background-image:url(images/index_05.gif);
background-repeat:no-repeat;
width:764px;
height:29px;
text-align:center;
padding: 10px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tnav li {
display: inline;
padding: 0 12px;
}
	.tnav li a {
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	}
	.tnav li a:hover {
	color: #d2d2d2;
	}
.cont {
position: relative;
background-image:url(images/cont-tile.jpg);
background-repeat:repeat-y;
width: 764px;
height: auto;
}
.snav {
position: absolute;
top: 0;
left: 0;
width:155px;
height:auto;
}
.sdate {
position: relative;
left: 9px;
font-size: 60%;
text-align: center;
width: 140px;
}
.snavt {background-image: url(images/index_06.gif); width:155px; height:28px;}
.snavPad {
position: relative;
top: 0;
left: 0px;
background-image:url(images/index_08.gif);
background-repeat:repeat-y;
text-align: left;
min-height: 50px;
}
.snavb {background-image: url(images/index_10.gif); width:155px; height:6px;}
.snav ul{position:relative; width:125px; height:auto; left:15px; padding: 5px 0 10px 0;}
.snav ul li{ font-size:12px; font-weight:bold; padding: 10px 0 5px 0; line-height: 12px; border-bottom: #D4D4D4 1px solid;} 

.contPad {
position: relative;
top: 0;
left: 168px;
width:580px;
height:auto;
min-height:300px;
text-align: left;
font-size: 85%;
padding: 8px 0;
}
.foot {
position: relative;
background-image:url(images/index_14.gif);
background-repeat:repeat-y;
width:764px;
height:31px;
}
.footPad {
position: relative;
top: 15px;
width:750px;
margin: 0 auto;
text-align: right;
font-size: 10px;
}