/*=================================*/
/* dev7studios v3
/* March 2010
/* By: Gilbert Pellegrom
/* http://www.gilbertpellegrom.co.uk
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font:90% Georgia,Times,"Times New Roman",serif;
	line-height:1.6em;
	color:#777;
	background:#f8f8f8 url(images/back.jpg) repeat;
}

a, a:visited {
	color:#a51618;
	text-decoration:none;
}
a:hover, a:active {
	color:#445167;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	color:#445167;
}
h1 {
	font-size:2.2em;
	line-height:1.6em;
	margin-bottom:1em;
}
h2 {
	font-size:2.2em;
	line-height:1.6em;
	margin-bottom:0.5em;
}
h3 {
	font-size:1.6em;
	line-height:1.6em;
	margin:1.2em 0 0.8em 0;
	color:#6F7C90;
}


p {
	margin-bottom:1em;
}
ol {
	list-style:decimal;
	padding-left:30px;
	margin-bottom:1em;
}
ul {
	list-style:disc;
	padding-left:25px;
	margin-bottom:1em;
}
li {
	padding:2px;
}

b, strong {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
u {
	text-decoration:underline;
}
code {
	font-family:Courier,"Courier New",Monaco,Tahoma;
	background:#DFDFDF;
	color:#666;
	padding:0px 2px;
}
pre {
	background:#DFDFDF;
	padding:15px;
	margin:1em 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
blockquote {
	font-style:italic;
	font-size:1.3em;
	margin:1em 20px;
	padding-left:10px;
	border-left:3px solid #a51618;
}

/*========================*/
/*=== Structure Styles ===*/
/*========================*/
#wrapper {
	width:960px;
	margin:0 auto;
}

#header {
	margin:60px 0;
    position:relative;
}
#header h1 {
	background:url(images/logo.png) no-repeat;
	width:477px;
	height:48px;
	float:left;
	margin:0;
}
#header h1 a {
	display:block;
	height:100%;
	text-indent:-9999px;
}
#header p {
	display:none;
}

#nav { 
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
#nav li {
	display:inline;
}
#nav li a {
	color:#6F7C90;
	margin-right:12px;
	font-size:1.5em;
	line-height:35px;
}
#nav li a:hover {
	color:#a51618;
}
#nav li a.active {
	color:#445167;
}

a#hireme {
    position:absolute;
    top:-35px;
    right:320px;
}

#content {
	display:none;
	position:relative;
	margin-bottom:60px;
}
#content div.col {
	float:left;
	width:300px;
	margin-right:30px;
}
#content div.col.last {
	margin-right:0px;
}

#sidebar {
	float:right;
	width:260px;
	margin-top:40px;
}
#sidebar.sb-page {
	margin-top:20px;
}

#footer {
	width:100%;
	height:30px;
	z-index:99;
	color:#aab6c8;
	text-align:center;
	padding-top:20px;
	font-size:85%;
}

#loading {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(images/overlay.png) repeat;
	z-indez:80;
}
#loading p {
	display:inline-block;
	position:absolute;
	top:45%;
	left:43%;
	z-indez:90;
	color:#a51618;
	font-size:4em;
	margin:0;
	padding:0;
}

ul#elsewhere {
	list-style:none;
	margin:0;
	padding:0;
}
ul#elsewhere a.blog {
	display:block;
	background:url(images/wordpress_16.png) no-repeat 0 4px;
	padding-left:23px;
}
ul#elsewhere a.twitter{
	display:block;
	background:url(images/twitter_16.png) no-repeat 0 4px;
	padding-left:23px;
}
ul#elsewhere a.flickr {
	display:block;
	background:url(images/flickr_16.png) no-repeat 0 4px;
	padding-left:23px;
}
ul#elsewhere a.forrst {
	display:block;
	background:url(images/forrst_16.png) no-repeat 0 4px;
	padding-left:23px;
}

img#profile {
	border:5px solid #C3CFDF;
}

#yoggrt {
    background:#efefef;
    padding:10px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    margin:0 0 10px 0;
    width:160px;
    margin:0 auto;
}
#yoggrt br {
    display:none;
}
#yoggrt .adby {
    font-style:italic;
    text-align:right;
    margin:0;
    line-height:12px;
}
#yoggrt .adby a {
    border:0;
    font-size:10px;
    color:#445167;
}
.yoggrtad a {
    border:0;
    margin-bottom:5px;
}
.yoggrttext a {
    display:block;
    border:0;
    margin-bottom:3px;
    line-height:16px;
}

/*===================*/
/*=== Post Styles ===*/
/*===================*/
div.col .post h2 {
	margin:0 8px 5px 8px;
	font-size:1.5em;
	overlfow:hidden;
}

.post {
	margin-bottom:40px;
}
.post h2 a {
	color:#445167;
}
.post h2 a:hover {
	color:#A51618;
}

.post.narrow {
	width:620px;
}

.post.portfolio .post-thumb {
	width:300px;
	float:left;
}
.post.portfolio .entry {
	width:290px;
	float:right;
}
.post.portfolio a.bickham {
	font-size:2.2em;
}

#resource-list {
	font-size:1.6em;
	font-style:italic;
	color:#bbb;
}
#resource-list li {
	padding:0;
	margin-bottom:0.5em;
}
#resource-list li a {
	font-size:1.0em;
	padding-left:10px;
}
#resource-list li p {
	font-size:12px;
	padding-left:10px;
}
#resource-list li p a {
	padding-left:0;
	color:#bbb;
}

/*======================*/
/*=== Comment Styles ===*/
/*======================*/
#comments, #respond h3 {
	margin:1em 0;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0;
	width:620px;
}
.comment-meta {
	display:none;
}
img.avatar {
	float:left;
	margin-right:10px;
	-moz-box-shadow:0px 0px 3px #999;
	-webkit-box-shadow:0px 0px 3px #999;
	box-shadow:0px 0px 3px #999;
}
.comment-author {
	line-height:32px;
	margin-bottom:5px;
}
li.comment {
	margin:1em 0 0 0;
}
ul.children {
	list-style:none;
	margin:0;
}


#respond {
	width:620px;
}
#commentform input {
	width:200px;
}
#commentform textarea {
	width:520px;
	margin:0;
	padding:10px;
}
#commentform input.button {
	cursor:pointer;
}
#commentform input.button:active {
	top:1px;
}
#commentform span.field-meta {
	color:#999;
}

p.subscribe-to-comments label {
	width:auto !important;
}


/*====================*/
/*=== Input Styles ===*/
/*====================*/
input,
textarea,
select {
	font-family:Georgia,Times,serif;
	font-size:12px;
	font-style:italic;
	color: #666;
	background:#eee;
	border:1px solid #999;
	margin:2px;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

input:focus,
textarea:focus,
select:focus {
	color:#333;
	border-color:#666;
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

.pointer {
	cursor:pointer;
}

/* Sharper Thumbnails */
img {
	-ms-interpolation-mode:bicubic;
}

/* Wordpress Defaults */
img.alignright {float:right; margin:0 0 .7em 1em}
img.alignleft {float:left; margin:0 1em .7em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 .7em 1em}
a img.alignleft {float:left; margin:0 1em .7em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Easy Border Radius */
.round5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.round10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.round15 { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
.round20 { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.round25 { -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; }
.round30 { -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; }

.light-blue {
	color:#6F7C90;
}

.wp_syntax pre {
	background:none;
}
.wp_syntax .code {
	padding:0;
}
.wp_syntax {
	background-color:transparent !important;
	background:url(images/code.png) repeat !important;
	border:0 !important;
	margin:2em 0 !important;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
}