/* - - - - - - - - - - - - - - - - - - - - -
Title : style-site.css
Author : Jennifer Curtiss
URL : http://blog.neatlysliced.com

Description : 	CSS Off! Competition - July's Early Bird edition.
				This style-sheet is the generic styles for the site, 
				exclusive of browser specific nonsense 
				(for the most part)

Created : 7-14-2007
- - - - - - - - - - - - - - - - - - - - - */
/* ----- CSS ----- */

*{
}	
html{
}	
body{
	background-color: #fff;
	color: #464646;
	font: 11px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin:  0 auto;
	width: 100%;
}

/* ----- IDS ----- */
#login{
	background: #F7F7F7 url(../images/bg-header.gif) repeat-x 0 bottom;
	color: inherit;
	margin: 0;
	padding:  10px;
	text-align: right;
}
#login span{
	display: block;
	margin:  0 auto;
	width:  900px;
}


#header{
	background: url(../images/dots-top.gif) no-repeat right 25px;
	margin:  -1px auto 0 auto;
	width:  900px;
}
* html #header{
	background: url(../images/dots-top.gif) no-repeat right top;
}
*:first-child+html #header{
	background: url(../images/dots-top.gif) no-repeat right top;
}

#container{
	
	clear:  both;
	margin:  0 auto;
	width:  900px;
	background: url(../images/dots-bottom.gif) no-repeat left bottom;
}	
#primary-content{
	float: left;
	padding:  0 0 20px 35px;
	width:  65%;
}	
#sort{
	background: #F7F8D2 url(../images/yellow-bottom.gif) no-repeat left bottom;
	color: inherit;
	height: 4em;
	width: 556px;
}


#secondary-content{
	float: right;
	width: 25%;
}	
#footer{
	clear: both;
	background: #f7f7f7 url(../images/bg-footer.gif) repeat-x left top;
	color: inherit;
}
#ads{
	margin: 0 auto;
	width: 900px;
	
}
#meta{
	background: #914545 url(../images/bg-red-footer.gif) repeat-x left top;
	color: #fff;
	line-height: 2em;
}
.ad{
	float: left;
	width: 200px;
}
.ad *{
	padding: 0 10px 0 10px;
}

/* ----- CLASSES ----- */
.related{
	
	padding-left:  50px;
	/*background: url(../images/related.gif) no-repeat left 5px;
	No, no no! This image has semantic value! Use an alt tag!
	*/
}
.marker{
	margin: 4px 0 0 -50px;
}
* html .bug{
	margin: 5px 0 20px 0;
}
*:first-child+html .bug{
	margin: 5px 0 20px 0;
}
img.marker{
	width: 4em;
}
.bug .timestamp{
	background-color: inherit;
	border-right: 1px solid #464646;
	color: #357262;
	font-weight: bold;
	padding: 0 5px 0 0;
}
#primary-content .bug p.meta{
	border-top: 1px solid #e4e4e4;
	clear: both;
	display: block;
	margin:5px 0 0 0;
	padding: 5px 0 0 0;
}



div.search{
	margin: 0 auto;
	width: 900px;
}
form.search{
	height: 1.5em;
	margin: -2.5em 0 2em 20em;
}
* html form.search{
	height: 1.5em;
	margin: -4.5em 0 2em 100px;
}
*:first-child+html form.search{
	height: 1.5em;
	margin: -4.5em 0 2em 100px;
}
div.search form.search{
	padding: 7px 0 0 0;
	
}
* html div.search form.search{
	margin: -2.5em 0 2em 100px;
	padding: 7px 0 0 0;
}
*:first-child+html div.search form.search{
	margin: -2.5em 0 2em 100px;
	padding: 7px 0 0 0;
}
form.search input{
	float: left;
	margin:  0;
	padding: 0;

}
button.search{
	background-color: #914545;
	border: 0;
	color: #fff;
	height: 1.5em;
	line-height: 1.5em;
	padding: 0 4px 3px 4px;
	text-align: left;
	text-transform: uppercase;
}

.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html .clearfix {display: block;}
/* End hide from IE-mac */

.bug .tease:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.bug .tease {display: block;}

/* Hides from IE-mac \*/
* html .bug .tease {height: 1%;}
* html .bug .tease {display: block;}
/* End hide from IE-mac */


.hide{
}
.show{
}
.s508{
	display: none;
}

/* ----- HEADINGS ----- */

h1{
}
#header h1{
	background: url(../images/logo.gif) no-repeat left top;
	height: 189px;
	margin:  -26px 0 0 0;
	padding: 0;
	z-index: 100;
}
#header h1 img{
	display: none;
}
* html #header h1{
	background: none;
	position: relative;
	margin: 0px 0 0 0;
	z-index: 200;
}
* html #header h1 img{
	display: block;
	position: absolute;
	margin: -26px 0 0 0;
}
#header h1 span{
	visibility: hidden;
}
h2{
	background-color: inherit;
	color: #357262;
	text-transform: uppercase;
	font: normal normal normal 18pt/18pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px 0 0 0;
}
* html h2{
	line-height: 20px;
}
h2 span{
	background-color: #f7f7f7;
	color: inherit;
	padding: 5px 5px 5px 5px;
	width: 100%;
}
#primary-content h2 span{
	margin-left: -35px;
	padding-left: 40px;
}
* html h2 span{
	line-height: 22px;
	padding: 5px 5px 0px 5px;
}
#secondary-content h2{
	background-color: #f7f7f7;
	color: inherit;
	padding: 5px 5px 5px 5px;
}
#secondary-content h2 span{
	background-color: #f7f7f7;
	color: inherit;
	padding: 0;
	width: 100%;
}
div.search h2{
	margin: 0;
	padding: 15px 0 0 0;
}
h3{
}
#primary-content h3{
	background-color: inherit;
	border-bottom: solid 1px #357262;
	clear: both;
	color: #357262;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	margin: 30px 0 0 0;
	padding: 5px 0 5px 0;
	text-align: right;
	width: 100%;
}
* html #primary-content h3{
	line-height: 11px;
	padding: 0 0 0 0;
}
*:first-child+html #primary-content h3{
	line-height: 11px;
	padding: 0 0 0 0;
}


#primary-content h3 span{
	float: left;
	font-size: 21px;
	font-weight: bold;
	padding: 0px 0 5px 0;
	line-height: 16px;
}
* html #primary-content h3 span{
	line-height: 16px;
	padding: 0 0 1px 0;
}
*:first-child+html #primary-content h3 span{
	line-height: 16px;
	padding: 0 0 1px 0;
}
#nav h3{
	font-size: 12px;
}
#secondary-content h3{
	background-color: inherit;
	clear: both;
	color: #914545;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 20px 0 0px 0;
}
.ad h3{
	margin: 0;
	padding: 0;	
}
#primary-content h4{
	background-color: inherit;
	color: #357262;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0;
}

/* ----- PARAGRAPHS ----- */

p{
}
#primary-content .bug p{
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
#secondary-content p strong{
	display: block;
}
#meta .delimit{
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
#meta p{
	float: left;
	margin: 0;
	padding: 0;
}
#meta p span{
	display: block;
	float: left;
}

/* ----- LISTS ----- */

#sort ol{
	background: url(../images/yellow-top.gif) no-repeat left top;
	display: block;
	float: left;
	height: 2em;
	margin: 0;
	padding: 15px 10px 0 10px;
	list-style-type: none;
	width: 536px;
}
#sort span{
	margin: 0;
	padding: 0;
}
#sort ol li{
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	vertical-align: top;
}
#sort ol li.selected{
	margin-left: 10px;
	padding-left: 10px;
	background: url(../images/down-arrow.gif) no-repeat left center;
}

#sort ol li.grouping input{
	float: left;
	margin: 0;
	padding: 0;
	line-height: 2em;
	vertical-align: top;
}
#sort ol li.grouping label{
	float: left;
	margin: -3px 0 0 0;
	padding: 0 0 0 3px;
	line-height: 2em;
	vertical-align: top;
}
#sort ol li.grouping{
	padding-left: 70px;
	line-height: 2em;
	vertical-align: top;
}
* html #sort ol li.grouping{
	padding-left: 30px;
}
*:first-child+html #sort ol li.grouping{
	padding-left: 30px;
}
div#nav-container{
	margin:  0 auto;
	width: 900px;
}
ul#nav{
	display: inline;
	float: left;
	list-style-type: none;
	list-style-position: inside;
	margin: 0 0 10px 0;
	padding: 0;
}
ul#nav li{
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 0px;
	width: 220px;
}
ul#nav ul{
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: inside;
}
ul#nav ul li{
	display: block;
	clear: left;
	margin: 0;
	padding: 0 0 3px 0;
	list-style-position: inside;
}

#secondary-content ul{
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
ul#time li{
	display: inline;
}

#meta ul{
	float: right;
	margin:  0;
	padding: 0;
	text-align: right;
}
#meta ul li{
	display: inline;
	padding: 0 8px 0 5px;
}
#meta ul li.first{
	border-right: #fff solid 1px;
}
/* ----- IMAGES ----- */

img{
	border: 0;
}
.bug img{
	float: left;
	padding: 0 10px 0 0;
	vertical-align: top;
}
img a{
}
img a:hover{
}

/* ----- LINKS ----- */

a, a:link{
	background-color: inherit;
	color: #934646;
	text-decoration: underline;
}
a:hover{
	border-bottom: 0;
	text-decoration: none;
}
a:visited, a:active, a:focus{
	background-color: inherit;
	color: #934646;
}
#sort ol li.selected a, #sort ol li.selected a:link{
	background-color: inherit;
	color: #000;
	text-decoration: none;
}
#sort ol li.selected a:hover{
	background-color: inherit;
	color: #000;
	text-decoration: underline;
}
h4 a, h4 a:link{
	background-color: inherit;
	color: #357262;
	text-decoration: none;
}
h4 a:hover{
	background-color: inherit;
	color: #357262;
	text-decoration: underline;
}
h4 a:visited{
	background-color: inherit;
	color: #357262;
}
ul#nav ul li a, ul#nav ul li a:link{
	background-color: inherit;
	color: #6a6a6a;
}
a:visited{
}
a:active{
}
a:focus{
}
#secondary-content a.results{
	display: block;
	float: left;
	padding: 7px 0 0 0;
}
#secondary-content a.help{
	display: block;
	float: right;
	margin: 0 10px 0 0;
	padding: 7px 0 0 0;
}
#ads a, #ads a:link{
	background-color: inherit;
	color: #934646;
	text-decoration: none;
}
#ads a:hover{
	border-bottom: 0;
	text-decoration: underline;
}
#nav a, #nav a:link{
	background-color: inherit;
	color: #934646;
	text-decoration: none;
}
#nav a:hover{
	border-bottom: 0;
	text-decoration: underline;
}
#meta a, #meta a:link{
	background-color: inherit;
	color: #fff;
	text-decoration: none;
}
#meta a:hover{
	border-bottom: 0;
	text-decoration: underline;
}