/*
Theme Name: Center for Independent Media, updated to American Independent
Theme URI: http://co-opmedia.org/
Description: Theme for TAIN/CIM web site.
Version: 2.0
Author: Justin Heideman
*/


/*-----------Block Level Elements--------------*/

body {
	background-color:#cbcbcb;
	background-image:url(lib/img/cimBg.png);
	background-position:center top;
	background-repeat:repeat-x;
	color:#000;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
}

a{ color: #000; text-decoration: underline; }
a:hover{ color:#cc0000;}

#page {
	width: 798px;
	margin: 0px auto;
/*	background-image:url(lib/img/cimColBg.png);
*/	background-repeat:repeat-y;
}

#top{
	width: 774px;
	height: 13px;
	margin-left: 5px;
	background-image:url(lib/img/CimColTopGrad.png);
	background-repeat:no-repeat;
}
#rapWrapper{
	background: transparent url('lib/img/drape.png') no-repeat;
}
#rap{
	/*background-image:url(lib/img/cimColBottom.png);*/
	background-color: #f5f5f5;
	margin: 0 10px;
	-moz-box-shadow: 0 5px 10px rgba(25, 25, 25, 0.4);
	-webkit-box-shadow: 0 5px 10px rgba(25, 25, 25, 0.4);
	box-shadow: 0 5px 10px rgba(25, 25, 25, 0.4);	
	padding: 20px 0 0 0;
}
#content{
	width: 720px;
	margin: 0px auto;
}

#header {
	/*margin: 0 0px 20px 0px;*/
}

#headerimg{
	/*margin: 0 0 10px 0;*/
}

#headerimg a img{
	border: 0;
}



#mainContent {
	width: 480px;
	float: left;
/*	margin-top: -22px;*/
	margin-bottom: 14px;
}

#sidebar {
	width: 200px;
	float: right;
	min-height: 400px;
	margin-bottom: 20px;
}

#footer {
	width: 720px;
	margin: 0px auto;
	padding: 0px 25px;
	color: #666;
}

#footer a{
	color: #666;
	text-decoration: underline;
}

#footer p{  width: 340px;}
.left	{	float: left;	}
.right 	{ 	float: right;	}
#footer p.right{ text-align: right;}

br.clear{     clear: both;     }


/*-------------navigation-------------*/

#nav{
	background: #cc0000 url('lib/img/navBg.png') repeat-x;
	height: 25px;
	border: 1px solid #fff;
	border-left: 0;
	border-right: 0;
	padding: 5px 35px 0 30px;
}

#nav ul{
	display: inline;
	margin: 0px;
	padding: 0px;
}
#nav ul li{
	display: inline;
	margin-right: 8px;
}

#nav ul li a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 5px 0 5px;
	font: 700 1.08em/1.3em Arial, Helvetica sans-serif;
}

#nav ul li a:hover{
	color: #000;
	background: #fff url('lib/img/rowBg.png');
}

#nav ul li.current_page_item a{
	color: #fff;
}

#nav ul li.current_page_item a:hover{
	color: #343b49;
	/*background: #ccc url(lib/img/cimButtonBehind.gif) repeat-x  bottom;*/
	background: #ccc url('lib/img/rowBg.png') repeat-x  bottom;
}

/*-------------Headings-------------*/

h1 {

}

h2 {
	color: #cc0000;
	font: 900 1em/1.1em Arial, Helvetica sans-serif;
	text-transform: uppercase;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

h3 {
	border-bottom: 1px solid #ccc;
	font: 900 1.2em/1.1em Arial, Helvetica sans-serif;
	margin: 0px 0px 0px 0px;
/*	text-transform: uppercase;*/
}


a h3, h3 a{
	color: #000;
	text-decoration: none;
}

h4 {
	margin: 0px 0px 0px 0px;
	color: #000;
	border-bottom: 1px solid #585f6d;
}

h5 {

}


/*-------------Home Page-------------*/
.homeBox{
	width: 240px;
	float: left;
	margin-bottom: 10px;
}

#homeHeaderContent{
	margin-bottom: 10px;
}

#ourSites{
	width: 480px;
}

#ourSites .siteLink a{ padding: 3px;}
#ourSites .siteLink a:hover{ color: #cc0000; }

#ourSites .siteLink{
	width: 240px;
	margin-bottom: 6px;
}

#ourSites .siteLink a img{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#ourSites h2{
	margin-bottom: 10px;
	color: #cc0000;
}


.homeSideBox{
	margin-bottom: 10px;
	width: 200px;
	float: right;
}

.homeSideBox h2{
	margin-bottom: -2px;
}


#siteList1{
	width: 240px;
	float: right;
}
#siteList2{
	width: 240px;
	float: left;
}


.frontSingle{
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.dateRight{
	width: 100px;
	float: right;
	text-align: right;
}

.metaLeft{
	width: 360px;
	float: left;
}




/*-------------The Post-------------*/



h2 a {
text-decoration: none;
}
h2 a:hover{
	text-decoration: underline;
}

.post {

}

/*.post h3.first{
	/*margin-top: 0px;*/
}*/

.postmetadata, .date {
	text-transform: uppercase;
	color: #666;
	font-size: .9em;
}

.postmetadata alt {

}

.postmetadata a, a.metaLink  {
	color: #666;
	text-decoration: none;
}
.postmetadata a:hover, a.metaLink:hover{ color: #c00;}

blockquote {

}

cite {

}

a img {

}

acronym, abbr {

}

.arrow{
	font-family: Webdings;
	color: #c00;
}


/*--------------Sidebar------------*/

#sidebar ul{
	margin: 0px 0px 0px 14px;
	padding: 0px;
}

#sidebar ul li {
	list-style-image: url(lib/img/cimArrow.gif);
}

#sidebar ul li h6{
	font: 100 1.1em/1.2em Arial, Helvetica sans-serif;
	margin: 2px 0px 4px 0px;

}

#sidebar ul li a{
	color: #000;
	text-decoration: none;
}

#sidebar ul li a:hover{
	color: #cc0000;
}

#sidebar ul li.hilite{
	list-style-image: url(lib/img/cimArrowWhite.gif);
}


#sidebar .newsDetails{
	color: #333;
	font-size: 0.9em;
}

#sidebar .desc{
	font: 100 1em/1.2em Arial, Helvetica sans-serif;
}
#sidebar .source, #sidebar .date{
	color: #666;
	font: 100 .9em/1.2em Arial, Helvetica sans-serif;
	text-transform: uppercase;
}
#sidebar .source a{			color:#666;		}
#sidebar .source a:hover{	color:#c00;	}

#sidebar .date{ text-align: right;}

/*--------------Home Page------------*/
.mission{
	font: 100 1.5em/1.9em Arial, Helvetica sans-serif;
}
.mission p{ margin: 0px; padding: 0px; text-align: justify;}
.mission a{ font-weight: bold; padding: 3px; color: #c00; text-decoration: none;}

.mission a:hover{ background-color: #fff;}

/*--------------Comments--------------*/


/*--------------Comments--------------*/

ol.commentlist {
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}

ol.commentlist li {

	background: transparent url(lib/img/rowBg.png) repeat-x top left;
	padding: 5px 5px 5px 10px;	
}

ol.commentlist li.alt {
	background: transparent url(lib/img/rowBg.png) repeat-x top left;
}

ol.commentlist a {

}

ol.commentlist cite{
	font:  11px Verdana, Arial, sans-serif;
}

small.commentmetadata {
	font:  11px Verdana, Arial, sans-serif;
}

textarea#comment{
	width: 470px;
	padding: 5px;
	border: 1px solid #333;
}

#upToRelated h3{
	color: #fff;
	font: normal bold 1em/1.5em Helvetica, Arial, sans-serif;
}

.rDate{
	width: 350px;
	float: right;
	margin-bottom: 20px;
}
.lRelated {
	width: 350px;
	float: left;
	margin-bottom: 20px;
}

#relatedPosts ul{
	padding: 3px;
}
#relatedPosts ul li{
	list-style-position: inside;
}


#postreplies {
	
}

h3#comments, h3#related{
	border-bottom: 1px solid #ccc;
	font: normal bold 1em/1.5em Helvetica, Arial, sans-serif;
	width: 100%;
	display: block;
}






div.news{
/*	border-bottom: 1px solid #ccc;*/
	margin-bottom: 15px;
	padding-bottom: 5px;
	
}

div.news a img{
	float:right;
	border: 2px solid #fff;
	margin: 5px;
}

div.news h3{
	text-transform:	none;
}
div.entryWrapper{ margin-top: 0px;padding: 5px 5px 0px 5px;}
div.entry{	padding: 5px; /*border-top: 1px solid #ccc;*/}


/*--------------Search Form-------------*/

#searchform {

}

#searchform input {

}

#searchform #s {

}



/*-------------Images------------------*/
img.placedImage{
	border: 2px solid #fff;
	margin: 5px;
}

div.impact img.placedImage{
	width: 22%;
	height: 22%;
}

img.impact {
	border: 0px;
	padding: 0px;
	margin: 0px;
}


/*-------------Page------------------*/

.page p{
	font: 300 13px/18px Arial, Helvetica sans-serif;
	margin: 2px 0px 14px 0px;
}

.page ul, .page ol, .post ul, .post ol{
	margin-top: 2px;
	padding: 0px 0px 0px 15px;
}


.page ul li, ul.impact li {
	list-style-image: url(lib/img/cimArrow.gif);
	margin: 4px 0px 8px 0px;
	line-height: 1.4em;
}

.page ul li a, ul.impact li a{
	color: #000;
}

.page ul li a:hover, ul.impact li a:hover{
	color: #c00;
}



div.altRow_1, div.altRow_0{ 	background: transparent url('lib/img/rowBg.png') repeat-x top left; }

div.fellow 	{	padding: 10px;}


	

	

/*-------------From WP-Super-Edit------------------*/

p.quote { 
	font: 100 1.4em/1.7em Arial, Helvetica sans-serif;
	margin: 0px; padding: 0px; text-align: justify;}
p.quote a, .quote strong{ color: #6bc1f3; font-weight: bold; padding: 3px;}
p.quote a:hover{ background-color: #fff;}