/*
Theme Name: RePLAY
Theme URI: http://replay.biospantech.com/
Description: The official them for BioSpan's RePLAY™.
Version: 1.6
Author: Lindsey Hermes
Author URI: http://lindseyhermes.com/
Tags: asphalt, road, pavement, green technology, full image background

	RePLAY v1.0

	This theme was designed and built by Lindsey Hermes,
	whose blog you will find at http://lindseyhermes.com/

*/



* { 
    margin: 0; 
    padding: 0; 
}

html, body, #wrap {
    height:100%;
    width:100%;
    overflow:hidden;
}

body {
	color:#000000;
cursor:default;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
background:url(images/loading.jpg) repeat;
}

body {
	/* These rules have no effect on the functionality */
	/* They are for styling only */
	margin: 0;
	padding: 20px 0 0 0;
}


#wrap {
	height:auto;
	min-height:100%;
}

a {
	color:indigo;
	outline:0 none;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#header {
	text-indent:-9999px;
	height:0;
}

h1 {
	left:-200px;
	margin-bottom:-82px;
	opacity:0.99;
	position:relative;
	width:199px;
	background:#000;
}

h1 a img {
	text-decoration:none;
	border:none;
	color:none;
	background:url(images/arrows.gif) repeat-x scroll 0 -30px;
}


h1 a:hover img {
	background:url(images/arrows.gif) repeat-x scroll 0 58px;
}

h2 {
margin-top:10px;
margin-bottom:20px;
font-size:25px;
font-weight:100;
text-shadow:1px 1px 5px lightblue;
}

h2.widgettitle {
	font-size:18px;
	color:darkgreen;
	font-weight:600;
	margin-bottom:12px;
	
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height:100%;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

div#home {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 

	/* These have no effect on the functionality */
	width: 900px;
	padding-bottom: 100px;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	top:120px;
	float:left;
	display:inline;
	margin-left:216px;
	margin-right:150px;

}


div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 

	/* These have no effect on the functionality */
	width: 732px;
	padding-bottom: 100px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	top:120px;
	float:left;
	display:inline;
	margin-left:140px;
	margin-right:150px;
}

#content_wrap {
	width: 600px;
	margin: 0 230px 0 76px;
}



/*-- navigation styling --*/

#navigation {
	left:200px;
line-height:12px;
position:absolute;
top:40px;
width:100%;
z-index:80;
margin-bottom:30px;
}

#navigation div {
	background:none repeat scroll 0 0 #000000;
	height:70px;
	margin-top:2px;
	opacity:0.6;
	padding:10px 0 0 10px;
}

ul.nav {
	float:left;
	display:inline;
	list-style:none;

}

ul.nav li  {
list-style:none outside none;
width:180px;
display:block;
}

ul.nav li a {
	color:#999999;
	display:block;
	font-weight:bold;
	height:14px;
	padding:0 5px;
	width:180px;
}

ul.nav li a:hover, ul.nav li.cur a, .current_page_item, .current_page_ancestor, .current_page_parent, ul.nav li.current_page_item a, ul.nav li.current_page_ancestor a {
	color:#FFFFFF;
}

ul.nav ul.subpages {
	float:left;
	display:inline;
list-style:none outside none;
padding-left:200px;
margin-top:-58px;
padding-top:0px;
}

ul.nav ul li  {
list-style:none outside none;
}

ul.nav ul li a {
	color:#999999;
	display:block;
	font-weight:bold;
	height:14px;
	width:200px;
}

ul.nav ul li a:hover, ul.nav ul li.cur a, ul.nav ul li.current_page_item a, ul.nav ul li.current_page_ancestor a {
	color:#FFFFFF;
}

/* End nav styling -- */

p {
	margin-bottom:16px;
}


.stbuttontext {
	color:white;
	font-weight:bold;
}

/*-- Sidebar styling --*/
#sidebar {
	float:left;
	display:inline;
	position:relative;
	margin-top:150px;
}

#sidebar ul {
	list-style:none;
	margin-bottom:30px;
}

#sidebar ul li {
	list-style-image:none;
	margin-bottom:12px;
}

#sidebar ul li a {
	border-bottom:dashed black;
	font-weight:800;
	color:#000;
}

#sidebar ul li a:hover {
	border-bottom:dashed yellow;
	text-decoration:none;
}

#sidebar ul li a img {
	text-decoration:none;
	border:none;
}

/*-- end sidebar --*/

/*-- homepage styles --*/

#content_wrap_home {
	display:inline;
	float:left;
	width: 900px;
	margin-left:76px;
}

#home_sidebar{
	display:inline;
	float:left;
	padding-top:20px;
	width:320px;
}

#home_sidebar img {
	margin-left:-38px;

}

/*-- end sidebar --*/

.alignright {
	float:right;
	display:inline;
}

.alignleft {
	float:left;
	display:inline;
}


/*-- post navigation --*/
.post_navigation {
	font-weight:800;
}

/*-- Search form styles --*/
#search {
	display:inline;
	float:left;
	margin-right:20px;
}

input#s {
	color:#333;
}


#searchform {
	display:inline;
}



/*-- Footer styles --*/
#footer {
	width:100%;
	position:relative;
	text-align:center;
	margin:-60px 400px auto;
	color: #fff;
}

#footer p {
	font-size:10px;
	float:left;
	display:inline;
}

#footer p a {
	color:#fff;
	margin-left:30px;
}

#footer p a img  {
	text-decoration:none;
	border:none;
}

a img {
	text-decoration:none;
	border:none;
}

a img .alignleft {
	text-decoration:none;
	border:none;
	margin-right:10px;
}