/*
Theme Name: Innovation
Theme URI: http://www.danharper.me/innovation
Description: An advanced portfolio & blog theme built by Dan Harper as part of a tutorial series for NETTUTS.com
Version: 1.0
Author: Dan Harper
Author URI: http://www.danharper.me
*/
The first thing I always include in my stylesheet is a browser reset, followed by some basic styling for paragraphs, lists, headers and links.

*{padding:0;margin:0;}

body {width:100%;height:100%;margin:0pt;color:#f3f3f3;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;background: url("images/bg-tile.gif") #101010 top center fixed;}
	
p {font-size: 1.0em;line-height: 1.5em;margin-bottom: 10px;}
	
hr.hr1{border-bottom:1px dashed #f3f3f3;height:1px;border-top:none;}

/*ul, ol {margin: 0 0 10px 10px;}*/
	
li {font-size:0.9em;line-height: 1.5em;list-style-position: inside;margin-bottom: 3px; list-style:none;}
	
img {border: none;}
	
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

h2{margin:0 0 10px 0;}

h4{margin:-20px 0 15px 30px;}
	
h3 {margin: 15px 0 2px 0;}
	
h4, h5, h6 {font-weight: bold;}
	
a:link, a:visited {text-decoration: none;color:#FFF;}
	
a:hover, a:active, a:focus {text-decoration: none;outline: none;color:#929fd9;}
	
/* HEADER */
	
#wrap {margin: 0 auto;min-width:1024px;min-height:768px;height:100%;margin-bottom:0px;}
	
#head {overflow: hidden;text-align:center; height:159px;}

#logo{width:100%;height:107px;margin-top:22px;}
/* NAVIGATION */

#nav{width:100%;height:43px;text-align:center;}

#nav-buttons{margin-right:auto;margin-left:auto;width:910px;}

#nav-buttons ul{list-style:none;margin:auto 0pt;}

#nav-buttons ul li{ float:left;margin-top:2px;}

#nav-buttons ul li a{font-family:Trebuchet MS;color:#e6e6e6;font-size:10pt;font-weight:bold;display:block;text-decoration:none;height:43px;width:91px;padding-top:14px;}

#nav-buttons ul li a:hover{color:#fff;height:43px;width:91px;}

#banner{width:100%;height:133px;background:#90ac5c;text-align:center;}

#banner img{margin-top:-19px;}

/**************************************************/
#content{margin: 15px 15px 0 0;width:548px;min-height:485px;float:left;}

/*#content {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	float: left;
	padding: 19px 19px 30px 0;
	margin-bottom: 5px;
	overflow: hidden;
	width: 960px;
	}
	
.contentwrap {
	padding-left: 19px;
	overflow: hidden;
	}
	
#content h2 {
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	}*/

.extraswrap {
	margin-top: 10px;
	overflow: hidden;
	}

.extras { float:left; margin:40px 0 0 20px; width:300px; padding-left:50px; }

/* style FlickrRSS widget */
.flickr {
	display: inline;
	}
	
.flickr a:link img, .flickr a:visited img {
	margin: 0 10px 10px 9px;
	}

/* style Twitter widget */
ul.twitter {
	margin: 0;
	}
	
ul.twitter li.twitter-item {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	list-style: none;
	margin-bottom: 20px;
	padding: 8px 10px;
	}
	
ul.twitter li.twitter-item span abbr {
	border-bottom: none;
	display: block;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 3px;
	}


#left-col{width:548px;margin-top:25px;float:left;}

#left-col-top{float:left;}

#left-col-top ul{list-style:none;margin:auto 0pt;padding:0px;}

#left-col-top ul li{ float:left;}

#left-col-btm{float:left;padding-bottom:25px;margin-top:10px;}

#clothing{width:340px;height:157px;float:left;}

#clothing_copy{margin:55px 0 10px 125px;}

#sponsors{width:204px;height:157px;float:left;padding:30px 0 0 0;}
#sponsors ul{margin-top:15px;padding-left:15px;}
#sponsors li{padding-top:5px;}

#facebook{width:23px;height:23px;float:right;padding:0 5px;}
#facebook img{border:none;}

#twitter{width:23px;height:23px;padding:0 0 5px;}
#twitter img{border:none;}

#feed{width:23px;height:23px;float:right;padding:0 0 0 5px;}
#feed img{border:none;}

#right-col-social{height:36px;width:200px;}

#right-col-block{width:210px;height:404px;}

#last-story{height:195px;width:170px;padding:10px 0 10px 15px;}
#last-story a{color:#FFF;text-decoration:none;font-weight:bold;float:right;}

#donate{height:75px;width:170px;padding:15px 0 15px 15px;}

#new-player{height:50px;width:170px;padding:10px 0 15px 15px;}
#new-player img{border:none;}
#new-player a{text-decoration:none;color:#FFF;}

#about-clip{float:left; width:160px;}

#men-stories{float:right; width:190px;padding-top:20px;}
#men-stories ul{list-style:none;}
#men-stories ul li{ float:left;margin-top:-15px;}
#men-stories ul p{height:3px;padding: 10px 0 0 0;}

#women-stories{float:left; width:190px;padding-top:20px;}
#women-stories ul{list-style:none;}
#women-stories ul li{ float:left;margin-top:-15px;}
#women-stories ul p{height:3px;padding: 10px 0 0 0;}

#gen-stories{float:right; width:190px;padding-top:20px;}
#gen-stories ul{list-style:none;}
#gen-stories ul li{ float:left;margin-top:-15px;}
#gen-stories ul p{height:3px;padding: 10px 0 0 0;}

#footer-content{margin:0pt auto;width:780px;}

#footer-copyright{margin:267px auto 0; width:100%; text-align:center; height:26px; padding-top:13pt;position:absolute;}

#footer{width:100%;height:267px;position:absolute;}
/**************************************************/

#main{margin-right:auto;margin-left:auto;width:780px;height:100%;}

#content h2 {
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	color:#FFF;
	}

.work {
	float: left;
	margin: 0 20px 40px 0;
	width: 460px;
	}
	
.work a {
	outline: none;
	}
	
.work p {
	font-size: 0.9em;
	font-weight: bold;
	margin: 8px 0 10px 0;
	}

.worksingle p {
	font-weight: normal;
	}

.work span {
	font-size: 0.8em;
	font-weight: normal;
	}

.last {
	margin-right:0 !important;
	}
.work a:link img, .work a:visited img {
	border: 5px solid #e3e8ed;
	}
	
.work a:hover img, .work a:active img, .work a:focus img {
	border: 5px solid #5c6e80;
	}
	
.work a:link, .work a:visited {
	color: #333;
	}
#mainarea {
	float: left;
	padding-right: 30px;
	width: 548px;
	}
.blogpost {
	clear: both;
	margin-bottom: 25px;
	padding-bottom: 25px;
	overflow: hidden;
	}
	
.singleblog{overflow:hidden;}

ul.meta {
	margin: 0 0 25px 0;
	}
	
ul.meta li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	margin-right: 10px;
	padding-left: 12px;
	text-transform: uppercase;
	}
	
ul.meta li:first-child {
	border: none;
	padding-left: 0;
	}
	
.alignleft {
	float: left;
	margin: 0 10px 8px 0;
	}
	
.alignright {
	float: right;
	margin: 0 0 8px 10px;
	}
	
.aligncenter {
	margin: 10px auto;
	}
#sidebar {margin-top:25px; float:left; width: 215px;}

#sidebar ul {margin:10px 0 0 15px; width:180px;}

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

	
li h3 {
    font-size: 1.3em;
    line-height: 1.4em;
    margin: 5px 0 5px 0;
	color:#C00000;
	font-weight:bold;
    }


/* Sidebar Search Form */

#sidebar ul li#search {
    margin-bottom: 25px;
    }
	
.hidden{display:none;}
	
#sidebar ul li#search form #s {
    padding: 7px 29px 7px 7px;
    width: 182px;
    }
	
#sidebar ul li#search form #searchsubmit {
    display: none;
    }


/* Sidebar Lists (eg. Meta, Archives, Categories) */

#sidebar ul li ul {margin-left:0px;}
	
#sidebar ul li ul li { list-style-position: outside; margin: 0 0 5px 0; }




/*****************************/
* { margin: 0; padding: 0; }
#page{display:table;overflow:hidden;margin:0px auto;}
*:first-child+html #page {position:relative;}/*ie7*/
* html #page{position:relative;}/*ie6*/

#content_container{display:table-cell;vertical-align: middle;}
*:first-child+html #content_container{position:absolute;top:50%;}/*ie7*/
* html #content_container{position:absolute;top:50%;}/*ie6*/

*:first-child+html #content{position:relative;top:-50%;}/*ie7*/
* html #content{position:relative;top:-50%;}/*ie6*/

html,body{height:100%;}
#page{/*height:100%;*/width:780px;}
/*****************************/


#head {background:url("images/header-bg.gif") repeat-x;}

#head h1 {
	color: #eee;
	}
	
#head h3 {
	color: #ddd;
	}
	
#nav{background:url("images/nav-bg.gif") repeat-x;}

#nav-buttons ul li a:hover{background:url("images/nav-btn-bg.png") no-repeat;}
	
#nav ul li a:link, #nav ul li a:visited {
	color: #ddd;
	}
	
#nav ul li.current_page_item a:link, #nav ul li.current_page_item a:visited {
	/*background: url("deepblue/trans.png") repeat;*/
	color: #eee;
	}
	
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus {
	color: #eee;
	}
/*#content {
	background-color: #f9f9f3;
	border: 1px solid #111;
	border-top: none;
	}*/
.flickr a:link img, .flickr a:visited img {
	border: 3px solid #e3e8ed;
	}
	
.flickr a:hover img, .flickr a:active img, .flick a:focus img {
	border: 3px solid #5c6e80;
	}

ul.twitter li.twitter-item {
	background-color: #f6f5ed;
	border: 1px solid #eae9de;
	}
p.footer {
	color: #ccc;
	}
	
p.footer a:link, p.footer a:visited {
	color: #ccc;
	border-bottom: 1px dashed;
	}
	
p.footer a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
}
.blogpost, .worksearch {
	border-bottom: 1px solid #fff;
	}

ul.meta li {
	border-left: 1px solid #e3e8ed;
	}
#sidebar ul li#search form #s {
    background: url("images/search.png") no-repeat right #f6f6ec;
    border: 1px solid #E8E3C8;
    }

#sideline{ background:url("images/sidebar-line.png") no-repeat; width:195px; height:3px; margin-left:-10px;}
	
#sidebar ul li#search form #s:focus {
    border: 1px solid #dad4b6;
    }
#sidebar ul li a:link{
    color: #fff;
    }
#sidebar h2{margin-top:-25px;}

#clothing{background:url("images/clothing-bg.png") no-repeat;}

#sponsors{background:url("images/sponsor-bg.png") no-repeat;}

#right-col-block{background:url("images/sidebar-bg.png") no-repeat;}

#men-stories ul p{background:url("images/footer-line.png") no-repeat;}

#women-stories ul p{background:url("images/footer-line.png") no-repeat;}

#gen-stories ul p{background:url("images/footer-line.png") no-repeat;}

#footer{background:url("images/footer-bg.gif") repeat-x;}

#footer-copyright{background:url("images/nav-bg.gif") repeat-x;}