/*  
Theme Name: schoberg
Theme URI: http://schoberg.net
Description: Custom theme created for schoberg.net
Version: 1.0
Author: Jesse Schoberg
Author URI: http://schoberg.net

*/

/* ################################
#                                 #
#  Hand written for schoberg.net  #
#  Author:  Jesse Schoberg        #
#  Updated:  20080922             #
#  Contact:  http://ljhost.com    #
#                                 #
################################# */

/*     Colors
===================== 
960 - Orange
069 - Blue
267DA8 - Md Blue
7DB1CB - lt Blue
*/

/*       Layout
======================= */
body {
        margin: 0px;
        padding: 0px;
        text-align: center;
        background:#fff url(images/body-bg.gif) repeat-x left 200px;
}
div {
        position: relative;
}
img {
   border:0;
}
#headwrap{
	background:url(images/header-bg.png) repeat-x center top;
	height:200px;
	width:100%;
}
#header{
        width:100%;
        background: url(images/header-skyline.png) repeat-x left 29px;
        height:200px;
}
#wrapper, #footer{
	width:960px;
	margin:0 auto;
	text-align:left;
}
#wrapper {
		background:url(images/col-mid.gif) repeat-y right top;
		z-index:1;
}
#sidecol{
        width:347px;
        float:right;
		margin:-25px 0 0 0;
	
}
#maincol{
        float: left;
        width: 613px;
        padding-top:2px;
		padding-bottom:20px;
	
 }
#footwrap{
        clear: both;
        background: url(images/body-bg.gif) repeat-x;
        padding:0 0 10px;
		z-index:2;
}
.left {
        float:left;
}
.right {
        float:right;
}
.clear {
        clear:both;
}
.red {
        color:#F00;
}
.txtrt{text-align:right}
.txtlt{text-align:left}
.txtcn{text-align:center}

 /*       Text
======================= */
body, td, div, select, textarea, input {
        font: 12px "Trebuchet MS", Helvetica, sans-serif;
		color:#333;
}
code{
	font:14px "Courier New", Courier, monospace;
	color:#069;
}
p, h1, h2, h3, table, pre {
        margin-left: 0px;
        margin-right: 30px;
}
table{
        margin-right:0;
}
ul,ol{
        margin:0em 30px 1em 30px; /* Right the same as other elements. Left = Right +30 */
        padding: 0px;
}
ul li, ol li{
        line-height:1.3em;
        margin: .25em 0;
        padding: 0;
}
li ol, li ul{
        margin-left: 30px;
        margin-top:0;
        margin-bottom:0;
}
p {
        margin-top:0;
        margin-bottom:1em;
        line-height:1.4em;
}
h1 {
        font-size: 1.8em;
        margin-top: 2em;
        margin-bottom: .3em;
		background:url(images/h-shadow.png) no-repeat left bottom;
		padding-bottom:7px;
}
#maincol h1{
	margin-right:78px; /* make room for date (48px) + right margin above */
}
h2 {
        font-size: 1.4em;
        margin-top: 1.5em;
        margin-bottom: .3em;
        border-bottom: 1px dashed #ccc;
}
h3 {
        font-size: 1.1em;
        margin-top: 1em;
        margin-bottom: .3em;
}
h1, h2, h3 {
        color:#069;
		font-weight:normal;
}


/*    Horz Nav
========================= */

#nav{
	float: right;
	width:180px;
	list-style: none;
	line-height: 1em;
	padding: 0;
	margin: 0;	
}
#nav li {
	float: left;
	padding: 0;
    margin:0;
}
#nav a {
	color: #333;
	text-decoration: none;
	padding: 3px 10px;
    font-size:12px;
	white-space:nowrap;
    margin:0;
	display: block;
	text-transform:lowercase;
}
#nav li a:hover,
#nav li a.current  {
	color:#333;
    background: url(images/menu-bg.gif) repeat-x;
}
/*       Links
======================= */
a {
        color:#960;
        text-decoration:underline;
}
a:hover {
        color:#000;
        text-decoration:underline;
}
h1 a{
   color:#069;
   text-decoration:none;
}
h1 a:hover{
   text-decoration:none;
}
#sidecol a{
	color:#000;
	text-decoration:underline;
}
#sidecol #colbody a{
   color:#7DB1CB;
}
#sidecol a:hover, #sidecol #colbody a:hover{
	background:#A77C24 url(images/menu-bg.gif) repeat-x left bottom;
	color:#000;
}
a[href ^='http://www.youtube.com'] {
	background: url(images/icon-tv.png) no-repeat right center;
	padding: 3px 18px 3px 0;
        white-space: nowrap;
}
.rss{
background: url(images/icon-rss.png) no-repeat right center;
padding: 3px 18px 3px 0;
}
.help{
cursor:help;
}

/*       Header
========================= */
#header h1 {
        margin:0 auto;
		padding-top:143px;
        width:960px;
		letter-spacing:0;
		text-align:left;    
		font-size:50px;
		line-height:50px;
		font-weight:bold;
		background:none;
}
#header h1 a{
	color:#960;
	text-decoration:none;
	position:relative;
	top:15px;  /* Keep h1 from escpaing header ie6 */
}
#header #tags{
width:960px;
margin:-200px auto 0;
list-style:none;
position:relative;
}
#header #tags li{
padding:0;
margin:0;
color:#960;
position:absolute;
}
#tag1{top:45px;left:34px;}
#tag2{top:30px;left:800px;}
#tag3{top:50px;left:620px;}
#tag4{top:21px;left:500px;}
#tag5{top:32px;left:172px;}
/*       Sidecol
========================*/
#colhead{
	background:url(images/col-top.png) no-repeat;
	height:141px;
}
#colhead img{
	position:absolute;
	left:222px;
	top:-34px;
}
#colhead h2{
	color:#333;
	border:none;
	font-size:26px;
	margin-top:0;
	margin-left:30px;
	padding:22px 0 5px;
	text-transform:lowercase;
	background:url(images/h-shadow.png) no-repeat left bottom;
}
#colhead p{
	color:#333;
	margin-left:30px;
	line-height:1.3em;
}
#colbody{
	background:url(images/col-mid.gif) repeat-y;
	padding-top:1px;
}
#colbody p{
	color:#7DB1CB;
	background:#267DA8; /* Makes color accessible w/o images */
	margin-left:30px;
}
#colbody h2{
	color:#333;
	/*border-bottom-color:#7DB1CB;*/
	border-bottom:none;
	margin-left:30px;
	background:url(images/h-shadow.png) no-repeat left bottom;
	padding-bottom:8px;
}
#colbody h2:first-child{
	margin-top:0;
}
#sidecol{
	color:#7DB1CB;
	background: url(images/body-bg.gif) repeat-x left 25px;
}
#sidecol ul,#sidecol ul li{
margin:0;
padding:0;
}
#sidecol ul{
list-style:none;
color:#7DB1CB;
}

#sidecol ul li ul{
        margin:0em 30px 1em 60px; /* Right the same as other elements. Left = Right +30 */
        padding: 0px;
   list-style:disc;
}
#sidecol li ul li{
        line-height:1.3em;
        margin: .25em 0;
 
}
#sidecol ul li ul li ul{
        margin-left: 30px;
        margin-top:0;
}
/*   Search Form 
====================== */ 
#s{
width:200px;
border:none;
background:#7DB1CB;
}
#searchsubmit{
background:#267DA8;
border:none;
color:#7DB1CB;
}
/*       Footer
========================= */

#footer .binary{
padding-top:10px;
        font-size:10px;
}
#footer #colfoot{
	    width:347px;
		height:110px;
        float:right;
		background:url(images/col-bot.png) no-repeat left -30px;
}
#footer #colfoot p.rssbig {
position:absolute;
left:215px;
top:-50px;
width:128px;
text-align:right;
font-size:11px;
}

/*    Content 
====================== */
.shareme{
margin: 2em 0;
font-size:13px;
}
.postmetadata, .navigation{
border:2px solid #7DB1CB;
border-width:1px 0;
padding:7px 0;
font-size:11px;
color:#666;
}
.comment-link{
font-weight:bold;
padding:2px 0 2px 20px;
background:url(images/icon-comment.png) no-repeat left center;
}
.postmetadata span{
background:url(images/icon-tag.png) no-repeat left center;
padding:2px 0 2px 20px;
}
.postdate{
margin-top:-39px;
font-size:11px;
width:48px;
float:right;
font-weight:bold;
text-transform:uppercase;
text-align:center;
line-height:12px;
display:inline;
}
.postdate span{
display:block;
font-weight:normal;
letter-spacing:2px;
}
.options { /* subscription manager */
margin-right:30px;
margin-bottom:1em;
}

/*    Comments
====================== */
#comments{
margin-bottom:20px;
margin-top:50px;
padding-left:20px;
background:url(images/icon-comment.png) no-repeat left center;
}
#comments a{
font-size:11px;
text-decoration:none;
}
.comment{
background:url(images/comment-bg.png) no-repeat 53px 14px;
clear:both;
overflow:hidden;
margin-bottom:20px;
}
.author.comment{
background-image:url(images/comment-bg2.png);
}
.c-avatar{
float:left;
width:48px;
padding-top:14px;
}
.c-avatar p{
margin:5px 0 0 0;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
line-height:11px;
}
.c-avatar p span{
display:block;
font-weight:normal;
letter-spacing:2px;
}
.c-content{
float:right;
width:531px;
w\idth:516px; /* ie5 */
padding-right:15px;
display:inline; /* ie6 */
}
.c-content h3{
margin-top:0;
margin-bottom:10px;
color:#333;
font-size:16px;
line-height:16px;
}
.c-content h3 cite{
font-style:normal;
}
.c-content h3 a{
text-decoration:none;
}
.c-time{
float:right;
margin-top:-20px;
font-size:10px;
line-height:10px;
font-weight:bold;
text-transform:uppercase;
}
.c-time a{
color:#333;
text-decoration:none;
}
#author,
#url,
#email,
#comment,
#submit{
 border:none;
	background:#E4D7BC url(images/menu-bg.gif) repeat-x left top;
	padding:4px;
	color:#000;
	font-weight:bold;
}
#author,
#url,
#email{
width:40%;
}
#comment{
width:80%;
}


/*   Contact 
=================== */
form.wpcf7{
	margin:0 0 1em;
}
.wpcf7 input, 
.wpcf7 textarea{
 width:80%;
 border:none;
	background:#E4D7BC url(images/menu-bg.gif) repeat-x left top;
	padding:4px;
	color:#000;
	font-weight:bold;

}
.wpcf7 input[type="submit"] {
width:auto;
}




/*     Float containers fix - Thanks to: http://www.csscreator.com/attributes/containedfloat.php
       And slightly enhanced by: http://perishablepress.com/
=============================== */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/*     printer styles
========================= */
 @media print{
/* Hide unwanted elements */
#leftcol, #header h1 a span{display:none;}
/* Kill floats and backgrounds */
body #pagewidth, #maincol, body, #footer, #header, #header h1, #header h1 a,#footer p{width:100%; float:none; background:none;}
/* Set margins to 0 */
p, h1, h2, h3, table {margin-left:0;margin-right:0;}
ul, ol {margin-left:30px; margin-right:0;}
#maincol {padding-top:0;}
/* Make texts black */
p, li, #footer p, #footer p a{color:#000;}
/* Print Logo as text */
#header,#header h1, #header h1 a{ width: auto; height:auto; text-indent:0; position:static;top:0;left:0;}
#header h1{ margin-bottom:1em;}
}