/*
Theme Name: Commondork
Version: 1.0
Author: Adam
Author URI: http://www.commondork.com/
License: Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 United States License
*/

/*	COLORS
	''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
	Search Box Border: #3c3c3c
	Search Box Text: #8c8c8c
	Sidebar Borders: #c2c2c2
	Sidebar Fill: #e0e4e0
	Sidebar Alternate Fill: #d8d8d8
	Sidebar Cell Headlines: #444444
	Headlines: #2177f7
	Comments Box: #858484
*/


/* CONTENTS
	''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
	1.		RESETS
	2.		GLOBALS
	3.		HEAD
	4.		NAVIGATION
	5. 	CONTENT
	6.		COMMENTS
	7.		COMMENT FORM
	8.		SIDEBAR
	9.		FOOTER
	10.	WP-PAGENAVI PLUGIN
	11.	MISCELLANEOUS
 */


/******************************************************************************
 * 	RESETS
 *****************************************************************************/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0 none;
	-moz-outline-style: none;
	outline-style:none;
	outline-width:0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/******************************************************************************
 * 	GLOBALS
 *****************************************************************************/
html, body {
	height: 100%;
}

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, sans-serif;
	background: #e9e9e9 url(images/head.png) top repeat-x;
	line-height: normal;
	text-align: center;
}

p {
	margin: 18px 0;
}

a {
	color: #2177f7;
	text-decoration: none;
}

h2  {
	font-size: 2.1em;
	font-weight: 500;
	letter-spacing: 0.05em;
	color: #2177f7;
	line-height: 1.25em;
	margin-bottom: 5px;
}

h3 {
	font-size: 1.3em;
	font-weight: 500;
	letter-spacing: 0.05em;
	color: #222;
	line-height: 1.25em;
	margin-bottom: 5px;
}

h5 {
	font-size: 1.4em;
	font-weight: 500;
	text-transform: capitalize;
	color: #444;
}

h2 a:hover, h5 a:hover {
	color: #444;
}

pre {
	background: #e0e4e0;
	border: 1px dashed #7c7c7c;
	padding: 5px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	width: 498px;
	white-space: pre-line;
}

code {
	font-size: 11px;
}

label {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	color: #444;
}

small {
	font-size: 0.8em;
}


/******************************************************************************
 * 	HEAD
 *****************************************************************************/
#head_wrap {
	min-width: 900px;
	height: 98px;
}

#head {
	width: 900px;
	height: 98px;
	margin: 0 auto;
	position: relative;
}

#header {
	float: left;
	width: 360px;
	height: 98px;
	background: url(images/triad.png) left no-repeat;
}

#site_title {
	font-size: 4.7em;
	font-weight: 500;
	font-family: 'Crimson Text', Verdana;
	letter-spacing: 0.05em;
	margin: 20px 0 5px 70px;
}

#site_title a {
	color: #848585;
}

#search_wrap {
	float: right;
	width: 225px;
	height: 50px;
	position: relative;
	margin: 36px 6px 0 0;
}

#search-input {
	width: 225px;
	margin: 10px auto;
	position: relative;
}

form#searchform input#s {
	border: 1px solid #858484;
	width: 224px;
	font: 10px Verdana, Arial, sans-serif;
	color: #838383;
	float: left;
	padding: 3px 0 3px 4px;
	background: transparent;
}
	
form#searchform input#searchsubmit {
	position: absolute;
	right: 1px;
	top: 0;
	padding: 3px 2px 0 0;
}



/******************************************************************************
 * 	NAVIGATION
 *****************************************************************************/
#nav_wrap {
	height: 3em;
	min-width: 900px;
	position: relative;
}

#nav {
	margin: 0 auto;
	position: relative;
	width: 900px;
	height: 3em;
}

#nav_menu {
	width: 900px;
	height: 3em;
	display: block;
	position: absolute;
	left: 2px;
	z-index: 1;
}

#nav_menu li {
	float: left;
}

#nav_menu li a {
	float: left;
	display: block;
	overflow: hidden;
	width: 9em;
	height: 1.9em;
	padding: 0.7em 0 0 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent;
	color: #fff;
}

#nav_menu li a:hover {
	background: url(images/nav_hover.png) repeat-x;
	color: #fff;
}

#nav_menu li.active, #nav_menu li.active a {
	background: #fff;
	color: #555;
	border-bottom: 3px solid #fff;
}



/******************************************************************************
 * 	CONTENT
 *****************************************************************************/
#page_wrap {
	min-width: 900px;
	width: 900px;
	margin: 0 auto;
	line-height: 1.6em;
	position: relative;
}

#page {
	background: #fff url(images/bg.png) repeat-y;
	width: 900px;
	position: relative;
	border-left: 2px solid #c2c2c2;
}

#content_wrap {
	float: left;
	width: 550px;
}

#content {
	float: left;
	width: 500px;
	padding: 50px 0 50px 30px;
}

#entry {
	width: 500px;
	font-size: 1.3em;
	font-family: Verdana, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5em;
	position: relative;
}

.post-header {
	width: 500px;
	min-height: 42px;
	position: relative;
}

.num-comments-bg {
	margin: 4px 0 0 20px;
	float: right;
	background: #fff url(images/comments.png) top right no-repeat;
	width: 49px;
	height: 42px;
	position: relative;
}

.num-comments {
	position: absolute;
	top: 8px;
	left: 4px;
	width: 41px;
	height: 20px;
	text-align: center;
}

.num-comments a {
	font-size: 18px;
	font-weight: 500;
	color: #858484;
}

.num-comments a:hover {
	color: #2177f7;
}

.post {
	display: block;
	position: relative;
	margin: 0 0 30px 0;
	text-align: left;
}

#break {
	position: relative;
	height: 1px;
	width: 500px;
	background: #c4c4c4;
	margin-top: 10px;
}

.more {
	font-size: 0.9em;
}

.code {
	font-size: 11px !important;
	padding: 12px;
	background: #e0e4e0;
	border: 1px solid #c2c2c2;
	color: #000;
	font-family: monospace !important;
	overflow: auto;
	max-height: 500px;
	width: 476px;
}

.page-list li {
	margin: 0 0 8px 20px;
	list-style: url(images/bullet.png);
}




/******************************************************************************
 * 	COMMENTS
 *****************************************************************************/
.comments_wrap {
	float: left;
	width: 500px;
	position: relative;	
}

#comments-header {
	border: 1px solid #c2c2c2;
	padding: 21px 0 15px 15px;
	margin-bottom: 50px;
	position: relative;
}

#comments-add a {
	position: absolute;
	top: 0;
	right: 0;
	width: 59px;
	height: 44px;
	background: #e0e4e0;
	border-left: 1px solid #c2c2c2;
	padding: 23px 0 0 30px;
	font-size: 34px;
	color: #2177f7;
}

#comments-add a:hover {
	background: #d8d8d8;
}

#comments {
	padding: 25px 0 0 0;
	text-align: left;
	width: 500px;
	border-bottom: 1px solid #c2c2c2;
}

.comment_input {
	width: 100px;
}

.commentlist {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
}

.alt {
	background: #e8e8e8;
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
}

.comment_wrap {
	position: relative;
}

.comment-header {
	position: relative;
	width: 500px;
	height: 54px;
	margin-top: 15px;
}

.comment-author-avatar {
	float: left;
	border: 1px solid #c2c2c2;
	margin-right: 20px;
}

.comment-author-meta {
	padding-top: 10px;
}

.comment-body {
	width: 500px;
	position: relative;
}

.comment {
	margin-bottom: 15px;
}

.comment p {
	margin: 10px 0;
}

.comment-body-meta {
	text-align: left;
	margin-bottom: 10px;
	position: relative;
}

.hide-children {
	font-size: 0.85em;
	text-transform: uppercase;
}

.reply {
	margin-left: 450px;
	font-size: 0.85em;
	text-transform: uppercase;
}

.depth-2 {
	margin-left: 75px;
}

li.depth-2 .comment-header {
	width: 425px;
}

li.depth-2 .comment-author-avatar {
	float: right;
	margin: 0;
}

#respond {
	margin-top: 50px;
	padding: 20px;
	background: #e0e4e0;
	border: 1px solid #c2c2c2;
}

.waiting-approval {
	margin: 10px 0;
	font-size: 0.9em;
}


/******************************************************************************
 * 	COMMENT FORM
 *****************************************************************************/
#respond_wrap {
	position: relative;
	width: 455px;
}

#respond-inputs {
	float: left;
}

#respond-inputs p {
	margin: 8px 0;
}

.respond_input_labels {
	width: 70px;
	position: absolute;
}

.respond_inputs {
	margin: 0 0 0 80px;
	position: relative;
}

#respond-avatar {
	float: right;
	margin-top: 8px;
}

#comment {
	width: 450px;
}

#author, #email, #url {
	width: 250px;
}

#author, #email, #url, #comment {
	border: 1px solid #c2c2c2;
	padding: 3px 2px 2px 3px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

input#author:hover, input#email:hover, input#url:hover, textarea#comment:hover {
	border: 1px solid #2177f7;
}

#submission {
	margin: 15px 0 15px 326px;
}

#submit {
	width: 130px;
	height: 29px;
	font-family: Arial;
	font-size: 1.0em;
	font-weight: 500;
	color: #333;
	text-transform: uppercase;
	background: url(images/submit.png) repeat-x;
	border: 1px solid #444;
}

#submit:hover {
	color: #fff;
	cursor: pointer;
}




/******************************************************************************
 * 	SIDEBAR
 *****************************************************************************/
#sidebar {
	float: right;
	width: 330px;
	position: relative;
	background: #e0e4e0;
	border-left: 2px solid #c2c2c2;
	border-right: 2px solid #c2c2c2;
	text-align: left;
}

.rss {
	border-bottom: 2px solid #c2c2c2;
	float: left;
	height: 100px;
	width: 330px;
	position: relative;
}

#rss-subscribe a {
	position: absolute;
	top: 20px;
	left: 25px;
	width: 221px;
	height: 37px;
	background: url(images/rss.png) no-repeat;
}

#rss-subscribe a:hover {
	background: url(images/rss_hover.png) no-repeat;
}

#email-box {
	margin: 65px 0 0 75px;
	height: 18px;
	width: 190px;
	border: 1px solid #c2c2c2;
	position: relative;
}

form#emailform input#e{
	border: none;
	width: 162px;
	font: 10px Verdana, Arial, sans-serif;
	color: #858484;
	float: left;
	padding: 3px 0 0 4px;
	background: transparent;
}
	
form#emailform input#emailsubmit {
	float: right;
	margin: 1px 3px 0 0;
}

.ads {
	border-bottom: 2px solid #c2c2c2;
	float: left;
	height: 280px;
	width: 330px;
	background: #d8d8d8;
	position: relative;
}

#ad-300x250 {
	position: absolute;
	top: 15px;
	left: 15px;
}

.twitter_wrap {
	float: left;
	width: 330px;
	min-height: 150px;
	border-bottom: 2px solid #c2c2c2;
	position: relative;
}

#twitter-header a {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 145px;
	height: 46px;
	background: #e0e4e0 url(images/twitter.png) no-repeat;
}

#twitter-header a:hover {
	background: #e0e4e0 url(images/twitter_hover.png) no-repeat;
}

#tweets {
	margin: 75px 20px 0 20px;
	width: 290px;
	font-size: 1.3em;
	font-family: Verdana, sans-serif;
	color: #444;
	position: relative;
}

#twitter_update_list {
	margin-bottom: 20px;
}

#tweets li {
	margin: 3px 0 12px 0;
}

#tweets a {
	font-size: 0.85em;
}

#tweets a.twitter-time-posted {
	font-size: 0.75em;
	color: #2177f7;
	text-decoration: none;
}

.tabs_wrap {
	background: #d8d8d8;
	border-bottom: 2px solid #c2c2c2;
	float: left;
	width: 330px;
	position: relative;
}

ul.tab-navigation {
	list-style: none;
	margin: 20px 0 0 20px;
	text-align: left;
}

ul.tab-navigation li {
	margin: 0 30px 0 35px;
	display: inline;
	text-align: left;
}

ul.tab-navigation li a {
	font-size: 1.4em;
	font-weight: 600;
	font-family: Verdana, Arial, sans-serif;
	margin-bottom: 5px;
	color: #6b6b6b;
	text-decoration: none;
	width: 120px;
	text-align: center;
}

ul.tab-navigation li a.selected, ul.tab-navigation li a:hover {
	color: #444;
}
                
ul.tab-navigation li a:focus {
	outline: 0;
}

div.tabs > div {
	padding: 5px;
	margin-top: 3px;
}

#articles, #categories, #resources {
	margin: 5px 10px 10px 30px;
}

#articles li, #categories li, #resources li {
	list-style: url(images/bullet.png);
	margin-bottom: 8px;
}

#articles a, #categories a {
	font-size: 1.2em;
	font-weight: 500;
	color: #216df7;
}

.tag_cloud {
	float: left;
	height: 330px;
	width: 330px;
	position: relative;
}

#tag-cloud {
	position: absolute;
	top: 15px;
	left: 15px;
}
	


/******************************************************************************
 * 	FOOTER
 *****************************************************************************/
#footer_wrap {
	background: #444 url(images/footer.png) top repeat-x;
	border-top: 1px solid #a7a7a7;
	width: 100%;
	min-width: 900px;
	position: relative;
}

#footer {
	margin: 0 auto;
	height: 40px;
	font-size: 1em;
	color: #888;
	padding: 9px 0 0 0;
}

#footer a {
	color: #888;
}




/******************************************************************************
 * 	WP-PAGENAVI PLUGIN
 *****************************************************************************/
.wp-pagenavi-wrap {
	position: relative;
	width: 500px;
	height: 25px;
	text-align: right;
}




/******************************************************************************
 * 	MISCELLANEOUS
 *****************************************************************************/
#tweets a:hover, #tweets a.twitter-time-posted:hover,  #articles a:hover, 
#categories a:hover, #footer a:hover, .reply a:hover, .more:hover, #entry a:hover {
	text-decoration: underline;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.clear {
	clear: both;
}

.alignnone {
	border: 1px solid #c2c2c2;
	margin: 15px auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	margin: 0 auto;
	text-align: center;
}

.underline:hover {
	color: #2177f7;
	text-decoration: underline;
}

.copyright {
	margin-top: 5px;
}

.tiny {
	font-size: 10px;
}

.hidden {
	display: none;
}

.color_blue {
	color: #4f83c4;
}

#archives {
	width: 500px;
	text-align: left;
	margin-bottom: 20px;
}

#four-oh-four {
	width: 500px;
	height: 50px;
	padding-top: 10px;
	background: #e0e4e0;
	border: 1px solid #c2c2c2;
	text-align: center;
	position: relative;
}

#search-input-again {
	width: 260px;
	margin: 10px auto;
	position: relative;
}

#search-again {
	border: 1px solid #c2c2c2;
	width: 250px;
	font: 10px Verdana, Arial, sans-serif;
	color: #838383;
	float: left;
	padding: 3px 0 3px 4px;
	background: #fff;
}

form#searchform input#searchagain {
	position: absolute;
	right: 8px;
	top: 0;
	padding: 3px 2px 0 0;
}