/*
Theme Name: Ill-Abilities Custom
Theme URI: http://www.IllAbilitiesCrew.org/
Description: Custom theme for the Ill-Abilities Crew
Version: 1
Author: 
Author URI: 
Tags: 

*/

/* Begin Typography & Colors */
body {
	font-size: 14px; line-height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	background: url(images/background.png) fixed;
	margin: 0; padding: 0;
	/**/
}

#page {
	margin: 0 auto 40px;
	padding: 0;
	width: 900px;
	text-align: left;
	background: #FFF;
	border-left: #333 2px solid;
	border-right: #333 2px solid;
	border-bottom: #333 2px solid;
}

#header { padding: 0; margin: 0; background: url(images/illabilities-fheader.jpg) no-repeat;  }

#headerimg 	{	height: 280px; margin: 0;	}

#topnav		{ background: url(images/semitransparent.png); margin: 0 0 10px 0; }
#topnav	ul	{ list-style: none; line-height: 0px; padding: 20px 30px 20px 30px; margin: 0; }
#topnav	li	{ display: inline; padding-right: 30px; }
#topnav a	{ color:#FFF; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: bold;}
#topnav a:hover	{ color:#FC6; background: none;}

#content {
	text-align: left;
}

iframe{margin-left: 70px;}

.narrowcolumn {
	float: left;
	padding: 0 0 0 30px;
	width: 600px;
}

.widecolumn {
	float: left;
	padding: 0 0 0 30px;
	width: 840px;
}

#footer {	padding: 10px 20px 10px 20px; background: #000; clear: both; }

#footer p { font-size: 12px; line-height: 0px; color: #FFF;}
#footer a	{ color:#FFF; text-decoration: none;}
#footer a:hover	{ color:#FC6; background: none;}

.navigation {
	margin-top: 40px;
	margin-bottom: 40px;
	display: block;

}


.postmetadata {
	font-size: 12px; line-height: 18px; text-align: justify;
	clear: both;
	padding: 0 0 30px 0;
}

.clear {
	clear: both;
}

.entry	{	text-align: justify;}
/*	Begin Headers */

h1, h2, h3, #wp-calendar caption {
	font-weight: bold;
}

h1, h2 {
	text-transform: uppercase;
}

h1	{	font-size: 18px; line-height: 20px	}

h2, #wp-calendar caption {	font-size: 18px;	line-height: 20px;}

h2.pagetitle { size: 14px; text-transform: none;}

h3 { 	font-size: 1em; line-height: 20px;}

a { color: black; text-decoration: none;	}
a:hover { color: #F28F0C; }

/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Form Elements */
#searchform {}

.entry form { }

select {}

#commentform input {	width: 200px; padding: 0;	margin: 0;}

#commentform {	margin: 0;}

#commentform textarea {	width: 100%;	padding:0; }

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
#commentform #submit {	margin: 0 0 40px 0;	float: right;}

/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 0;
	padding: 0;
	list-style: none;

	}
.commentlist li ul li { 
	margin: 0 ;
}

.commentlist p {
	margin: 0;
	line-height: 20px; font-size: 14px;
}

.commentlist cite {font-style:normal;}

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	font-size: 12px; line-height: 12px; text-align: justify;
	clear: both;
	margin: 0 0 14px 0;
	display: block;
}
	
/* End Comments */

/* Begin Sidebar */
#sidebar	{	text-align: left; float: right; padding: 0 30px 0 30px; width: 200px; }

#sidebar h2	{ text-transform: none; padding: 0; margin-bottom: 7px;}
#sidebar ul	{ list-style: none; margin-bottom: 40px; padding: 0; line-height: 0;}
#sidebar li li { line-height: 18px; /*padding: 5px;*/ }
/*#sidebar li li:hover { background: #CCC;}*/

#sidebar form { margin: 0; background: #FCC; }
	
#sidebar #searchform #s {}

#sidebar #searchsubmit {}

/* End Sidebar */

/* Begin Calendar */
#wp-calendar { empty-cells: hide; }

#wp-calendar #next a { text-align: right; }

#wp-calendar #prev a { 	text-align: left;}

#wp-calendar caption { text-align: left; padding: 0 0 10px; 0 }

#sidebar table { border-collapse: collapse;}

#wp-calendar th {	font-style: normal; text-transform: capitalize; text-align: center; background: #000; color: #FFF; height: 25px}
#wp-calendar td {	text-align: center; height: 25px; width: 25px; background:#CCC}
#wp-calendar .pad { background: #FFF;}

.widget_calendar .widgettitle { display: none;}

#wp-calendar #prev a, #wp-calendar #next a { font-size: 10pt; }

#wp-calendar a { text-decoration: none; }


/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	}

acronym, abbr {}

blockquote {}

blockquote cite {}

.center {	text-align: center;}

.hidden {	display: none;}
	
.screen-reader-text {     position: absolute;     left: -1000em;}

hr {	display: none;	}

a img {	border: none;	}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */