/*
Theme Name: RecordTheme
Theme URI: http://csbsjurecord.com
Description: This theme was created for The Record to bring about change in the overall design of the website
Version: 3.1
Updated: 29. November 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;
}

h5{
	font-family: Garamond;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}

small{
	font-size: 12px;}

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;
}

/* 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{}

#prevBtn{}

/* STAFF PAGES DESIGN */

.round-border{
	-moz-border-radius: 15px;
	border-radius: 15px;
	float: left;
	width: 230px;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.round-border img{
	float: left;
	padding-right: 3px;
}

/* Content CSS */

#content{
	background-color: #dfe5e6;
	overflow: hidden; /* Fix for IE -- Added November 29 2010 -- */
}

/* BELOW EDITS MAIN PAGINATION */

	.article{
		display: block;
		float: left;
		width: 220px;
		padding: 10px 20px 22px 25px;
	}
	
	.article p{
		clear: both;
		padding: 10px 0 0 0;
	}
	
	.perma-link{
	    position:relative;
	    margin-top: 10px;
	    text-align: right;
	    font-weight: 500;
	}
	
	.perma-link a:link{
	    color: #7cb0bf;
	    text-decoration: none;    
	}
	
	.perma-link a:visited{
	    color: #7cb0bf;
	    text-decoration: none;
	}
	
	.perma-link 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;    
	}	
	
/* ABOVE EDITS MAIN PAGINATION */

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

#two-column a:link{color: #4e8b9d;} /* on archive */

#two-column a:visited{color: #4e8b9d;} /* on archive */

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

}

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

#page-settings p{
	padding: 0 0 10px 0;
	line-height:120%;

}

.content-single p{
	padding: 8px 0 8px 0;
	font-size: 16px;
	text-align: justify;
	width: 520px;
	line-height:120%;

}

/* Functionality to WP-EDITOR */

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 12px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 12px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	border: none;
	background: #f1f1f1;
	color: #888;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.wp-caption img {
	margin: 5px;
}
.wp-caption p.wp-caption-text {
	margin: -8px 5px 4px 5px;
	width: auto;
	padding: auto;	
	text-align: center;
}


/* EDITS POST AUTHOR TEXT */

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


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

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

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

/* Sidebar Settings */

#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;
}

/* Comments Formatting */

.avatar{
	height: 80px;
	width: 80px;
	float: left;
	clear: both;
	padding-right: 8px;
}

.comment-body{
	min-height: 100px;
	
}

.comment-item{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 10px 0;
}

.comment-details{
	font-size: 13px;
	padding-bottom: 15px;
}

.comment-text p{
	font-family: Helvetica; 
	font-weight:normal;
	text-align: left;
	font-size: 13px;
	margin-left: 88px;
*margin-left:0px;
	width: 430px;
	line-height:150%;
}