/*
Theme Name: RecordTheme
Theame URI: http://csbsjurecord.com
Description: This theme was created for The Record to bring about change in the overall design of the website
Version: 2.0
Updated: 10. August 2010
Author: Jason Kaiser
Author URI: none
*/

body{
	background-color: #2a2b39;
	font-family: Garamond, Georgia, serif;
	}
	
#transparent{
	position: absolute;
	margin: 0px auto;
	z-index:-1;
}

#wrapper{
	margin: 0px auto;
	width: 800px;
}

/* TYPOGRAPHY */

h2 {
	font-family: Garamond;
	font-size: 27px;
	font-weight: 300;
	color: #a8635c;
	margin-bottom: 10px;
}

h3{
	font-size: 18px;
}

h4{
	font-size: 16px;
	font-weight: 100;
}

a:link{
    color: #4e8b9d;
}

a:visited{
    color: #4e8b9d;
}

a:hover{
    color: #4e8b9d;
}

.center{
    text-align: center;
}

/* Header CSS */

#header{
	padding-top: 25px;
	height: 120px;
}

#header img{
	float:left;
	width: 100px;
}

h1{
	padding: 46px 0 0 110px;
}

#header a:link{
	color: #ffffff;
	text-decoration: none;
	font-size: 48px;
	font-weight: 100;
}
#header a:visited{
	color: #ffffff;
	text-decoration: none;
	font-size: 48px;
	font-weight: 100;
}
#header a:hover{
	color: #ffffff;
	text-decoration: none;
	font-size: 48px;
	font-weight: 100;
}


/* Navigation CSS */

#nav{
	background-color: #adc1c8;
	height: 44px;
	width: 800px;
}

/* DROPDOWN FEATURE */

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative;line-height: 36px;}
ul.dropdown li                      { font-weight: bold; float: left; text-align: center; }

/* IE 7 Fix */

* ul.dropdown li                      {zoom: 1;}

ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ccc; }
ul.dropdown li a                    { display: block; padding: 4px 8px;
	 								  color: #000; text-decoration: none;}
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #ffffff; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #ffffff; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }

ul.dropdown ul li.hover             {background: #c3d9dd; color: black; position: relative;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* SEARCH BAR */

#searchwrapper {
width:250px; /*follow your image's size*/
height:30px;/*follow your image's size*/
background-image:url(images/searchbox.jpg);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
float: right;
margin-top: 8px;
margin-right: 10px;
}
 
#searchwrapper form { display:inline ; }

.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:0px;
left:9px;
width:195px;
height:28px;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:0px;
left:210px;
width:50px;
height:30px;
}


/* Breadcrumb */

#breadcrumb{
	height: 35px;
	background-color: #dfe5e6;
	line-height: 35px;
	padding: 0 0 0 30px;
	}

#breadcrumb a:link{
	
	}

/* Featured content slider CSS*/

#featured{
	background-color: #51626f;
	height: 325px;
	padding: 10px 10px 10px 10px;
}

.featuredimage{
	float: left;
	padding-left: 10px;
	padding-top: 12px;
	padding-right: 10px;
}

#featured-content{
	background: #000000;
	height:330px;
	padding-right: 10px;
}

#featured-content h3{
	color: #ffffff;
	font-size: 23px;
	padding-top: 75px;
	padding-bottom: 15px;
	}
	
#featured-content a, a:link{
	color: #ffffff;
	text-decoration: none;}
	
#featured-content p{
	color: #dfe5e6;}

#featured-permalink{
	text-align: right;
	padding: 10px 0 0 0;
}

#slider ul, #slider li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#slider, #slider li{
	width: 780px;
	height: 325px;
	overflow: hidden;
}

#nextBtn{
    position: relative; top:-150px; right:-700px;}

#prevBtn{
    position: relative; top:-150px; left: -10px;}

/* Content CSS */

#content{
	background-color: #dfe5e6;
	overflow: auto;
}

.article{
	display: block;
	float: left;
	width: 220px;
	padding: 10px 20px 22px 25px;
}

.article p{
	clear: both;
	padding: 10px 0 0 0;
}

#content a:link{
    color: #7cb0bf;
    text-decoration: none;    
}

#content a:visited{
    color: #7cb0bf;
    text-decoration: none;
}

#content a:hover{
    color: #8a8a8a;
    text-decoration: none;
}

#content h3 a:link{
    color: #000000;
    text-decoration: none;    
}

#content h3 a:visited{
    color: #000000;
    text-decoration: none;    
}

#content h3 a:hover{
    color: #7cb0bf;
    text-decoration: none;    
}

.perma-link{
    position:relative;
    margin-top: 10px;
    text-align: right;
    font-weight: 500;
}

/* Multimedia CSS */
#multimedia{
	clear: both;
	height: 200px;
	background-color: #f6f6f6;
	padding: 10px 20px 10px 10px;
}

#multimedia h2{
	padding-left: 15px;
}

.mediapost{
	width: 190px;
	float: left;
	padding-left: 20px;
}

/* Single Page Formatting */

#two-column{
	background-color: #dfe5e6;
	width:800px;
}

#two-column a:link, a:visited{
	color: #4e8b9d;
}
	

.content-single{
	width: 520px;
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #ffffff;
    min-height:830px;

}

.content-single h3 a:link{
	color: #4e8b9d;	
}

.content-single h3 a:visited{
	color: #4e8b9d;
}

.content-single h3 a:hover{
	color: #4e8b9d;
}

small{
	font-size: 12px;}

.postmetadata a:link{
	color: #4e8b9d;
}

.postmetadata a:visted{
	color: #4e8b9d;
}

.postmetadata a:hover{
	color: #4e8b9d;
}

#page-settings{
	height: 100%;
	background-color: #dfe5e6;
	width: 780px;
	padding: 10px 10px 10px 10px;
}

#page-settings p{
	padding: 0 0 10px 0;
}

.wp-caption alignleft{
	float: left;
	text-align: left; 
}

.post-meta{
	padding: 10px 0 10px 0;
	font-size: 16px;
	color: #2a2b39;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
}

.attachment-post-thumbnail{
width: 220px;
height: 156px;
}

.content-single p{
	padding-bottom: 16px;
	font-size: 16px;
	text-align: justify;
	width: 520px;
}

#sidebar{
	float: right;
	width: 240px;
	background-color: #dfe5e6;
	padding-top: 10px;
	padding-right: 10px;
}

#sidebar h3{
	font-size: 21px;
	font-weight: normal;
	color: #8a8a8a;
	padding-bottom: 5px;
}

#sidebar a:link, a:visited{
	color: #4e8b9d;
	text-decoration: none;
}

#sidebar a:hover{
	color: #8a8a8a;
	text-decoration: none;
}

#sidebar li{
	padding-bottom: 5px;}

#side-ads{
	text-align: center;
	margin: 0px auto;
	margin-top: 20px;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 20px;
}

#side-ads p{
	font-variant: small-caps;
	font-size: 13px;
	font-weight: 300;
	padding: 5px 0 5px 0;
	border-top: 1px solid #ffffff;
	margin-bottom: 5px;
}
#side-ads img{
	padding: 0 0 5px 0px;
}

/* Footer CSS */

#footer{
	clear: both;
	background-color: #adc1c8;
}


#linklist{
	float:left;
	width: 540px;
}

#linklist h3{
	text-align: center;
	color: #ffffff;
	font-variant: small-caps;
	padding-top: 10px;
}

#linklist a:link{
	color: #000000;
	text-decoration: none;
}

#linklist a:visited{
	color: #000000;
	text-decoration: none;
}

#linklist a:hover{
	color: #ffffff;
	text-decoration: none;
}

#linklist p{
	padding: 10px 10px 5px 10px;
	text-align: center;
}

.copyright{
	font-size: 12px;
	padding-top: 10px; 
}

#clips{
	float: right;
	width: 239px;
	background-color: #51626f;
	border-left: 1px solid #ffffff;
	padding: 10px 10px 10px 10px;
	min-height: 130px;
	text-align: center;
}

#clips h3{
	text-align: center;
	color: #ffffff;
	font-variant: small-caps;
	padding-bottom: 10px;
}

.clear{
	clear:both;
}