/*
Theme Name: ajs v1
Theme URI: http://alexjsmith.com/
Description: Theme for alexjsmith.com.
Version: .5 beta
Author: Alex Smith
*/

/*

BLOG
	left-icon:	66px
	blog-Post:	701px
	right-tab:	24px
	
	total:      791px
*/

/* General ***********************************************************************************************/
body{
	font-family:"Trebuchet MS", Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#9a9a9a;
	background: url(img/background.jpg) #cacaca fixed;
	margin:0;
	padding:0;
	position:relative;
}

div.ppt{ color:black; }
a { color:#b8d150; text-decoration:none; }
a:hover { text-decoration:underline; }
.clear{ clear:both;}
img { border:none; }
p, .preview { margin-bottom: 30px; /*background:red;*/ line-height:24px; /*letter-spacing:-.25px;*/ }
.green{  color:#b8d150; }
ul li { margin-left:15px; padding-left:15px; margin-bottom:10px; list-style-image:url(img/list-bullet-image.jpg);}
h2, span.title{ font-size:30px; font-weight:bold; color:#353535; margin-bottom:25px; }
h3{ font-size:20px; color:#353535; font-weight:bold; margin-bottom:20px; }
.home #page #content .post .post-container .preview,
.page-template-portfolio-php #page .preview,
.archive .preview
{ display:block; margin:0; padding:0; }
.preview{ display:none; }
.preview a { margin:0; padding:0; }
.postmetadata{ color:#c6c6c6; float:left; font-size:14px; font-weight:bold;}
.addthis_toolbox{ float:right; font-size:14px; font-weight:bold;}
hr { width:100%; border:none; height:1px; background:#9a9a9a; margin-bottom:30px; }
.small{ font-size:14px; }
.center{ display:block; width:100%; text-align:center;}

/* Bars ***********************************************************************************************/
#top-bar{ width:100%; height:14px; background:url(img/heaer-tile.png) repeat-x; }

/* Header ***********************************************************************************************/
#header{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:#fff;
}
#header-top{
	width:791px;
	margin:auto;
	text-align:center;
	height:78px;
	z-index:1;
}
.header-bottom{
	width:731px;
	height:57px;
	background:url(img/nav-header.png) no-repeat;
	z-index:7;
	margin:0 auto;
	margin-top:-8px;
	margin-bottom:30px;
	padding-left:60px;
}
#header .post-tag{ width:24px; float:left; z-index:2; margin-left:-4px;  }
#site-logo{ float:left; margin-left:90px; padding-top:15px; }
/* Search ****************************************************/
#site-search{ float:right; width:144px; margin-right:60px; padding-top:15px;}
fieldset.search {
	border: none;
	width: 144px;
	height:23px;
	background:url(img/header-search.jpg) 0 0 no-repeat;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #353535;
	border:none;
	font-family:"Trebuchet MS", Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 13px;
	width: 111px;
	height: 15px;
	background:none;
	margin-left:5px;
	margin-top:3px;
	padding-left:3px;
	position:absolute;
	right:25px;
}
.search input.box:focus{
	background:none;
}
.search input.btn {
	width: 17px;
	height: 17px;
	cursor: pointer;
	text-indent: -9999px;
	background:url(img/header-search-btn.png) no-repeat 0 0 ;
	margin-top:3px;
	margin-left:2px;
	position:absolute;
	right:7px;
}
.search input.btn:hover {
	background:url(img/header-search-btn-hover.png) no-repeat 0 0;
}

#searchform { position:relative;}


/* Menu ****************************************************/
.header-bottom .menu{
	display:block;
	margin:0;
	padding:0;
	width:95%;
	padding-left:15px;
	font-size:14px;
	font-weight:600;
	letter-spacing:0px;
}
#page .header-bottom div.menu ul li, 
.header-bottom .menu li { display:inline-block; margin-right:30px; padding:0;  }
.header-bottom .menu li a{
	color:#fff;
	height:30px;
	display:block;
	margin-top:18px;
	text-decoration:none;
}
/*.header-bottom .menu .current_page_item a{ color:#b8d150; }*/
.header-bottom .menu .current_page_item,.menu .current_page_item:hover{
	background:url(img/nav-active.jpg) no-repeat 0 37px;
}

.header-bottom .menu li:hover{
	background:url(img/nav-hover.jpg) no-repeat 0 37px;
}
.header-bottom .menu li.current_page_item:hover{
	background:url(img/nav-active.jpg) no-repeat 0 37px;
}


/* Follow Me ****************************************************/
#follow-me{
	color: #353535;
	font-size:13px;
	margin-top:14px;
	text-align:right;
	width:144px;
}
#follow-me img{ margin-left:11px;   }

/* Hello ***********************************************************************************************/
#hello{
	width:750px;
	height:110px;
	text-indent:-90000px;
	background:url(img/index-hello2.png) no-repeat 66px 0;
	margin: 0px auto 30px auto;
}

/* Entrys ***********************************************************************************************/

#page { position:relative; top:-30px; } 


#page #content .post, .page #page #content{
	width:791px;
	margin:0 auto;
}

#page #content .post .post-tabs, #header .post-tabs, .page-template #page #content .page .post-tabs{ width:66px;  float:left; z-index:1; margin-right:-4px; margin-top:82px;}
#page #content .post .post-container{ width:701px;  float:left; z-index:3; }
#page #content .post .post-tag { width:24px; height:174px;  float:left; z-index:2; margin-top:82px; margin-left:-4px; }
#page #content .post .category a{ width:66px; height:71px;  margin-bottom:10px; display:block; text-indent:-90000px; }
#page #content .post .post-tabs .comment-count{ 
	width:63px; 
	height:63px;
	background:url(img/entry-tab-comment.png) no-repeat; 
	color:#cacaca;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	padding-left:3px;
	padding-top:18px;
}

#page #content .category-xhtml .category a { background:url(img/entry-tab-xhtml.png) no-repeat; }
#page #content .category-wordpress .category a { background:url(img/entry-tab-wordpress.png) no-repeat; }
#page #content .category-web-design .category a { background:url(img/entry-tab-design.png) no-repeat; }
#page #content .category-mobile-web .category a { background:url(img/entry-tab-mobile.png) no-repeat; }
#page #content .category-flash .category a { background:url(img/entry-tab-flash.png) no-repeat; }
#page #content .category-drupal .category a { background:url(img/entry-tab-drupal.png) no-repeat; }
#page #content .category-blog .category a { background:url(img/entry-tab-blog.png) no-repeat; }
#page #content .category-game-review .category a { background:url(img/entry-tab-game.png) no-repeat; }
#page #content .category-bad-app .category a { background:url(img/entry-tab-app-bad.png) no-repeat; }
#page #content .category-good-app .category a { background:url(img/entry-tab-app-good.png) no-repeat; }
#page #content .category-video .category a { background:url(img/entry-tab-video.png) no-repeat; }

#page #content .category-xhtml .post-tag{  background:url(img/entry-portfolio.jpg) no-repeat; }
#page #content .category-wordpress .post-tag{  background:url(img/entry-portfolio.jpg) no-repeat; }
#page #content .category-web-design .post-tag{  background:url(img/entry-portfolio.jpg) no-repeat; }
#page #content .category-mobile-web .post-tag{  background:url(img/entry-portfolio.jpg) no-repeat; }
#page #content .category-flash .post-tag{  background:url(img/entry-portfolio.jpg) no-repeat; }
#page #content .category-drupal .post-tag{  background:url(img/entry-portfolio.jpg) no-repeat; }
#page #content .category-blog .post-tag{  background:url(img/entry-blog.jpg) no-repeat; }
#page #content .category-game-review .post-tag{  background:url(img/entry-games.jpg) no-repeat; }
#page #content .category-bad-app .post-tag{  background:url(img/entry-app.jpg) no-repeat; }
#page #content .category-good-app .post-tag{  background:url(img/entry-app.jpg) no-repeat; }
#page #content .category-video .post-tag{  background:url(img/entry-portfolio.jpg) no-repeat; }


#page #content .post .post-container .post-header,
.page-container .page-header
{
	width:701px;
	height:51px;
	background:url(img/entry-body-top.png) no-repeat 0 0;
}
#page #content .post .post-container .post-header h1,
.page-container .page-header h1,
.home h2
{
	color:#b8d150;
	font-size:30px; font-weight:bold; 
	text-transform:lowercase; 
	width:701px; 
	margin:0 auto; 
	text-align:left; 
	padding-top:10px;
	padding-left:30px;
}
#page #content .post .post-container .post-header h1 a,
.page-container .page-header h1 a{
	display:inline-block;
	width:100%;
	height:40px;
	
}

#page #content .post .post-container .entry .entry-middle,
.page .page-container .entry .page-middle
{ 
	width:641px; 
	background:url(img/entry-body-middle.png) repeat-y;
	padding:30px 30px 1px 30px;
}
/*#page #content .post .post-container .entry .entry-middle .more-link{
	display:block;
	margin-top:15px;
	margin-left:506px;
	background:url(img/entry-readmore.jpg) no-repeat;
	width:95px;
	height:27px;
	padding-left:33px;
	padding-top:4px;
	color:#353535; 
	font-size:13px; 
}*/
.home .entry-middle p,
.category .entry-middle p
{
	margin-top:-10px;
}
.more-link{
	display:block;
	margin-top:15px;
	margin-left:506px;
	margin-bottom: 30px;
	background:url(img/entry-readmore.jpg) no-repeat;
	width:95px;
	height:27px;
	padding-left:33px;
	padding-top:8px;
	color:#353535; 
	font-size:13px; 
}


#page #content .post .post-container .entry .entry-bottom, .page .page-container .entry .page-bottom{ background:url(img/entry-body-footer.png) no-repeat; margin-bottom:20px;}
/* entry-nav ***********************************************************************************************/
.entry-nav{
	
	width:400px;
	margin:0 auto;
	margin-bottom:50px;
	font-size:12px;
	text-align:center; 
	padding-left:30px;
}
.entry-nav .old { margin-right:10px; }
.entry-nav .new { margin-left:10px; }
.entry-nav div{ display:inline-block; width:137px; height:46px;  text-align:center; }
.entry-nav div a{ display:block; width:137px; height:27px; padding-top:18px; background:url(img/navi-btn.png) no-repeat;}

/* Footer ***********************************************************************************************/

#footer{
	font-size:16px;
	width:791px;
	margin:10px auto;
}
#footer .footer-logo{ float:left; margin-right:30px; }
#footer p{ margin:0; padding:0;  margin-top:12px;  }
#footer ul {  margin-top:5px;  }
#footer ul li{ display:inline; margin: 0 20px 0 0; padding:0;}

#page #footer .tabs{ width:66px;  float:left; z-index:1; margin-right:-4px;}
#page #footer .container{ width:701px;  float:left; z-index:3; /*background:#353535;*/ }

#page #footer .container .footer-middle, 
#page #content .post .post-container .entry #tagRelated,
#service-intro .page-container .page-middle,
.comment-wrap #respond #commentform,
#search-con #search-body
{ 
	background:url(img/footer-middle.png) repeat-y; padding:30px;
}

#page #footer .container .footer-bottom,
#page #content .post .post-container .entry .tag-related-bottom,
#service-intro .page-container .page-bottom,
#search-con #search-footer
{
	background:url(img/footer-bottom.png) repeat-y ; width:701px; height:10px;
}

#page #footer .tag{ width:24px; height:174px;  float:left; z-index:2; margin-left:-4px;}

/* Tags & Related posts ***********************************************************************************************/
#tagRelated { color:#fff; margin-top:15px; }
#tagRelated h4 { text-transform:lowercase; font-size:24px; font-weight:bold; margin-bottom:20px; }
#tagRelated #tags { margin-bottom:30px;}
#tagRelated #related ul li { margin-left:15px; padding-left:15px; margin-bottom:10px; list-style:square;}

/* Page ***********************************************************************************************/
.page .page-tabs{ width:66px; height:10px;  float:left; z-index:1; margin-right:-4px; margin-top:82px;}
.page .page-tag{ width:24px; height:10px;  float:left; z-index:2;; margin-left:-4px; }
.page .page-container{ width:701px;  float:left; z-index:3; }
#service-intro p {margin:0; padding:0; font-size:20px; font-weight:bold; color:#fff; }
/* Comments ***********************************************************************************************/
.comment-wrap{ width:671px; margin:0 auto;  padding-left:90px; padding-right:30px; letter-spacing:-.25px; }
span.author_name{ font-size:24px; font-weight:bold; margin-right:10px;}
span.comment_date{ font-size:14px; font-weight:bold;}
.comment-header { width:505px; height:46px; background:url(img/comment-header.png) no-repeat; padding-left:50px; padding-top:20px; }
.comment-body { width:485px;background:url(img/comment-body.png) repeat-y; padding-left:50px; padding-right:20px; font-size:14px; padding-bottom:10px; }
.comment-body p {margin-bottom: 10px;}
.comment-footer { width:555px; height:10px; background:url(img/comment-footer.png) no-repeat;}
.author_avatar { background:url(img/author_bg.png) no-repeat; width:88px; height:89px; padding-left:4px; float:left;}
.author_comment{ margin-bottom:20px; float:left; }
li.comment-entry{ }

/* Comments Post ***********************************************************************************************/
h3.comment-post { width:191px; height:34px; text-indent: -90000px; display:block; background:url(img/comments-post.png) no-repeat; }

/* SERVICES PAGE ***********************************************************************************************/
.page-id-31 span.title{ display:block; margin-top:-71px; margin-left:90px; }
.page-id-31 span.title2{ margin-left:175px; }

/* MISC ***********************************************************************************************/
.half-l{ width:307px; float:left; }
.half-r{ width:307px; float:right; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
.entry-middle img, .page-middle img, .entry-middle object, .page-middle object{/* margin-bottom:30px;*/ }
.home .entry-middle img, .category .entry-middle img { margin-bottom:30px;}
.half-r img, .half-l img, .no-bottom{ margin-bottom: 0;}
.entry-middle ul, .page-middle ul { font-size:16px; margin-bottom:20px;}
.entry-middle  .preview img , .page-middle .preview img{ margin-bottom:0;}
.style-link{
	display:inline-block;
	background:url(img/entry-readmore.jpg) no-repeat;
	width:118px;
	height:31px;
	padding-left:10px;
	padding-top:4px;
	/*text-indent:-90000px;*/
	color:#353535; 
	font-size:13px;
	text-align:center;
}
h4#comments{ width:129px; height:31px; background:url(img/comments-title.png) no-repeat; text-indent:-90000px; margin-bottom:30px; }

object,embed { z-index:1; }
.pp_pic_holder{ z-index:10; }
/* CONTACT FORM ***********************************************************************************************/
#wpcf7-f1-p35-o1 p{font-weight:bold; color:#353535;}
.wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap input { width:100%; border:none; background:#b8d150; color:#353535;}
.wpcf7-form-control-wrap textarea:focus, .wpcf7-form-control-wrap input:focus { width:100%; border:none; background:#353535; color:#fff;}
.wpcf7-mail-sent-ok, .wpcf7-response-output{ background:#353535; color:#fff; font-weight:bold;  color:#fff; border:none; width:297px; margin:0; padding:5px; margin-bottom:30px; text-align:center;}
.mtip{ margin-top:125px;}
div.wpcf7-mail-sent-ng, div.wpcf7-validation-errors, div.wpcf7-spam-blocked
{ background:#F00; color:#fff; font-weight:bold;  color:#fff; border:none; width:297px; margin:0; padding:5px; margin-bottom:30px; text-align:center;}



/* Search Page ***************************************************/
.search #search-con h1 { font-size:30px; color:#fff; margin-bottom:15px; }
#search-con { width:701px; margin:0 auto; margin-bottom:30px; padding-left:30px; }