/*
Theme Name: Web Dev by Jeff
Theme URI: http://www.jfarthing.com
Description: The default theme for JFarthing.com
Author: Jeff Farthing
Version: 1.0
Template: twentyten
*/

/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }
html, body { width: 100%; height: 100%; }
body {
	font-size: 62.5%;
	background: #fff;
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	line-height: 22px;
	color: #555;
}
/* -------------------------------------------- */

code, pre { font-family: Consolas, Monaco, "Courier New", Courier, monospace; }

pre {
	background: #f5f5f5;
	border: 1px solid #dadada;
	padding: 11px;
	font-size: 11px;
	line-height: 1.3em;
	overflow: auto;
}

code, pre {
  color: #000;
  background: #F0F0F0;
}

pre a { font-weight: normal; }

a { color: #21759b; text-decoration: none; font-weight: normal; }

a:visited {color:#4ca6cf;}

p a { border-bottom: 1px solid #dfdfdf; }

h3 a { font-weight: bold; }

.button a, .button a:hover, #headline a:not(.button), #headline a:not(.button):hover, #sidebar a, #sidebar a:hover, .frontpageheatmap a, .frontpageheatmap a:hover, .col-3 a, .col-3 a:hover { border: none !important; }

#headline a.button { display: inline-block; }

p a:hover { border-bottom: 1px solid #d54e21; }

a:hover { color: #d54e21; }

h2 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 20px;
}

h2 a {
	font-weight: normal;
}

strong {
	font-weight: bold;
}

em, cite {
	font-style: italic;
}

sup {
	line-height: 1em;
	font-size: 80%;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	clear: both;
}

#main {
	padding: 64px 0;
	overflow: hidden;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	min-width: 960px;
	background: #464646;
	text-align: center;
	z-index: 2;
}

#header h1 a {
	display: block;
	background: url(images/logo.png) center left no-repeat;
	width: 337px;
	height: 52px;
	margin: 0 auto;
	padding: 5px 0;
	text-indent: -9999px;
}

/* */

.submit input, .button, .button-primary, .button-secondary, input[type=button], input[type=submit] {
	font: normal 11px/16px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	padding: 2px 8px !important;
	cursor: pointer;
	border: 1px solid #bbb;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	color: #464646;
	text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.button a, .button-secondary a {
	font-weight: normal !important;
}

.submit input:hover, .button:hover, .button-secondary:hover, input[type=button]:hover, input[type=submit]:hover {
	color: #000;
	border-color: #666;
}

.submit input, .button, .button-secondary, input[type=button], input[type=submit] {
	background: #f2f2f2 url(images/white-grad.png) repeat-x scroll left top;
}

.submit input:active, .button:active, .button-secondary:active, input[type=button]:active, input[type=submit]:active {
	background: #eee url(images/white-grad.png) repeat-x scroll left bottom;
}

.button-primary {
	border-color: #298cba !important;
	font-weight: bold;
	color: #FFF !important;
	background: #21759B url(images/button-grad.png) repeat-x scroll left top;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}

.button-primary:hover {
	border-color: #13455b !important;
	color: #EAF2FA !important;
}

.button-primary:active {
	background: #21759b url(images/button-grad.png) repeat-x scroll left bottom !important;
}

/* */

.hire-button, .download-button {
	font-size: 14px;
	padding: 4px 8px !important;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border-color: #298cba !important;
	font-weight: bold;
	color: #FFF !important;
	background: #21759B url(images/button-grad.png) repeat-x scroll left top;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}

.col-3 a.hire-button, .col-3 a.download-button {
	display: block;
	text-align: center;
}

a.hire-button strong, a.download-button strong {
	font-weight: normal;
}

a.hire-button:hover, a.download-button:hover {
	border-color: #13455b !important;
	color: #EAF2FA !important;
}

a.hire-button:active, a.download-button:active {
	background: #21759b url(images/button-grad.png) repeat-x scroll left bottom !important;
}

.download-meta {
	text-align: center !important;
	font-size: 11px;
	margin-bottom: 0 !important;
}


/* */

.col-3 ul {
	margin-left: 16px;
	list-style: square;
	margin-bottom: 22px;
}

.col-3 p {
	margin-bottom: 22px;
}


a.download-button {
	font-size: 13px;
	line-height: 1.4em;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float: left;
	margin: 0 14px;
}

.col-1 { width: 52px; }
.col-2 { width: 132px; }
.col-3 { width: 212px; }
.col-4 { width: 292px; }
.col-5 { width: 372px; }
.col-6 { width: 452px; }
.col-7 { width: 532px; }
.col-8 { width: 612px; }
.col-9 { width: 692px; }
.col-10 { width: 772px; }
.col-11 { width: 852px; }
.col-12 { width: 932px; }

h3 {
	font-size: 14px;
	color: #333;
	font-weight:bold;
	margin: -1px 0 1px 0;
}

h4, h3.head {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #dedede;
	padding-bottom: 4px;
	color: #333;
	margin-bottom: 18px;
}

h5 {
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 12px;
}

input.text {
	margin-right: 2px;
	font-size: 10px;
	padding: 3px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	height: 14px;
	vertical-align: top;
	color: #666;
}

#headline {
	height: 64px;
	min-width: 960px;
	background: #e4f2fd;
	border-bottom: 1px solid #c6d9e9;
}

#headline h2 {
	color: #555;
	font-size: 36px;
	line-height: 64px;
	text-shadow: #e4f2fd 0px 1px 0px;
	padding: 0 5px 0 68px;
	margin: 0 0 0 12px;
	float: left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left middle;
	text-rendering: optimizeLegibility;
}

#headline .login {
	position: relative;
	float: right;
	padding-top: 30px;
	margin-right: 15px;
}

#headline input.text {
	background: #fff;
	border: 1px solid #c6d9e9;
}

#pages {float:right;}

#content .submenu, #content #submenu {
	margin-left: 0;
	margin-top: -2px;
	font-size: 10px;
	list-style: none;
}

#content .submenu a#subcurrent, #content #submenu a#subcurrent {
	color: #333;
	cursor: default;
}

p.person {
	padding-bottom: 10px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 11px;
}

#content .submenu li {
	border-bottom: 1px solid #dedede;
	font-size: 11px;
	line-height: 15px;
	padding: 5px 0;
}

#content .submenu li a {
	width: 100%;
	display: block;
}

#content .submenu li.current {
	background: url(images/arrow.png) center left no-repeat;
	font-weight: bold;
}

#content .submenu li ul {
	margin-top: 0 !important;
	margin-left: 16px !important;
}

#content .submenu li ul li {
	border: none;
	line-height: 1.4em;
	padding-bottom: 2px;
}

#content {
	width: 960px;
	margin: 20px auto 0;
	display: block;
	overflow: hidden;
	font-size: 12px;
}

#content p, #content ol, #content ul {
	margin: 0 0 22px 0;
}

#content ul {
	margin-left: 16px;
	list-style: square;
}

a.rsslink {background:url(images/feedicon10.png) top left no-repeat; padding-left: 14px;}

#content ol {
	margin-left: 22px;
	list-style: roman;
}

#content p.intro {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #555;
	font-size: 15px;
	margin-top: -1px;
	margin-bottom: 23px;
}

#content p.intro a {
	font-weight: normal;
}

.feed {
	background: url(images/feedicon.png) center left no-repeat;
	padding-left: 19px;
}

#footer {
	clear: both;
	border-top: 1px solid #dedede;
	padding: 6px 14px;
	width: 932px;
	margin: 0 auto;
	overflow: hidden;
}

#footer .wrapper {
	width: 932px;
}

#footer p {
	font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif;
	color: #bbb;
}

#footer p a {
	border: none;
}

#copyright {
	float: left;
}

#poweredby {
	float: right;
}

blockquote {
	background: #f5f5f5;
	border: 1px solid #dadada;
	padding: 22px 22px 0;
	margin-bottom: 22px;
}

.alt { background: #f9f9f9; }

.featured {
	background: #fffbcc;
	border: 1px solid #e6db55;
	padding: 11px 11px 16px;
	margin: 32px 0;
	overflow: auto;
	width: 670px;
}

.submit {
	border-top: 1px solid #ccc;
	padding: 1.5em 0 0 0;
	margin: 10px 0 0 0;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-khtml-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#content table.widefat {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	clear: both;
	margin-bottom: 11px;
}

#content table.widefat a {
	text-decoration: none;
}

#content table.widefat tr.alt {
	background-color: #f9f9f9;
}

#content table.widefat thead {
	background-color: #464646;
	color: #d7d7d7;
}

#content table.widefat td, #content table.widefat th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 12px;
	padding: 6px;
	vertical-align: text-top;
}

#content table.widefat th {
	padding-bottom: 4px;
	padding-top: 8px;
	text-align: left;
}

#content table.widefat .check-column {
	text-align: center;
	vertical-align: text-top;
	width: 3%;
}

.wrap, .updated, .error {
	margin: 0;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
	max-width: 980px;
}

.form-table, form#profile-form table {
	border-collapse: collapse;
	margin-top: 1em;
	width: 100%;
	color: #333;
}

.form-table td, form#profile-form table td {
	margin-bottom: 9px;
	padding: 10px;
	line-height: 20px;
	border-bottom-width: 8px;
	border-bottom-style: solid;

}

.form-table th, form#profile-form table th {
	text-align: left;
	padding: 10px;
	width: 150px;
	font-weight: bold;
	border-bottom-width: 8px;
	border-bottom-style: solid;
}

.form-table input, .form-table textarea,
form#profile-form table input, form#profile-form textarea {
	border: 1px solid #d1e5f6;
	border-top-color: #b0c1cf;
	border-left-color: #b0c1cf;
}

.form-table textarea, form#profile-form table textarea {
	width: 520px !important;
	font-size: 13px;
	line-height: 1.5em;
}

.error {
	background-color: #ffebe8;
	border-color: #c00;
}

.error a {
	color: #c00;
}

.form-invalid {
	background-color: #ffebe8 !important;
}

.form-invalid input {
	border-color: #c00 !important;
}

.form-table td, .form-table th,
form#profile-form table td, form#profile-form table th {
	border-bottom-color: #fff;
}

.form-input-tip {
	color: #999;
}

.form-table tr, form#profile-form table tr {
	background-color: #eaf3fa;
}

.heatmap {
	font-family: Georgia, Times, "Times New Roman", serif;
	line-height: 3em;
}

.heatmap a {
	font-weight: normal;
}

.col-10 .col-5 {
	margin: 0;
	width: 352px;
	padding-right: 20px;
}

.col-10 .col-10 {
	margin: 24px 0 0;
	clear: both;
}

.col-10 .col-8, .col-10 .col-7 {
	margin: 0;
}

.col-10 .col-5 table td {
	line-height: 1.5em;
	padding: 10px 0;
	border-bottom: 1px solid #dadada;
}

.more {
	font-size: 90%;
}

.column-list {
	font-size: 10px;
	line-height: 1.5em;
}

.column-list li {
	padding-bottom: 4px;
}

#theuser .block {
	margin: 24px;
}

#theuser #userinfo {
	margin-left: 22px;
	margin-bottom: 0;
}

#lang-guess {
	width: 932px;
	margin: 22px auto 0;
	background: #fffbcc;
	border: 1px solid #e6db55;
	text-align: center;
	font: 1.3em Georgia, Times, "Times New Roman", serif;
	padding: 10px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.meta {
	font-size: 11px;
	color: #777;
	margin-bottom: 10px;
}

.meta a { 
	color: #777;
	border-bottom: 1px solid #dfdfdf;
}

.meta a:hover { color: #d54e21; border-bottom-color: #d54e21; }

hr { border: none; border-top: 1px solid #dfdfdf; }

#headline a {
	color: #555;
}