/*
Theme Name: Personal
Theme URI: http://wpsite.net
Description: 3-column WordPress theme
Author: Small Potato, pimped by Lorelei
Author: http://wpdesigner.com
*/

@import url('style-basics.css'); /* general body styles with wrapper */
blockquote, body, caption, dd, dl, form, h1, h2, h3, h4, h5, h6, input, p, pre, textarea, table, td, th{
    margin: 0;
	padding: 0;
	}
	
	body, form, h1, h2, h3, h4, h5, h6, input, textarea, table{
	    font: 12px arial, helvetica, verdana, sans-serif;
		color: #000;
		}
		
		body{
		    text-align: center;
			background: #d8dde9 url(images/bgmain.jpg) repeat-x;
			}
			
			a{
			    text-decoration: none;
				color: #629a10;
				}
				
				a:hover{text-decoration: none;}
				a img{border: 0;}
				
				blockquote{
				    margin: 10px 0 0;
					background: #f9f9f9;
					}
					blockquote p{padding: 10px;}
					blockquote blockquote{
					    margin: 0 10px;
						background: #fff;
						}
						
						img.alignleft{margin: 5px 10px 2px 0;}
						img.alignright{margin: 5px 0 2px 10px;}
						
						img.alignleft, img.alignright{
						    padding: 4px;
							border: 1px solid #f2f1e9;
							    display: inline;
							    }
							    
							    img.centered{display: block;margin-left: auto;margin-right: auto;}
							    
							    p img{
							    
							    max-width: 100%;width: expression(this.width > 460 ? 460: true);
							    }
							    
							    p{padding: 10px 0;}
							    
							    small{font-size: 11px;}
							    
							    .alignleft{float: left;}
							    .alignright{float: right;}
							    
							    .clear{clear: both;margin: 0;padding: 0;}
							    
							    #wrapper{
								margin: 0 auto;
								    width: 890px;
									text-align: left;
									}

@import url('style-header.css'); /* header styles i.e. h1 and search */
#header{
    float: left;
	margin: 20px 0 0;
	    width: 890px;
		height: 87px;
		    overflow: hidden;
			background: url(images/bg-header.gif) no-repeat;
			}
			
			#header h1{
			    float: left;
				margin: 31px 0 0 35px;
				    padding: 3px 0 0 34px;
					font: bold 24px georgia, "Trebuchet MS", serif;
					    text-transform: uppercase;
						display: inline;
						    background: url(images/logo.gif) no-repeat;
						    }
						    
						    #header h1 a{color: #d2eafb;}
						    
						    #search{
							float: left;
							    margin: 38px 0 0 30px;
								display: inline;
								}
								
								#search form#searchform{
								    float: left;
									width: 260px;
									    background: url(images/bg-search-form.gif) repeat-x;
									    }
									    
									    #search form#searchform input{
										font: 11px arial, helvetica, sans-serif;
										    color: #fff;
										    }
										    
										    #search form#searchform .keyword{
											float: left;
											    height: 26px;
												background: url(images/bg-search-input.gif) no-repeat;
												}
												
												#search form#searchform .keyword input#s{
												    float: left;
													margin: 3px 0 0 10px;
													    border: 0;
														display: inline;
														    background-color: transparent;
														    }
														    
														    #search form#searchform .go{float: right;}
														    
@import url('style-typography.css'); /* content typography styles */
p.alert, p.download, p.info, p.note{
    margin: 10px 0 0;
	padding: 10px 10px 10px 36px;
	}
	
	p.alert{
	    border-top: 2px solid #f0baa2;
		border-bottom: 2px solid #f0baa2;
		    padding: 10px 10px 10px 36px;
			background: #ffd9c8 url(images/alert.png) no-repeat 12px 16px;
			}
			
			p.download{
			    border-top: 2px solid #d4ebaf;
				border-bottom: 2px solid #d4ebaf;
				    background: #edfcd5 url(images/download.png) no-repeat 10px 16px;
				    }
				    
				    p.info{
					border-top: 2px solid #eee;
					    border-bottom: 2px solid #eee;
						background: #f9f9f9 url(images/info.png) no-repeat 12px 16px;
						}
						
						p.note{
						    border-top: 2px solid #efe3ae;
							border-bottom: 2px solid #efe3ae;
							    background: #fef6d2 url(images/note.png) no-repeat 14px 16px;
							    }

@import url('style-sidebar.css'); /* general sidebar styles and custom styles for primary and secondary */
/* GENERAL SIDEBAR STYLES */

.sidebar{float: left;width: 170px;}

.sidebar ul{
    margin: 0;
	padding: 0;
	    list-style-type: none;
	    }
	    
	    .sidebar ul li{margin: 10px 0 0;}
	    
	    .sidebar ul li h3{
		padding: 8px 10px 6px;
		    font: bold 12px georgia, serif;
			text-transform: uppercase;
			    border-bottom: 1px solid #eee;
				color: #735593;
				}
				
				.sidebar ul ul{
				    line-height: 20px;
				    }
				    
				    .sidebar ul ul li{
					margin: 0;
					    padding: 4px 10px 3px 28px;
						border-bottom: 1px solid #eee;
						    background: url(images/x.gif) no-repeat 10px 10px;
						    }
						    
						    .sidebar ul ul ul li{
							padding: 0 0 0 10px;
							    border: 0;
								background-image: none;
								}
								
								
								/* CUSTOM STYLES FOR EACH UNIQUE SIDEBAR */
								
								#primary{margin: 22px 0 0;} /* This sidebar is closest to the content. */
								
								#secondary{
								    margin: 0px 0 0;
									width: 170px;
									    color: #59a3c3;
									    }
									    
									    #secondary a{
										color: #aee4fc;
										}
										
										#secondary ul li{
										    margin: 0 0 20px;
										    }
										    
										    #secondary ul li h3{
											padding: 8px 10px 6px 20px;
											    border: 0;
												background: url(images/bg-sidebar-title.gif) no-repeat;
												    color: #d5fef8;
												    }
												    
												    #secondary ul ul{
													padding: 0 0 0 10px;
													}
													
													#secondary ul ul li{
													    margin: 0;
														padding: 4px 10px 3px;
														    border-bottom: 1px solid #003a55;
															background-image: none;
															}
															
															#secondary ul ul ul{padding: 0;}
															
															#secondary ul ul ul li{
															    border: 0;
																padding: 0 0 10px;
																}
										
@import url('style-widgets.css'); /* sidebar widgets */
.sidebar li#search, .sidebar li#search form#searchform, .sidebar li#search form#searchform input{
    float: none;
	width: auto;
	    padding: 0;
		margin: 0;
		    background-image: none;
			color: #000;
			}
			
			.sidebar ul li.widget_rss h3{
			    padding: 8px 10px 6px 10px;
				background-image: none;
				}
				
				.sidebar ul li.widget_rss h3 img{
				    width: 9px;
					height: 9px;
					}
					
					.sidebar ul li.widget_tag_cloud h3{
					    margin: 0 0 10px;
					    }
					    
					    .sidebar ul li.widget_tag_cloud a{
						padding: 0 0 0 10px;
						}
						
						#wp-calendar{
						    width: 100%;
							border-bottom: 1px solid #f2f1e9;
							    padding: 0 0 10px;
							    }
							    
							    #secondary #wp-calendar{
								border-bottom: 1px solid #003a55;
								    color: #59a3c3;
								    }
								    
								    #wp-calendar caption{
									padding: 10px;
									}
									
									#wp-calendar th, #wp-calendar td{
									    padding: 5px;
										text-align: center;
										    background: #f9f9f9;
										    }
										    
										    #wp-calendar td{
											background: transparent;
											}
											
											#secondary #wp-calendar th, #secondary #wp-calendar td{
											    background: #003148;
											    }
											    
											    #secondary #wp-calendar td{
												background: transparent;
												}
												
												#wp-calendar td, table#wp-calendar th{
												    padding: 3px 0;
												    }
@import url('style-comments.css'); /* comments template */
#comments, #respond{
    margin: 15px 0 0;
    }
    
    #comments h3{
	padding: 0 10px 7px 10px;
	    border-bottom: 1px solid #f2f1e9;
		font: 18px georgia, "trebuchet ms", serif;
		    text-transform: uppercase;
			color: #666;
			}
			
			#comments ol.commentlist{
			    list-style-type: none;
				margin: 0;
				    padding: 0;
				    }
				    
				    #comments ol.commentlist li{
					padding: 4px 10px 3px;
					    border-bottom: 1px solid #f2f1e9;
						line-height: 22px;
						}
						
						#comments ol.commentlist li.highlighted{
						    background: #f9f9f9;
						    }
						    
						    #comments .required{color: #a00;}
						    #comments textarea{width: 75%;}
						    #comments p.nocomments, #respond form{padding: 0 10px 10px;}
						    #comments p#login-req{padding: 20px 10px 10px;}
						    p.comment_license{line-height: 22px;}

.container{float: left;}
.outter{
	width: 890px;
	padding: 0 0 10px;
	background: #00496a url(images/bg-container-outter.gif) no-repeat left bottom;
}

.inner{
	width: 700px;
	margin: 0 0 0 10px;
	background: url(images/bg-container-inner.gif) repeat-y;
	display: inline;
}

.inner .top, .inner .bottom{
	float: left;
	width: 700px;
	height: 10px;
	font-size: 1px;
	background: url(images/bg-container-inner-top.gif) no-repeat;
}

.inner .bottom{
	background: url(images/bg-container-inner-bottom.gif) no-repeat;
}

#content{
	float: left;
	margin: 16px 10px 0 15px;
	width: 500px;
	display: inline;
}

#menu{
	float: left;
	width: 700px;
	background: url(images/bg-menu.gif) no-repeat;
	overflow: hidden;
}

#menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li{
	float: left;
}

#menu ul li a{
	display: block;
	padding: 12px 20px 12px 22px;
	background: url(images/bg-menu-li-a.gif) no-repeat right top;
	color: #fff;
}

#menu ul li a span.feed{
	padding: 0 18px 0 0;
	background: url(images/feed.gif) no-repeat right 3px;
}

#headimg{} /* look in functions.php */

.ads-468x60 img {
	margin: 0 10px 16px;
	display: inline;
}

.post{
	width: 480px;
	padding: 0 0 16px;
	position: relative;

}

.post h2{
	padding: 0 10px;
	font: 18px georgia, "trebuchet ms", serif;
	text-transform: uppercase;
}

.post h2 a{
	color: #463b25;

}

.entry-date, .comments-link{
	width: 65px;
	height: 44px;
	position: absolute;
	top: 62px;
	margin: 0 0 0 -75px;
	font: bold 11px uppercase georgia, serif;
	text-transform: uppercase;
	background: #001a26 url(images/bg-entry-date.gif) no-repeat;
	color: #fff;
	display: inline;
}

.entry-date span, .comments-link span{
	display: block;
	text-align: center;
}

.entry-date span.month{
	padding: 8px 0 0;
}

.comments-link{
	top: 109px;
	height: 81px;
	background: #240e29 url(images/bg-comments-link.gif) no-repeat;
}

.comments-link span{
	display: block;
	margin: 15px 0 0;
	width: 65px;
	height: 29px;
	overflow: hidden;
}

.comments-link a{
	color: #fff;
}

.entry-meta{
	padding: 3px 10px 8px;
	font-size: 11px;
	background: url(images/sep.jpg) no-repeat bottom left;
	color: #666;
}

.entry-content{
	padding: 0 10px;
	line-height: 22px;
}

.entry-content p a{
	color: #00496a;
}

.entry-content p a:hover{
	text-decoration: none;
	border: 0;
}

.entry-content h2{font: bold 24px arial, helvetica, sans-serif; line-height: 28px; text-transform: none;}
.entry-content h3{font-size: 18px; font-weight: bold; line-height: 24px;}
.entry-content h4{font-size: 14px; font-weight: bold; line-height: 20px;}
.entry-content h5{font-size: 11px; line-height: 16px;}
.entry-content h6{font-size: 10px; line-height: 14px;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
	padding: 10px 0 10px;
}

.entry-foot{
	padding: 4px 10px 3px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	line-height: 22px;
	background: #f9f9f9;
}

.navigation{
	float: left;
	margin: 0 0 12px;
	width: 500px;
	display: inline;
}

.navigation span.nav-previous{
	margin: 0 0 0 10px;
	padding: 0 0 0 16px;
	background: url(images/bg-older-posts.gif) no-repeat 0 3px;
}

.navigation span.nav-next{
	margin: 0 10px 0;
	padding: 0 16px 0;
	background: url(images/bg-newer-posts.gif) no-repeat right 3px;
}

#footer{
	float: left;
	width: 890px;
	padding: 10px 0 10px;
	color: #74715b;
}

#footer a{color: #55523d;}
#footer p{padding: 10px 35px;}
