@charset "utf-8";

html {
	background-color: silver;
}

/* @group basic text styles */

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.strikethru {
	text-decoration: line-through;
}

.caps {
	text-transform: uppercase;
}

.hued {
	color: #fe6d02;
}

.reversed {
	color: white;
	background-color: #fe6d02;
}



/* @end */

body {
	background: url(http://static.supergeekery.com/img/4/circuit_tile_487x487.png) 0 top;
}

#circuitwrap{
	background: url(http://static.supergeekery.com/img/4/circuit_tiles_487x1947.png) repeat-x 0 top;
}

a {
	color: #fe6d02;
	text-decoration: none;
}

a:hover {
	text-decoration: underline; 
}

#wrapper {
	background-image:url('http://static.supergeekery.com/img/left_col_98x98.png');
background-repeat: repeat-y;
background-position: 0px 0px; 
	
}

#innerwrapper {
	background-color: #787a7a;
}

div.grid_9 {
	background-color: white;
}

/* @group Header */

#tagline {
	height: 102px;
	width: 182px;
	font-size: 11px;
	font-style: italic;
	position: absolute;
	top: 35px;
	left: 383px;
	color: #6d6f6f;
	line-height: 14px;
}

#header {
	position: relative;
}



/* @end */

/* @group Nav bar */

#header div.navigation {
	font-size: 12px;
	padding-top: 10px;
	padding-left: 80px;
}

#header div.navigation a {
	text-decoration: none;
	color: black;
}

#header div.navigation a:hover {
	text-decoration: underline;
	color: black;
}

#header nav div.navigation ul li{
	margin: 0;
	display: inline;
}

.navigation ul li.navspace {
	padding-left: 12px;
	padding-right: 12px;
}

body#home .navigation ul li.home a {
	font-weight: bold;
	text-decoration: underline;
}

body#about .navigation ul li.about a {
	font-weight: bold;
	text-decoration: underline;
}

body#archive .navigation ul li.archive a {
	font-weight: bold;
	text-decoration: underline;
}

body#links .navigation ul li.links a {
	font-weight: bold;
	text-decoration: underline;
}

body#contact .navigation ul li.contact a {
	font-weight: bold;
	text-decoration: underline;
}

body#work .navigation ul li.work a {
	font-weight: bold;
	text-decoration: underline;
}

#footer-col2 nav div.navigation ul li.navspace {
	display: none;
}

/* @end */

/* @group Contact page */

body#contact h2 {
	color: black;
	font-weight: bold;
}

body#contact h2.title{
	background: url(http://static.supergeekery.com/img/4/twitter_feed_109x40.png) no-repeat 0 3px;
	height: 44px;
	position: relative;
	left: -90px;
	padding-left: 14px;
	font-size: 15px;
	width: 67px;
	margin-bottom: -41px;
}

/* @end */

/* @group About and Work page */

body#about h2, body#work h2 {
	color: black;
	font-weight: bold;
}

body#staticpages h2.title, body#about h2.title, body#work h2.title{
	background: url(http://static.supergeekery.com/img/4/twitter_feed_109x40.png) no-repeat 0 3px;
	height: 44px;
	position: relative;
	left: -90px;
	padding-left: 19px;
	font-size: 15px;
	width: 59px;
	margin-bottom: -41px;
}

/* @end */

/* @group Posts */

p#pagefilter {
	color: #fe6d02;
	margin-left: 80px;
	margin-top: 50px;
	font-style: italic;
	margin-bottom: -30px;
	font-size: 15px;
}

#mainContent article div.posts div.article h3, h2.subhead {
	color: #fe6d02;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
}

div.posts {
	position: relative;
}



/* @end */

.article {
	margin-right: 20px;
	margin-left: 80px;
}

div.article .date {
	width: 71px;
	height: 41px;
	background: url(http://static.supergeekery.com/img/4/date_holder_71x41.png) no-repeat;
	position: absolute;
	display: block;
	left: -10px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 15px;
}

div.theYear {
	color: #cd5e1b;
	font-size: 8px;
	font-weight: normal;
	font-style: normal;
	position: absolute;
	top: 25px;
	letter-spacing: 1px;
	right: 15px;
}

#mainContent article div.posts div.article div.metadata {
	font-size: 11px;
	color: black;
	font-weight: bold;
	border-top: 3px solid #c9caca;
	margin-top: 15px;
	padding-top: 15px;
}

#mainContent article div.posts div.article div.metacategory {
	width: 24px;
	height: 24px;
	margin-top: 0px;
	background: url(http://static.supergeekery.com/img/4/comment_no_24x24.png) no-repeat;
	float: right;
	font-size: 11px;
}

#mainContent article div.posts div.article div.metacategory a {
	color: black;
	text-decoration: none;
	position: absolute;
	font-weight: bold;
	width: 24px;
	text-align: center;
}

.categorylink {
	text-transform: lowercase;
	font-style: italic;
}

#header h1 a{
	background-image: url(http://static.supergeekery.com/img/4/sg_logo_342x122.png);
	margin-left: 30px;
	width: 342px;
	height: 122px;
	margin-top: 61px;
	text-indent: -999px;
	display: block;
}

img.leftpic {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

img.rightpic {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

/* @group Right Column */

#secondaryContent {
	font-size: 0.81em;
	line-height: 1.52em;
	background-color: #787a7a;
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

#secondaryContent a {
	color: #fe6d02;
}

#secondaryContent ul {
	margin-bottom: 20px;
}

#secondaryContent li {
	list-style-type: none;
	margin-left: 0;
}

#categories ul li, #recentPosts ul li {
	list-style-type: circle;
	margin-left: 17px;
	opacity: 1;
	list-style-image: url(http://static.supergeekery.com/img/4/bullet_7x7.png);
}

#twitter img {
	left: -15px;
	position: relative;
	margin-top: -21px;
	margin-bottom: -15px;
}

#secondaryContent hr {
	border-top-color: #fe6d02;
	border-top-width: 3px;
	width: 240px;
	margin-left: -20px;
	padding-top: 0;
	margin-top: 10px;
}

#secondaryContent h4 {
	color: #fe6d02;
	font-size: 15px;
}

/* @group Twitter */

#twitterHeadline h4 {
	color: black;
	background: url(http://static.supergeekery.com/img/4/twitter_feed_109x40.png) no-repeat;
	width: 109px;
	height: 40px;
	position: absolute;
	left: -10px;
	padding-top: 5px;
	padding-left: 10px;
	margin-top: -3px;
}

.tweetlink {
	text-transform: uppercase;
}

#twitterHeadline {
	padding-top: 20px;
	margin-bottom: -10px;
}


#twitterFollow {
	font-weight: bold;
	width: 110px;
	padding-left: 97px;
	line-height: 1.2;
	padding-top: 2px;
	padding-bottom: 20px;
	margin-top: -4px;
}

#twitterFeed ul li div.tweet div.date {
	color: #fe6d02;

}

div.tweet {
	border-bottom: 1px solid #b1b1b1;
	padding-bottom: 10px;
	padding-top: 10px;
}

#twitterFollow a{
	text-decoration: none;
}

/* @end */

/* @group search form */

#search_form {
	position: relative;
}

#search_form p {
	margin-bottom: 5px;
	margin-top: 5px;
}

input#searchbt {
	float: none;
	position: absolute;
	right: 1px;
	top: 18px;
}

input#keywords {
	height: 24px;
	width: 168px;
	padding-left: 5px;
	border: 1px ridge silver;
	padding-right: 10px;
	margin-bottom: 20px;
}



/* @end */

/* @group contact form */

#contact_form input#name {
	height: 24px;
	width: 176px;
	padding-left: 5px;
	border: 1px ridge silver;
}

#contact_form input#from {
	height: 24px;
	width: 176px;
	padding-left: 5px;
	border: 1px ridge silver;
}

p#advsearch {
	margin-bottom: 20px;
}

#contact_form p {
	margin-bottom: 5px;
	margin-top: 5px;
}

#contact_form textarea#message {
	width: 177px;
	padding: 4px;
	margin: 2px 0 0;
	border: 1px ridge silver;
}

input#sendemailbt {
	margin-top: 5px;
}

/* @end */



/* @end */

div.posts .title  {
	font-size: 25px;
	line-height: 34px;
	margin-top: 80px;
	padding-left: 0;
	margin-bottom: 18px;
}

div.posts .title a{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#jmx2link {
	width: 30px;
	height: 86px;
	background: url(http://static.supergeekery.com/img/4/visit_jmx2_30x86.png) no-repeat;
	display: block;
	position: fixed;
	top: 50px;
	right: 0;
	text-indent: -9999px;
	color: #fe6d02;
}

div.post {
	padding-left: 80px;
}

div.paginate {
	float: right;
	color: gray;
	font-size: x-small;
	margin: 60px 20px 20px;
}

img.featureImage {
	margin-bottom: 20px;
}

div.imagecredit {
	font-size: 9px;
	position: relative;
	top: -25px;
	right: 0;
	float: right;
}

#endmain {
	clear: both;
	height: 0;
}

/* @group Comment area */

textarea.textbox {
	width: 610px;
}

div.comment {
	font-size: 12px;
	padding: 20px;
	border: thin solid silver;
	margin-bottom: 30px;
}

div#commentarea {
	margin-top: 35px;
	border-top: 3px solid #fe6d02;
	padding-bottom: 30px;
}

div.commentauthor {
	font-size: 10px;
	font-style: italic;
}

div.comment p {
	margin-bottom: 10px;
}

form#comment_form {
	padding-bottom: 20px;
}

#comment_form p {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 11px;
	color: gray;
}

#comment_form p.commentPreviewTitle {
	color: #fe6d02;
}

#comment_form div.comment.preview {
	border: 1px solid #fe6d02;
	margin-bottom: 10px;
}

#comment_form p input.text {
	height: 24px;
	width: 310px;
	border: 1px ridge #fe6d02;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #fff0e5;
}

input.checkbox {
	width: 19px;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

#comment_form div.comment.preview p {
	color: black;
	font-size: 12px;
}

#comment_form p textarea {
	border: 1px ridge #fe6d02;
	margin: 0;
	padding: 10px 5px;
	background-color: #fff0e5;
}


/* @end */

/* @group Footer */

#footer {
	background-color: black;
	clear: both;
	color: white;
	padding-bottom: 10px;
	font-weight: bold;
	float: left;
}

#footer-col1 {
	margin-left: 36px;
}

#footer a {
	color: white;
}

#footer p, #footer li {
	margin: 0;
	font-size: 11px;
	list-style-type: none;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
}

#categories ul li a, #recentPosts ul li a {
	color: white;
}

#footer-col1,#footer-col2, #footer-col3, #footer-col4 {
	display: inline-block;
	float: left;
	padding-right: 40px;
	padding-top: 20px;
}

#footer h5 {
	font-weight: normal;
	font-style: normal;
	color: #fe6d02;
	font-size: 25px;
	margin-top: -1px;
	line-height: 30px;
}

#footer h6 {
	margin: 0;
	color: #fe6d02;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 15px;
}

/* @end */

span.divider {
	margin-right: 5px;
	margin-left: 5px;
}

div.flashEmbed {
	padding: 10px 20px;
	border: 3px solid #fe6d02;
}

#mainContent article div.posts div.article div.flashEmbed h3{
	margin-top: 10px;
}



/* @group social buttons */

span.textmeta {
	float: left;
}

span.tweetit {
	float: left;
	margin-left: 3px;
	margin-right: 3px;
}

span.googleplusit {
	float: left;
	margin-left: 3px;
	margin-right: 3px;
}

span.fblike {
	width: 110px;
	position: absolute;
	margin-left: 3px;
}

/* @end */

/* @group Pic Puller styles */

#picpuller {
	position: relative;
	width:  187px;
}

.igcaption {
	z-index: 2;
	position: relative;
	background-color: #fe6d02;
	padding: 2px 4px;
	display: inline;
}

#picpuller img {
	position: relative;
	z-index: 1;
	margin-top: -34px;
}

/* @end */