/*
Theme Name: Personal
Theme URI:
Description: Modified 3-column Personal WordPress theme specifically for ZenCub3d.
Version: 1.0
Author: Billy Chang (modified)
*/

@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 -16px;
//	background: #00496a url(images/bg-container-outter.png) no-repeat left bottom;
	background: url(images/bg-container-outter.png) repeat-y;
	display: inline;
}

.outter .bottom{
	float: left;
	width: 890px;
	height: 16px;
//	font-size: 1px;
	background: url(images/bg-container-outter-bottom.png) no-repeat left bottom;
}

.inner{
	width: 700px;
	margin: 0 0 0 10px;
	background: url(images/bg-container-inner.png) repeat-y;
	display: inline;
}

.inner .top{
	float: left;
	width: 700px;
	height: 10px;
	font-size: 1px;
	background: url(images/bg-container-inner-top.png) no-repeat;
}

.inner .bottom{
	float: left;
	width: 700px;
	height: 19px;
	font-size: 1px;
	background: url(images/bg-container-inner-bottom.png) no-repeat;
}

.wp-caption {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #f3f3f3;
  border: 1px solid #ddd;
  margin: 5px;
  padding-top: 4px;
  text-align: center;
}

.wp-caption p {
  margin: 0;
  padding: 0;
}

#content{
	float: left;
	margin: 16px 10px 0 15px;
	width: 670px;
	display: inline;
}

#menu{
	float: left;
	width: 700px;
	background: url(images/bg-menu.png) no-repeat;
	overflow: hidden;
}

#menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li{
//	float: left;
	float: right;
}

#menu ul li a{
	display: block;
	padding: 12px 20px 12px 22px;
	background: url(images/bg-menu-li-a.gif) no-repeat left 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: 670px;
	padding: 0 0 16px;
	position: relative;
}

.post h2{
	padding: 0 10px;
	font: 25px "trebuchet ms", serif;
	text-transform: uppercase;
	margin: 20px 0 0;
}

.post h2 a{
	color: #bf4d01;
}

.entry-date, .comments-link{
	width: 65px;
	height: 44px;
	position: absolute;
	top: 5px;
	margin: 0 0 0 -75px;
	font: bold 13px uppercase "trebuchet ms", serif;
	text-transform: uppercase;
	background: url(images/bg-entry-date.png) no-repeat;
	color: #fff;
// change the colour of the comment and entry date
	display: inline;
}

.entry-date span, .comments-link span{
	display: block;
	text-align: center;
}

.entry-date span.month{
	padding: 4px 0 0;
}

.gravs {margin-top:20px;}
.avatar {float:left; margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #999999;}

.comments-link{
	top: 65px;
	height: 81px;
//	background: #240e29 url(images/bg-comments-link.png) no-repeat;
	background: url(images/bg-comments-link.png) no-repeat;
}

.comments-link span{
	display: block;
	margin: 15px 0 0;
	width: 65px;
	height: 29px;
	overflow: hidden;
}

.comments-link a{
	color: #ce5c00;
}

.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: 22px;
}

.entry-content p a{
	border-bottom: 1px solid #0497B1;
	// background: #ffd;
	color: #0497B1;
}

.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;
	text-align: center;
}

#footer a{color: #55523d;}
#footer p{padding: 10px 35px;}