/*
Theme Name: Personal
Theme URI: http://www.wpdesigner.com/
Description: 3-column Personal WordPress theme
Version: 1.0
Author: Small Potato
Author: http://www.wpdesigner.com/
*/

@import url('style-basics.css'); /* general body styles with wrapper */
@import url('style-header.css'); /* header styles i.e. h1 and search */
@import url('style-typography.css'); /* content typography styles */
@import url('style-sidebar.css'); /* general sidebar styles and custom styles for primary and secondary */
@import url('style-widgets.css'); /* sidebar widgets */
@import url('style-comments.css'); /* comments template */

.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: 500px;
	padding: 0 0 16px;
	position: relative;

}

.post h2{
	padding: 0 10px;
	font: 18px georgia, "trebuchet ms", serif;
	text-transform: capitalize;
}

.post h2 a{
	color: #bf4d01;
}

.entry-date, .comments-link{
	width: 65px;
	height: 44px;
	position: absolute;
	top: 62px;
	margin: 0 0 0 -75px;
	font: bold 11px lowercase georgia, serif;
	text-transform: lowercase;
	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/dotted.gif) repeat-x left bottom;
	color: #666;
}

.entry-content{
	padding: 0 10px;
	line-height: 18px;
}

.entry-content p a{
	border-bottom: 1px solid #ddd;
	background: #ffd;
	color: #000;
}

.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;}
