/*
Theme Name: Toby Pitman
Theme URI: http://tobypitman.com/
Description: Template for tobypitman.com
Version: 1.0
Author: Toby Pitman
Author URI: http://tobypitman.com/
Tags: blank, reset
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
div { position:relative }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a {outline-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ----- Your styles Here ----- */

html {
	height: 100%;
}
body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif ;
	color: #fff;
	background: #353535 url(images/bg.jpg);
	text-align: center;
	height: 101%;
}

#wrapper {
	width: 800px;
	margin: 0 auto 0 auto;
	padding-bottom: 96px;
	text-align: left;
	background: url(images/big-home.png) no-repeat 30px bottom;
	font-size: 10px;
}

body#blog #wrapper {
	width: 960px;
	margin: 0 auto 0 auto;
	padding-bottom: 0px;
	text-align: left;
	background: url(images/big-blog.png) no-repeat right 40px;
	font-size: 12px;
	min-height: 800px;
}

#pageContent {
	width: 600px;
	margin: 30px 0 0 115px;
}

#contentTop {
	width: 600px;
	height: 15px;
	background: url(images/box-top.png);
}

#contentMid {
	width: 600px;
	background: url(images/box-mid.png);
 	overflow: hidden;
	min-height: 330px;
}

#contentBottom {
	width: 600px;
	height: 15px;
	background: url(images/box-bottom.png);
	}

body.home .post {
	width: 405px;
	margin: 0 0 0 195px;
}

#postContent {
	width: 860px;
	margin: 30px 0 0 50px;
}

#postTop {
	width: 860px;
	height: 15px;
	background: url(images/post-top.png);
}

#postMid {
	width: 860px;
	background: url(images/post-mid.png);
	overflow: hidden;
	min-height: 330px;
}

#postBottom {
	width: 860px;
	height: 15px;
	background: url(images/post-bottom.png);
}

body#blog .post {
	width: 615px;
	margin: 0 0 0 230px;
}

#sidebar {
	width: 220px;
	float:left;
}



/* Nav */

.menu {
    float: left;
    margin: 0 0 0 2px;
    width: 185px;
}

.menu ul li{
	margin: 0 0 6px 0;
}

.menu a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	padding-left: 0px;
	width: 150px;
	height: 45px;	
	background: url(images/menu_tab.png) no-repeat right top;
	}
	
.menu a:hover {
	color: #a7c0ca;
	}
	
.menu a span{
	line-height: 40px;
	padding-left: 10px;
}


/* Typography */

a {
	color: #4f6373;
}

a:hover {
	color: #a7c0ca;
}



.current_page_item a {
	color: #fff;
}

body.index .current_page_item a {
	color: #fff;
	text-align: left;
	padding-right: 0px;
}


.current_page_parent a, .current-cat a {
	color: #fff;
}

h2.pagetitle {
	font-size:18px;
	padding:0 0 15px 0;
	text-align:left;
	width:580px;}

body.home a#sitetitle  {
	position: absolute;
	top:5px;
	left: 72px;
	width: 40px;
	height: 360px;
	background: url(images/title.png);
	text-indent: -9999px;
}

body#blog a#sitetitle {
	position: absolute;
	top:5px;
	left: 0px;
	width: 40px;
	height: 360px;
	background: url(images/title.png);
	text-indent: -9999px;
}

#footer p {
	padding: 5px;
	color: #7d7d7d;
	text-align: left;
	margin: 0 0 0 115px;
	font-size: 8px;
}

body#blog #footer p {
	margin: 0 0 0 50px;
}

body.home .post p{
	color: #d0d0d0;
	padding: 0 13px 0 0;
	margin-bottom: 1.2em;
	line-height: 1.4em;
}

body#blog.single .post p{
	color: #d0d0d0;
	padding: 0 13px 0 0;
	margin-bottom: 0.7em;
	line-height: 1.2em;
	
}

body.home .post h2{
	font-size: 20px;
	margin-bottom: .5em;
	color:#4f6373;
}

h3{
	font-size:18px;
	font-weight:bold;
	margin-bottom:14px;
	margin-top:14px;
}

h3 a {
	font-size: 16px;
	text-decoration: none;
}


/* index.php Posts */

body#blog .entry {
	margin: 0 0 20px 0px;
	background: url(images/trans40.png);
	padding: 10px;
	border: 1px solid #000;
	overflow: auto;
}

body.home .entry {
	margin: 0;
	overflow: auto;
}

body#blog .entry h2 {
	font-size:18px;
	padding: 0px 5px 5px 0px;
}

body#blog.single .entry h2 {
	border-bottom: 1px solid #171717;
	margin-bottom: 3px;
	color: #4f6373;
}

body#blog .entry p {
	color: #c0c0c0;
	font-style: italic;
	padding-top:5px;
}

body#blog.single .entry p {
	color: #8e8e8e;
	padding-top:5px;
	font-style: normal;
}

body#blog .entry h2 a {
	text-decoration: none;
}

body#blog .entry small{
	font-size: 10px;
	margin-bottom: 5px;
}

a.more {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 10px;
	height: 43px;
	width: 136px;	
	background: url(images/more.png) top left;
	text-indent: -9999px;
}

a:hover.more {
	background-position: bottom left;
}


.postThumb {
	float: left;
	padding: 5px;
	margin: 8px 10px 4px 0;
	background: url(images/thumb-border.png);
}

.commentdisplay {
	width: 55px;
	height: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(images/comment-count.png);
	text-align: center;
}

body#blog .entry .commentdisplay a {
	line-height: 40px;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
}

body#blog .entry .postmetadata {
	font-size: 10px;
	margin-top:20px;
}

p.alt {
	margin: 0 10px;
}

.resp {
	font-size: 16px;
	margin: 5px 10px;
}

.navigation {
	height: 50px;
	width: 615px;	
	margin: 0 0 0 230px;
	
}

.navigation .prev a{
	float: left;
	display: block;
	height: 43px;
	width: 136px;	
	background: url(images/prev.png) no-repeat top right;
	text-indent: -9999px;
	padding: 0 0 0 10px;
}

.navigation .prev a:hover{
	background-position: bottom right;
}

.navigation .next a{
	float: right;
	display: block;
	height: 43px;
	width: 136px;	
	background: url(images/next.png) no-repeat top left;
	text-indent: -9999px;
	padding: 0 10px 0 0;
}

.navigation .next a:hover{
	background-position: bottom left;
}

body#blog .post p.tiny {
	margin: 0px;
}

body#blog.single .post .entry p.tiny {
	margin: 0px;
	color: #515151;
}

#social img {
	padding: 0 0 10px 10px;
}

a.viewdemo {
	display: block;
	width: 158px;
	height: 48px;
	background: url(images/viewdemo.png) top left;
	text-indent: -9999px;
	margin:10px 0 5px 0;
}



a:hover.viewdemo {
	background-position:  bottom left;
}

a.youtube {
	background: url(images/Youtube_24x24.png) no-repeat center left;
	padding:5px 0 5px 32px;
	line-height: 24px;
	text-decoration: underline;
}

/* Pages */

ul#services li {
	font-size: 12px;
	font-style: italic;
	padding: 0 0 0 20px ;
	line-height: 16px;
	background: url(images/li-tick.png) no-repeat center left;
}

/* Images */

.alignleft {
	float:left;
	margin:0 14px 4px 0;
}

.alignright {
	float:right;
	margin:0 0 4px 14px;
}

/* p.pimg {text-align: center;} */

/* Search */

#s {
	font-size: 23px;
	width: 503px;
	float: left;
	margin-top:3px;
	
}

#searchsubmit {
	cursor: pointer;
	float: left;
}

#searchform {
	margin: 0 0 15px 230px;
	width: 615px;
}


/* Sidebar */

li.widget h2.active {
	background-position: right bottom;
}

li.widget h2 {
	width: 200px;
	height: 35px;	
	background: url(images/side-title2.png) no-repeat right top;
	font-size: 17px;
	padding: 7px 0 0 10px;
	color: #7e7e7e;
	cursor: pointer;
}

li.widget {
	margin: 0 0 3px 0;
}



#sidebar ul li a {
	line-height: 26px;
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding-left: 10px;
	width: 170px;
	height: 30px;	
	background: url(images/list-item.png) no-repeat right top;
}

#sidebar ul li.widget_text a {
	display: block;
	padding-left: 10px;	
	background: none;
	height: auto;
}

#sidebar ul li a:hover {
	color:#c7d0cf;
}

#tipinfo {
	background-color:#000000;
	border:2px solid #272727;
	bottom:20px;
	min-height:25px;
	position:absolute;
	right:167px;
	text-align:center;
	width:278px;
	/* z-index:999; */
}

.tooltip {
    color:#4f6373;
    padding:5px 7px;
    font-size: 11px;

   }
   
.textwidget {
	margin: 15px 0 0 0;
}

.widget_text {
	display: block;
}

/* Comments */

#respond {
	margin: 15px 0 20px 0;
	padding: 10px;
	background: url(images/com-tile.png);
}

#respond h3 {
	font-size: 16px;
	padding: 0 0 10px 0;
}

ol.commentlist {
	padding: 10px;
	background: url(images/com-tile.png);
	}

li.comment {
	padding: 10px;
	background: url(images/trans40.png);
	margin-bottom: 5px;
	border-top: 2px solid #171717;
	border-left: 2px solid #171717;
	border-bottom: 2px solid #0a0a0a;
	border-right: 2px solid #0a0a0a;
}

.says {
	color: #272727;
}

a.url, cite.fn {
	font-size: 16px;	
}

cite.fn {
	color: #4f6373;	
}


div.comment-author {
	width:250px;
}

div.comment-author img{
	float: left;
	margin:0 10px 0 0;
}

.commentmetadata a {
	font-size: 10px;
	color: #373737;
	
}

.commentmetadata {
	border-bottom:1px solid #1C2730;
	margin:0 0 10px;
	padding-bottom:10px;
}

div.reply {
	position: absolute;
	right: 0px;
	top:0px;
}

div.reply a {
	display: block;
	width: 72px;
	height: 30px;
	background: url(images/reply.png) top left;
	text-indent: -9999px;
	margin-top:4px;
}

.cancel-comment-reply a {
	display: block;
	width: 72px;
	height: 30px;
	background: url(images/cancel.png) top left;
	text-indent: -9999px;
	margin:0 0 5px 0;
}



div.reply a:hover, .cancel-comment-reply a:hover {
	background-position:  bottom left;
}


ul.children li.comment{
	margin: 15px 0 0 0;
	padding: 10px;
	border-top: 2px solid #171717;
	border-left: 2px solid #171717;
	border-bottom: 2px solid #0a0a0a;
	border-right: 2px solid #0a0a0a;
}

#commentform textarea, #commentform input {
	background: url(images/trans40.png);
	border:2px solid #171717;
	color: #8e8e8e;
	padding: 5px;
}

#commentform input#submit {
	background: none;
	border:none;
	padding: 0;
}

#commentform label {
	margin: 0 0 0 5px;
}

#commentform label span{
	color: red;
}

.ddsg-wrapper li ul {
	padding: 0 0 0 15px;
}