/*  
Theme Name: NaiveBlue
Theme URI: http://www.wordpresstemplates.be
Description: NaiveBlue Wordpress Template
Version: 1.0
Author URI: http://www.wordpresstemplates.be
Tags: fixed width, two columns, valid CSS, widget ready, content slider
*/


body{
	background:url(images/background.png) repeat-x #010204;
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family:"Trebuchet MS";
	color:#504d4d;	
}
h1,h2,h3,h4,h5,h6,p,form{
	padding:0px;
	margin:0px;
}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

ul,ol,li{
	padding:0px;
	margin:0px;
	list-style:none;
}
img{border:0px;}

a,a:visited{
	color:#0066cc;
	text-decoration:none;
	outline:none;
}
a:hover{
	cursor:pointer;
	text-decoration:underline;
}
#main{
	width:950px;
	margin:0px auto;
	padding:0px;
}
.head{
	height:190px;
	overflow:hidden;
	
}
.clear{clear:both;}
.head_title{
	width:600px;
	float:left;
	margin:30px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
}
.head_title h1 a,.head_title h1 a:visited{
	font-size:40px;
	color:#fff;
	text-decoration:none;
}
.head_title h1 a:hover{
	color:#f2c805;
	text-decoration:none;
}
.head_title h2{
	font-size:15px;
	font-weight:normal;
	color:#b8c2c8;
}
.search{
	width:250px;
	float:right;
	margin:45px 0px 30px 40px;
}
.search_txt{
	background:#093149;
	border:1px solid #2a5473;
	padding:3px;
	float:left;
	width:200px;
	color:#fff;
}
.search_btn{
	float:left;
	background:none;
	border:none;
	padding:0px;
}
.nav{
	background:url(images/nav.jpg) repeat-x;
}
.nav_left{
	background:url(images/nav_left.jpg) no-repeat left top;
}
.nav_right{
	background:url(images/nav_right.jpg) no-repeat right top;
	padding-left:10px;
	height:42px;
	overflow:hidden;
}
.nav ul{
	float:left;
}
.nav li{
	float:left;	
}
.nav li a, .nav li a:visited{
	padding:14px; 
	display:block;
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
	font-size:12px;
}
.nav li a:hover, .nav .current_page_item a,.nav .current_page_item a:visited{
	color:#f2c805 !important;
	text-decoration:none;	
}

/****************************************/

.main_content{
	padding:15px;
	background:#fff;
}

.main_left{
	width:610px;
	float:left;
	padding-bottom:20px;
}

/******************************************/
#gallery {
	position:relative;
	height:320px;
	margin-bottom:25px;
	overflow:hidden;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#052044; 
		color:#ffffff; 
		height:110px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}


	#gallery .caption .content {
		margin:5px
	}

	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}

/******************************************/

.story{
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #dddddd;
	margin-bottom:10px;
}
.story_title h2{
	font-size:20px;
	color:#4a4848;
	text-decoration:none;
}
.story_title h2 a, .story_title h2 a:visited{
	font-size:20px;
	color:#4a4848;
	text-decoration:none;
}
.story_title h2 a:hover{
	color:#004067;
	text-decoration:none;
}
.story_date{
	color:#999999;
	font-size:14px;
	font-weight:normal;
}
.story_content{
	padding:10px 0px 10px 0px;
}
.story_content p{	
	padding-bottom:5px;
}
.story_content ul,.story_content ol,.story_content h1,.story_content h2,.story_content h3,.story_content h4,.story_content h5,.story_content h6{
	padding-bottom:10px;
}

.story_img img{
	width:200px;
	height:150px;
	float:left;
	margin-right:10px;
}
.story_readmore{
	float:right;
	padding:5px 10px;
	display:block;
	background:#00395c;
}
.story_readmore a,.story_readmore a:visited{
	color:#fff;
	text-decoration:none;
}
.story_readmore a:hover{
	cursor:pointer;
	text-decoration:none;
}
.alignleft{
	padding:10px 0px;
	float:left;
	font-size:14px;
	font-weight:bold;
}
.alignright{
	padding:10px 0px;
	float:right;
	font-size:14px;
	font-weight:bold;
}
#commentform p{
	padding:5px 0px;
}
#commentform #author,#commentform #email,#commentform #url,#commentform #comment{
	border:1px solid #CCCCCC;
}
.commentlist{
	padding:10px;
}
.commentlist li{
	margin-bottom:20px;
	border-top:1px solid #a6c0ca;
	border-left:4px solid #a6c0ca;
	height:1%;
}
.authorName{
	background:#eff4f6;
	padding:5px;
	color:#135171;
	font-weight:bold;
}
.authorName span{
	font-weight:normal;
	color:#333333;
}
.avatarImg{
	float:left;
	width:50px;
	margin:10px;
}
.commentText{
	float:left;
	width:480px;
	margin:10px;
}
#submitcomment{
	background:#c6d6dd;
	color:#666666;
	border:none;
	padding:4px;
}
.pagetitle,.error,.article{
	color:#0f4768;
	font-size:20px;
	padding-bottom:10px;
}


/********************************************/
.sidebar{
	width:295px;
	float:right;
	border:1px solid #c2c6e1;
	background:#e0e2f0;
	overflow:hidden;
}
.sidebar li{
	padding:10px;
}
.sidebar_title{
	background:url(images/sidebar_title.jpg) repeat-x;
	border:1px solid #c5c8e2;
}
.sidebar li a,.sidebar li a:visited{
	padding-right:5px;
}
.sidebar_title h3{
	padding:5px 10px;
	color:#0f4768;
	font-size:17px;
}
.sidebar li li{
	padding:4px;
	background:url(images/bullet.jpg) no-repeat left 9px;
	margin-left:10px;
}
.sidebar li li li{
	padding-bottom:0px;
}
.sidebar li li a, .sidebar li li a:visited{
	padding-left:10px;
}
.sidebar li li a:hover{
	cursor:pointer;
}
#recentcomments .recentcomments{
	background:none;
	padding:5px 5px 5px 10px;
	margin:0px;
}
.sidebar_search{
	padding:10px;
}
.search_txt1{
	margin:0px;
	padding:0px;
	background:#eeeff7;
	border:1px solid #c5c8e2;
	padding:3px;
	float:left;
	width:150px;
	margin-right:3px;
}
.search_btn1{
	margin:0px;
	padding:0px;
	float:left;
	background:#eeeff7;
	border:1px solid #c5c8e2;
	padding:2px;
	cursor:pointer;
}




/********************************************/
.footer{
	background:#062030;
	padding:15px;
	text-align:center;
}
.footer p{
	color:#fff;
}
.footer p a, .footer p a:visited{
	color:#fff;
	text-decoration:none;
}
.footer p a:hover{
	text-decoration:underline;
}



/******************/

#wp-calendar {
	empty-cells: show;
	margin:0px auto;
	padding: 0px;
	width: 165px;
	font-size:11px;
	color:#424242;;
	text-align:center;
	
	}
#wp-calendar th
	{
		color:#0f4768;
	}
#wp-calendar #today
	{
		color:#0f4768;
		background:#eeeff7;
	
	}
#wp-calendar #next a {
	padding-right: 5px;
	color:#0465d4;
	text-align: right;
	background:none;
	text-decoration:none;
	}
#wp-calendar #next a:hover
	{
		text-decoration:underline;
		background:none;
	}

#wp-calendar #prev a {
	padding-left:5px;
	text-align: left;
	color:#0465d4;
	background:none;
	text-decoration:none;
	}
#wp-calendar #prev a:hover
	{
		text-decoration:underline;
		background:none;
	}
#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align:center;
	font-weight:bold;

	padding:8px;
	width:165px;
	font-size:13px;
	}
	
#wp-calendar td a, #wp-calendar td a:visited {
	border-left: none;
	padding:0px;
	color: #0465d4;
	text-decoration:none;
	background: none;
	margin:0px;	
}
#wp-calendar td a:hover {
	background: none;
	border-left: none;
	text-decoration: underline;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	/*background-color: #b48625;*/ }
/* End Calendar */

 /************************************************/
.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;
/* optional rounded corners for browsers that support it */
/*-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;*/
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

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

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

/* 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: 2px 0 2px 7px;
display: inline;
border:solid 1px #cccccc;
}

img.alignleft {
padding: 4px;
margin: 2px 7px 2px 0;
display: inline;
border:solid 1px #cccccc;
}

.alignright {
float: right;
}

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