@charset "UTF-8";
/* CSS Document */

/*
Theme Name: CDesign Theme Shaper
Theme URI: http://claremorentdesign.com
Description: A theme by <a href="http://www.lyndonabing.com">Lyndon B. Abing</a>.
Version: 1
Author: Lyndon B. Abing
Author URI: http://lyndonabing.com

*/
/* ------------------------------  Start: Common Layout ------------------------------ */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(images/body_bg1.jpg);
	background-repeat:no-repeat;
	background-color:#e0e0db;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:normal;
	
}

div{
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
	line-height:1.5em;
	text-align:justify;
}

ul{
	margin:0; 
	padding:0;
}

ul li{
	list-style:disc inside;
}

a{ color:#F60; text-decoration:underline; outline:none;}
a:hover{color:#F60; text-decoration: underline;}


input[type="text"],select{border:solid 1px #b5ad8d;padding:2px;}

h1,h2,h3,h4{
	padding:0px;
	margin:0;
}


#spacer{
	clear:both;
	height:10px;
	margin:0;
	padding:0;
}

/* !------------------------------  End: Common Layout ------------------------------ */



/* ------------------------------  Start: Layout ------------------------------ */

#wrapper{
	width:100%;
	height:auto;
}

/*-------- start: header--------*/
#header{
	background-image:url(images/header_bg.jpg);
	width:100%;
	height:234px;
	margin:0;
	background-repeat: repeat-x;
}

#header #container{
width: 920px;
margin: auto;
}

#header #container #branding a{
background-image: url(images/logo.png);
width: 219px;
height: 89px;
margin-top: 20px;
border: solid 0px #fff;
margin-bottom: 17px;
display: block;
text-indent: -99999px;
}

#header	#container #navigation{
border: solid 0px #fff;
}


		#navigation ul{
		overflow: hidden;
		}
		
		#navigation ul li{
		color: #fff;
		float:left;
		border: solid 0px #fff;
		height: 24px;
		
		margin: 0 2px 0 0;
		background-color:#000;
		font-weight: bold;
		list-style: none;
		display: block;
		text-decoration: none;
		}
		
		#navigation ul li a{
		text-decoration: none;
		color: #fff;
		display: block;
		padding: 10px 30px 0 30px;
		border: solid 0px #fff;
		height: 24px;
		background-color:#000;
		display: block;
		}
		
		
		#navigation .input_search{
		}

	
							
/*-------- end: header--------*/
/*-------- start: body--------*/
#body{
	background-repeat: no-repeat;
	width:920px;
	height:auto;
	margin:auto;
	margin-top: -48px;
	padding-bottom: 0px;
	border: solid 0px #fff;
}
	#body #container{
		width:920px;
		height:auto;
		margin:auto;
		border-right: solid 0px #fff;
		border-left: solid 0px #fff;
		overflow: hidden;
		padding: 0 20px 0 0px;
		overflow: hidden;
		
	}
	
	#body #container #left{
	width: 606px;
	border: solid 0px #fff;
	float: left;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	}
	
					#left #welcome{
					background-color:#fff;
					padding: 20px; 
					}
					
					#left #separator{
					width: 100%;
					height: 20px;
					display: block;
					}
					
					#left #blogroll{
					width: 606px;
					height: auto;
					}
					
							#blogroll #top{
							background-image: url(images/blogroll_top_edge_content.jpg);
							width: 566px;
							height: 48px;
							padding: 10px 20px 0 20px;
							border: solid 0px #000;
							}
							
							#blogroll #top #calendar{
							background-image: url(images/calendar.jpg);
							width: 40px;
							height: 40px;
							border: solid 0px #000;
							float: left;
							margin: 0 10px 0 0;
							}
							
							#blogroll #top #calendar .month{
									 color: #fff;
									 text-align: center;
									 margin: -1px 0 0 0;
									 border: solid 0px #000;
									 font-size: 9px;
									 }
									 
							#blogroll #top #calendar .day{
									 font-weight: bold;
									 text-align: center;
									 font-size: 20px;
									 margin: 0 0 0 0;
									 }
							
							#blogroll #top #heading{
							}
							
							#blogroll #top #heading .title{
							color: #c8891f;
							font-size: 20px;
							font-weight: bold;
							}
							
							
							#blogroll #top #heading .title a{
							text-decoration: none;
							font-weight: bold;
							} 
							
							#blogroll #top #heading .title a:hover{
							text-decoration: underline;
							font-weight: bold;
							} 							
							
							#blogroll #top #heading .posted{
							font-style: italic;
							}
							
							#blogroll #top #heading .categoryname{
							color: #5093ce;
							}
							
							#blogroll #top #heading .categoryname a{
							color: #5093ce;
							text-decoration: none;
							}		
							
							#blogroll #top #heading .categoryname a:hover{
							text-decoration: underline;
							}					
							
							
							
							#blogroll #inside{
							background-image: url(images/blogroll_inside_content.jpg);
							width: 566px;
							height: auto;
							padding: 20px;
							line-height: 18px;
							overflow: hidden;
							}
							
							#blogroll #bottom{
							background-image: url(images/blogroll_bottom_edge_content.jpg);
							width: 566px;
							height: 40px;
							padding: 0 20px 0 20px;
							}	
							
							#blogroll #bottom #commentsReadmore{
							border: solid 0px #000;
							padding: 13px 0 0 0;
							}
							
							#blogroll #bottom #commentsReadmore .comments{
							background-image: url(images/icon_comment.jpg);
							background-repeat: no-repeat;
							width: 24px;
							height: 23px;
							display: block;
							text-align: center;
							padding: 3px 0 0 0;
							margin: 0 5px 0 0;
							float: left;
							font-weight: bold;
							}

							#blogroll #bottom #commentsReadmore .readmore{
							background-image: url(images/icon_readmore.jpg);
							background-repeat: no-repeat;
							width: 42px;
							height: 20px;
							display: block;
							text-align: center;
							float: left;
							}							
							
							#blogroll #bottom #commentsReadmore a{
							color: #000;
							text-decoration: none;
							}
							
							#blogroll #bottom #commentsReadmore a:hover{
							text-decoration: underline;
							}
							
							#inside #comment_template{
							background-color: #e1e1e1;
							padding: 10px;
							margin-top: 20px;
							border: solid 5px #ebebeb;
							}
							
							#inside #comment_template input{
							margin-bottom: 5px;
							border: solid 1px #c2c2c2;
							padding: 4px;
							}
							
							#inside #comment_template textarea{
							width: 525px;
							border: solid 1px #c2c2c2;
							margin-top: 10px;
							margin-bottom: 10px;
							padding: 4px;
							}
							
							#inside #comment_template .submit{
							margin-top: 20px;
							}
							
	
	#body #container #right{
	width: 302px;
	border: solid 0px #fff;
	margin-left: 615px;
	margin-top:0;
	background-color: #ccc;
	background-image: url(images/sidebar_bg.jpg); 
	}
	
					#right #widgets{
					background-image: url(images/sidebar_content_bg.jpg);
					background-repeat: no-repeat;
					}
					
					#right #widgets #padding{
					padding: 20px;
					}
					
					#right #bottom{
					background-image: url(images/sidebar_bottom.jpg);
					width: 302px;
					height: 23px;
					}
					
					#right ul{
					margin-bottom: 20px; 
					}
					
					#right #sidebar{
					}
					
					#right #sidebar .book{
					background-image: url(images/icon_readmore.jpg);
					width: 42px;
					height: 20px;
					display: block;
					}
					
					#right #sidebar .ul-cat{
					}
					
					#right #sidebar .ul-cat li{
					list-style: none;
					line-height: auto;
					font-size: 11px;
					font-weight: bold;
					border-bottom: solid 1px #d2d2d2;
					padding: 5px 0 5px 0;
					}
					
					#right #sidebar .ul-cat li a{
					text-decoration: none;
					}
					
					#right #sidebar .ul-cat li a:hover{
					text-decoration: underline;
					}	
					
					#right #sidebar .ul-archives{
					}
					
					#right #sidebar .ul-archives li{
					list-style: none;
					line-height: auto;
					font-size: 11px;
					font-weight: bold;
					border-bottom: solid 1px #d2d2d2;
					padding: 5px 0 5px 0;
					}
					
					#right #sidebar .ul-archives li a{
					text-decoration: none;
					}
					
					#right #sidebar .ul-archives li a:hover{
					text-decoration: underline;
					}										
					

			
					
/*-------- end: body--------*/

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

/*-------- start: footer--------*/
#footer{
	background-image:url(images/footer_bg.jpg);
	width:100%;
	height:auto;
	overflow: hidden;
	color:#fff;
	
}

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

	#footer #container{
	background-image:url(images/footer_container_bg.png); 
	width:900px;
	height: auto;
	border: solid 1px #093783;
	border-top: none;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding:15px 10px 10px 10px;
	}
	
	#footer #container #sub_content{
	overflow: hidden;
	
	}
						#sub_content li{
						width: 290px;
						margin:0 5px 0 5px;
						border: solid 0px #000;
						list-style: none;
						float: left;
						}
						
						#sub_content h2{	
						border-bottom: solid 1px #5ca0e5;
						margin-bottom: 5px;
						}
						
	#footer #container 	#recent_post{
	margin: 0;
	padding: 0;
	border: solid 0px #fff;
	overflow: hidden;
	}				
	
	#footer #container 	#recent_post li{
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: solid 0px #5ca0e5;
	}	
	
					   	#recent_post{
					   	}
					   	
					   	#recent_post #icon-comment{
					   	background-image: url(images/icon_comment.png);
					   	border: solid 0px #fff;
					   	overflow: hidden;
					   	height: 22px;
					   	width: 22px;
					   	float: left;
					   	margin-right: 0px;
					   	text-align: center;
					   	padding: 2px 0 0 1px;
					   	color: #000;
					   	font-weight: bold;
					   	}
					   	
					   	#recent_post #icon-post{
					   	background-image: url(images/icon_post.png);
					   	border: solid 0px #fff;
					   	overflow: hidden;
					   	height: 24px;
					   	width: 24px;
					   	float: left;
					   	}					   	
					   	
					   	#recent_post #detail{
					   	border: solid 0px #fff;
					   	margin-left: 27px;
					   	}
					   	
					   	#recent_post .title{
					   	font-weight: bold;
					   	font-size: 11px;
					   	}
					   	
					   	#recent_post .title a{
					   	color:#fff;
					   	}
					   	
					   	#recent_post .date{
					   	font-size:9px;
					   	color: #94c4f4;
					   	}
/*-------- end: footer--------*/

#copyright{
	background-image:url(images/copyright_bg.jpg);
	width:100%;
	height:25px;
	color: #fff;
	text-align: center;
	padding: 15px 0 0 0;
}

/* ------------------------------  End: Layout ------------------------------ */

/* 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 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;
}
/* End captions */