/*
Theme Name: JC Productions
*/

body{
	background-color:#444;
	margin:0px;
	padding:0px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#F7F7F7;
	}
	
p{
	line-height:18px;
	}
.center{text-align:center;}	

/*-- HEADERS TYPOGRAPHY -- */
h1{
	letter-spacing:-1px;
	margin:0px;
	}
	
h2{
	letter-spacing:-1px;
	margin:0px;
}	

h3{
	margin:10px 0px;
	padding:10px 0px 0px 50px;
	color:#CCC;
	height:26px;
	text-transform:uppercase;
	background-color:#222;
	}

/* -- LINKS -- */
a 					{color:#ffffff;text-decoration:none;}
a:link, a:visited 	{color:#ffffff; font-weight:bold; text-transform:uppercase; font-size:10px;}
a:hover				{color:#ffffff;}
	
#wrapper{
	width:760px;
	margin:auto;
	background-color:#222;
	border-left:5px solid #333;
	border-right:5px solid #333;
	color:#999;
	}
	
/*--- HEADER ---*/	
#header{
	background-color:#111;
	border-bottom:5px solid #333;
	padding:20px 0px 0px 5px;
	height:90px;
	}	
	
#header h1	{
	margin:-10px 0px 0px 0px;
	background-image:url();
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
	height:75px;
	}
	
#header h1 a						{text-decoration:none; font-size:40px;}
#header h1 a:link, 
#header h1 a:visited				{color:#414141; }
#header h1 a:hover					{color:#414141;}

#header .description{
	font-size:11px;
	display:block;
	letter-spacing:1px;
	word-spacing:5px;
}

/*-- MENU --*/
#menu {
	float:right;
	margin:65px 10px 0px 0px;
	}	
	
ul#menuList{
	list-style-type: none;
	padding-bottom: 24px;
	margin: 0;
	}

ul#menuList li{
	float: left;
	height: 24px;
	margin: 0px 1px 0 0px;
	}

#menuList a{
	float: left;
	display: block;
	text-decoration: none;
	padding: 5px 15px 5px 15px;
	}

#menuList a:link,
#menuList a:visited{
	background-color:#333;
	color: #CCC;
	}
	
#menuList a:hover{
	background: #111;
	color:#FFF;
	}

#menuList li.current_page_item a:link,
#menuList li.current_page_item a:visited{
	background-color: #111;
	color:#B271C7;
	}

#menuList li.current_page_item a:hover {
	background-color:#111;
	color: #fff; 
	}

/*-- CONTAINER  --*/

	
#container{
	width:65%;
	float:left;
	padding:20px 10px 0px 10px;
	}

#container h2{
	color:#FFF;
	font-size:20px;
}


#container .post{
	margin:0px 0px 7px 0px;
	padding:0px 0px 20px 5px;
	background-position:bottom;
	background-repeat:no-repeat;
}

#container .post h2, h2.pagetitle{
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 45px;
}
#container .post h2 a, h2.pagetitle a{
font-weight:bold; text-transform:uppercase; font-size:16px;}

small a:link,
small a:visited{
	color:#e8e5da;
}

small a:hover{
	color:#FFF;
}

/*---DATE FORMAT--*/
.published {
	display:block;
	text-align: center;
	float:left;
	width:47px;
	color:#eee;
	background-color:#333;
	border:0px solid #111;
margin:10px;
margin-bottom:5px;
margin-left:0;
}

.pub-month{
	padding:6px 0px 0px 0px;
}
.pub-month {
	display:block;
	font-size:14px;
	margin:0;
	color:#eee;
}
.pub-date {
	display:block;
	font-size:1.4em;
	font-weight:bold;
	border:none;
	padding:0px 0px 6px 0px;
}

/*--NAVIGATION --*/
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

blockquote{
	background-color:#252525;
	color:#eee;
	padding:10px;
	margin:0px;
	border-left:5px solid #333;
}

#sidebar{
	width:30%;
	float:left;
	margin:0px 5px 0px 5px;
	padding:20px 0px 0px 0px;

}

#sidebar h2{
	background-color:#191919;
	color:#eee;
display:block;
	font-weight:bold;
	padding:10px 0px 10px 20px;
	height:16px;
	text-transform:uppercase;
	font-size:14px;
	margin:0px;
}

#sidebar ul{
	padding:0px;
	margin:0px 0px 10px 0px;
	list-style-type:none;
}

#sidebar ul li{
	line-height:21px;
	margin-bottom:1px;
}

#sidebar ul li p{
	line-height:15px;
font-weight:bold;
font-size:11px;
color:#444;
font-family:Georgia,Serif;
font-style:italic;
display:block;
padding:5px;
}

#sidebar ul li a 		{
	padding:0px 0px 0px 15px;
	font-weight:normal;
	width:213px;
	display:block;
	}
	
#sidebar ul li a:link, 
#sidebar ul li a:visited	{
	color: #B271C7;
	background-color:#303030;
font-weight:bold; text-transform:uppercase; font-size:10px;
	}
	
#sidebar ul li a:hover		{
	color: #ccc; 
	background-color:#444;
	}

/* CHILDREN LIST */

#sidebar ul.children{
	margin:0px;
	list-style:none;
	padding:0px;
}

#sidebar ul.children li a {	
	margin:1px 0px 1px 0px;
	list-style:none;
	padding:0px 0px 0px 25px;
	width:203px;
	font-weight:normal;
	}

#sidebar ul.children li a:link, 
#sidebar ul.children li a:visited  {
	color: #B271C7;
	background-color:#303030;
font-weight:bold; text-transform:uppercase; font-size:10px;
	}

#sidebar ul.children li a:hover {
	color: #ccc; 
	background-color:#444;
	}	

/*-- FOOTER --*/	

#footer{
	background-color:#111;
	border-top:5px solid #333;
	color:#FFF;
	padding:10px;
	margin:auto;
}

#footer ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#footer li
{
display: inline;
list-style-type: none;
}

#footer a { padding: 3px 10px; }

#footer a img { border:0;padding:0; }
#footer a:link, #footer a:visited
{
color: #000;
background-color: #7D5181;
text-decoration: none;
}

#footer a:hover
{
color: #000;
background-color: #B271C7;
text-decoration: none;
}

#searchForm {width:250px; float:right;}
#searchForm fieldset {border:none;}
#searchForm form {margin:0px; }
#searchForm input {border:1px solid #000; background-color:#333; color:#ccc; padding:3px;}


/* --- FIXED --- */
.clear{
	clear:both;
	}

/*---------------------- ----------------------------------------*/

/*--COMMENTS LIST--*/


.commentlist	{list-style:none; margin:0px; padding:0px;}
.commentlist li	{background:#444; padding:10px 10px 10px 10px; font-weight:normal; margin-bottom:2px;}
.commentlist li.alt{
	background-color:#333;
}


.commentlist cite			{font-size:11px; color:#999; font-style:normal; font-weight:bold;}
.commentlist cite small		{}

.commentlist .commentmetadata		{
	padding:5px;
}


/*-- COMMENTS --*/
#commentform{
	margin:10px 0px 0px 0px;
	background:#000;
	padding:0px 10px;
	border:1px solid #333;
	}


#commentform p{padding:0px 0px 8px 0px; }	
#commentform label{width:80px; float:left; display:block; padding:5px 0px 0px 0px; color:#666; font-size:12px; }
#author, #email, #url{width:70%; padding:5px; background-color:#FFF; border:1px solid #CCC; color:#666; }


#commentform #comment{width:94%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#111;
	border:1px solid #333;
	padding:10px;
	color:#666;
	}


#commentform #submit{
	width:100%;
	padding:10px;
	border:4px solid #333;
	background-color: #149DC9;
	color:#fff;
}