/* 
Prospero by James Chambers
www.jameschambers.co.uk

Highlight and background 	#EBEBEB
Text and links 				#444
light 						#bbb

*/

/* Page structure */
* {
	margin:0;
	padding:0;
}


html, body {
    height: 100%;
}

body {
	background:#202020 none repeat scroll 0 0;
	color:#303030;
	font-family:verdana;
	font-size:12px;
	line-height:12pt;
	padding-top: 0px;
}



/* Main content */
div#container {
	width:100%;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px 0px -50px 0px; /* minus footer height  */	
}



/*-----------------------------------------------------------------------------
	Search ornageDF7E2E
-----------------------------------------------------------------------------*/




.bold{
font-weight: bold;
}

div#searchTop{ background-color: #81f6e7; }
div#aboutTop{ background-color: #ffe981; }
div#submitTop{ background-color: #81ff95; }

div.top-panel {
	display:inline;
	float:left;
	height: auto;
	width: 100%;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	display: none;
	list-style: none;
}
div.top-panel a{ color: #404040; text-decoration: none; }
div.top-panel a:hover{ color: #202020; text-decoration: none; }
div.top-panel li, div.top-panel ul{ font-size: 10px; list-style: none;
}


div.top-inner{
	margin-left: 20px;
	height: auto;
	width: 1100px;
	padding: 20px 0px 10px;
}

div.top-text , .top-text-mid, .top-text-slim{
	display:inline;
	float:left;
	height: auto;
	width: 205px;
	padding: 0px 40px 0px 20px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
}

div.top-text-mid{
	padding: 0px 40px 0px 0px;
	width: 212px;
	font-size: 12px;
}
div.top-text-slim{
	padding: 0px 40px 0px 0px;
	width: 120px;
}

div#header .mid-holder{
display:inline;
float:left;
padding-left: 80px;
vertical-align: middle;
text-align: right;
width: 400px;
}

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

.search_btn{
display:inline;
float:left;
width: 50px;
}
.submitBtn{cursor: pointer;}
.srcBtn{cursor: pointer;}


#search #s 			{
	border: solid 2px #f2f2f2; 
	padding:0px 0px 0px 5px; 
	width: 262px; 
	color: #606060;
	height: 19px; 
	background-color: #f2f2f2; 
	font-size: 12px; 
	margin-right: 0px; 
	font-weight: bold;
	}
	

	
.search-excerpt 	{ margin: 0; }

SELECT, OPTION {
	border: solid 2px #f2f2f2; 
	width: 200px;
	height: 23px; 
	color: #606060;
	background-color:#f2f2f2;
	font-size: 12px;
	font-weight: bold;
}

input 	{padding: 0px; margin-bottom: 5px; }

.searchBtn {
	border: solid 2px #B5B5B5; 
	padding:0px 0px 0px 1px; 
	width: 37px;
	height: 23px; 
	color: #767676; 
	background-color: #B5B5B5; 
	font-size: 12px; 
	margin-left: -20px; 
	font-weight: bold;	
	cursor: pointer;
}

.hide-it{
	display:inline;
	float:left;
	height: 23px;
	width: 20px;
	margin-right: 10px;
	cursor: pointer;
	background-image: url("/images/hide.png");
	}
	
.subBtn {
		border: solid 2px #B5B5B5; 
		padding:0px 0px 0px 1px; 
		width: 135px;
		height: 30px; 
		color: #767676; 
		background-color: #B5B5B5;
		font-size: 12px; 
		font-weight: bold;	
		cursor: pointer;


}

/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/


div#header {
	display:inline;
	float:left;
	height: 44px;	
	width: 100%;
	margin-bottom:0px;
	margin-top: 10px;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
}

div#header-inner{
	width: 100%;
}

div#header .logo_holder{
display:inline;
float:left;
min-width: 0px;
width: 235px;
}

div#logo {
	display:inline;
	float:left;	
	width: auto;
	margin: 12px 0px 0px 40px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #999;
}
div#logo a{
text-decoration: none;
padding-bottom: 3px;
color: #7a7a7a;
}
div#logo a:hover{
color: #f2f2f2;
border-bottom: solid 3px #f2f2f2;
}


div#header .srcBtn_holder{
display:none;
float:left;
min-width: 0px;
width: 50px;
cursor: pointer;
}

div#header .title-holder{
display:none;
float:left;
margin: 12px 0px 0px 0px;
min-width: 0px;
width: 235px;
color: #7a7a7a;
font-weight: bold;
}

div#header .nav-holder{
	display:none;
	float:left;
	width: 340px;
	padding-top: 12px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #7a7a7a;
}
div#header .nav-holder a{
text-decoration: none;
padding-bottom: 3px;
color: #7a7a7a;
}
div#header .nav-holder a:hover{
color: #f2f2f2;
border-bottom: solid 3px #f2f2f2;
}

div#header .nav-holder .topnav{
margin-right: 15px;
cursor: pointer;
}

div#header .logo{
padding-left: 10px;
}

/* Footer */


div#footer {
	display:inline;
	float:left;
	height: 20px;	
	width: 100%;
	background-color: #252525;
	text-align: right;
	padding: 15px 0px 15px 0px;
	font-size: 11px;
	font-weight: bold;
	color:#999;
}
#footer .inner{
text-align: right;
display:inline;
float:left;
padding-left: 40px;
}
#footer .botnav{

margin-right: 15px;
}

div#footer a{ color:#999; text-decoration: none; padding-bottom: 3px;}
div#footer a:hover{ color:#f2f2f2; text-decoration: none;}


/* Next and Previous buttons */


div#npButtons{
float:left;
display:inline;	
width: 245px;
text-align: right;
height: 30px;
padding: 10px 20px 0px 0px;
margin-top: 20px;
margin-bottom: 40px;
background-color: #252525;
padding-left: 20px;
font-weight: bold;
margin-right: 400px;
}

div#npButtons a{ color:#999; text-decoration: none; padding-bottom: 3px;}
div#npButtons a:hover{ color:#f2f2f2; text-decoration: none;}



/* Page */

div#page {
	width: 900px;
	float:left;
	display:inline;
	height: auto;
	padding-top: 20px;	
}


.item{
	float:left;
	display:inline;	
	width: auto;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #252525;
	padding-left: 20px;
}

.pagecont {
	float:left;
	display:inline;
	width: 404px;
	height: auto;
	padding: 30px 39px 30px 30px;
	background-color: #ebebeb;
	margin-left: 320px;
	line-height: 1.5em;
	font-size: 10px;
}

.vid {
	float:left;
	display:inline;
	width: auto;
	height: 264px;
	padding: 0px;
	background-color: #606060;
	
}

.description {
	float:left;
	display:inline;
	width: 264px;
	height: 264px;
	margin: 0px 0px 0px 0px; /* to offset footer */
	background-image: url("/images/detail_bg.png");
	background-repeat: no-repeat;
	overflow: hidden;
	position:relative;
	color: #808080;
	
}

.description .content{
	background-color: #EBEBEB;
	width: 230px;
	display: none;
	height: 500px;
	padding: 15px 15px 15px 20px;
	position:absolute;
	/*bottom:-1px;  fix IE issue */
	font-size: 10px;
	font-weight: normal;
	
}

.description .content a{
	text-decoration: none;
}

.description .content .bottom{
	font-size: 10px;
}
.description .content .top a, .description .content .share a{
	text-decoration: none;
	color: #404040;
}

.bottom a{
	border-bottom: none;
	color: #808080;
}

.description .content a:hover, .description .content .share a:hover{
	border-bottom: 2px solid #606060;
	text-decoration: none;
}

.description .content .top .title{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 7px;
}

.description .content .top .title a{
	border-bottom: none;
	font-weight: bold;
	font-size: 12px;
}

.description .content .top{
float:left;
display:inline;
width: 210px;
height: 185px;
overflow: hidden;
}

.description .content .bottom{
float:left;
display:inline;
width: 220px;
height: 20px;
padding-top: 5px;
border-top: 1px solid #DCDCDC;
}
.description .content .share{
border-top: 1px solid #DCDCDC;
float:left;
display:inline;
width: 220px;
height: 30px;
padding-top: 5px;
text-align: left;
list-style: none;
}

.description .content .share li, .description .content .share ul{
	list-style: none;
	padding: 4px 0px;
	font-size: 10px;
	font-weight: bold;
}

.shareBtn{
display:inline;
float:left;
height: 50px;
width: 220px;
cursor: pointer;
}


.hide-share{
	display:inline;
	float:left;
	height: 23px;
	width: 220px;
	margin-right: 10px;
	margin-bottom: 85px;
	cursor: pointer;
}

.shareLink{
	
	

}

.tweetmeme_button{
	float: left;
	width: auto;
	margin: 0px;
	cursor: pointer;
}

/* Footer */

/* Page */


.npSingle{

display:inline;
float:left;
height:25px;
padding-top: 10px;
width: 100px;
margin: 0px 500px 55px 100px;
background-color: #505050;
text-align: left;
}

.npSingle a{
	text-decoration: none;
}
.npSingle a:hover{
	text-decoration: underline;
}

.prev{
	display:inline;
	float:left;
	height:35px;
	width: 30px;	
}
.next{
	display:inline;
	float:left;
	height:35px;
	width: 30px;	
}
.pg{
	display:inline;
	float:left;
	height:25px;
	width: 40px;
	font-weight: bold;
	text-align: center;
	color: #151515;
	padding-top: 10px;	
}

div#cat{
display:inline;
float:left;
height:25px;
padding-top: 10px;
width: 180px;
padding-right: 20px;
background-color: #505050;
text-align: right;
font-weight: bold;
color: #505050;
font-size: 2em;
}


.catdd {
	float:left;
	display:inline;
	width: 350px;
	height: 50px;
	margin: 0px 0px 50px 100px; /* to offset footer */
	overflow: hidden;
	position:relative;
	margin-top: 0px;
}
.catddgreyout {
	float:left;
	display:inline;
	width: 340px;
	padding-right: 10px;
	padding-top: 13px;
	height: 37px;
	background-image: url("/images/search.png");
	background-repeat: no-repeat;
	background-color: #202020;
	position:relative;
	cursor: pointer;
	text-align: right;
	font-weight: bold;
	color: #505050;
	font-size: 2em;
}
.catdd .content{
	background-color: #EBEBEB;
	width: 350px;
	height: 45px;
	position:absolute;
	left:-350;
	color: #505050;
	font-size: 20px;
}

.catdd .content .dd{
	float:left;
	display:inline;
	height: 18px;
	padding: 10px 15px 15px 15px;
	width: 230px;
	text-align:  right;
}

.catdd .content .hide{
	float:left;
	display:inline;
	background-image: url("/images/hide.png");
	width: 50px;
	height: 45px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	cursor: pointer;
	
}





/*-----------------------------------------------------------------------------
	Comments
-----------------------------------------------------------------------------*/
.comment-box {font-size: 10px;}
.comment-box h2 {font-size: 12px;}
.commentlist li { padding: 0px 0px; } 
.comments-alt 	{}
.light{color: #808080;}
.light a{color: #aaa;}

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }


/* Forms
-------------------------------------------------------------- */

label     { font-weight: bold;  }
textarea  { height: 40px; width: 400px; margin-bottom: 10px; }

/* Some default classes
-------------------------------------------------------------- */

.small   {  margin-bottom: 1.875em; line-height: 1.875em; }
.large   { font-size: 1.2em; line-height: 2.5em; }
.quiet   { color: #666; }
.hide     { display: none; }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.2em;
  line-height: 1%; /* Maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.7em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     60px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 0.83333em; /* font size 10px */
	line-height: 1.44em;  
	margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */
}