/*
Theme Name: Splatter
This theme was originally designed and built by Matthew Reese, and was then hacked to pieces by Obyto's idiot overlord
*/

/ * Global */ 
body {margin: 0 0 20px 0;padding: 0; font-size: 100%; font-family: Georgia, Verdana, Arial; color: #000033; text-align: center; width: 100%; height: 100%;}

a:link{color: #333399;text-decoration: none;}
a:visited{color: #f46000;text-decoration: none;}
a:hover{color: #f46523;text-decoration: none;}
a:active{color: #f46523;text-decoration: none;}
a img {border: none;}

/* Begin Structure */

#page {margin: 0px auto;padding: 0;width: 100%; text-align:left;}
#header {width: 100%; margin-left: auto; margin-right: auto;}
#footer {padding: 0;margin: 0 auto; width: 1000px; clear:both; border-top:1px solid #73bbcf;}

.entry {position:relative;float:left;margin-top:5px;margin-bottom:20px;margin-left:80px;text-align:justify;}

.narrowcolumn {position:relative;float: left;padding: 15px 20px 20px 0px; margin: 0; width: 50%; border-right:1px solid #f0f0f0; font-size:1em;}
.widecolumn {position:relative;float: left;padding: 15px 20px 20px 0px; margin: 0; width: 70%; border-right:1px solid #73bbcf; font-size:1em;}

.post {margin: 0 0 40px; text-align: justify;}
.post hr {display: block;}
.postmetadata {clear: both;}

.clear { lear: both;}

/* End Structure */

/ * Navigation * /
#mainnav {
padding-top:10px;
padding-bottom:10px;
width:100%;
position:relative;
float:left
border-top:1px solid #73bbcf;
border-bottom:1px solid #73bcf;
z-index:5;
font-weight:bold;
}

#mainnav_wrapper { margin:auto; position:relative; font-size:14px; width:1000px; text-align:left;}

ul.nav {margin: 0px 0px 0px 10px; cursor: default; list-style-type: none; display: inline;}
.nav ul{margin: 0px 0px 0px 0px;	padding: 0;	cursor: default;	list-style-type: none;	display: inline;}
ul.nav>li{display: table-cell;	position: relative;	padding: 2px 6px;}
.nav ul li {font-weight:normal;margin-left:15px;}

/* Begin Typography & Colors */

@font-face {font-family: 'FuturaMedium'; src: url('futura_lt_medium-webfont.eot'); src: local('â˜º'), url('futura_lt_medium-webfont.woff') format('woff'), url('futura_lt_medium-webfont.ttf') format('truetype'), url('futura_lt_medium-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}

h3 {font-size: 1.3em; font-family: 'FutureMedium'; font-weight: normal;}

acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em; cursor: help;}

.boxout {background:url(images/side_bg.gif);}
.boxout h3, h3 a {font-size: 1.1em; font-weight: normal; color: #003366; }
.boxout ul li {list-style: none; line-height: 0.9em; margin: 0;}

code {font: 1.1em 'Courier New', Courier, Fixed;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;	border: 1px solid #eee;	padding: 2px;	background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal;	line-height: 1.5em;	text-transform: none;	}
#commentform p {font-family: Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}

#content {font-size: 1em;line-height:1.3em;	}

.depth-1 {border: 1px solid #ddd;}
.entry p a:visited {color: #b85b5a;	}

.entry p {font-family: Georgia;}
.even, .alt {border-left: 1px solid #ddd;}

#footer p { margin: 0; padding: 10px 0; }

#header h1 {height:155px; overflow:hidden; background:transparent url(images/obyto_logo.png) top left no-repeat;}
#header h1 a {display:block; padding:155px 0 0 0; height:0px; overflow:hidden; }

.largedate {font-size:18px;color:#78c30c; font-family: FuturaMedium;}
#maindescription {font-size: 1.4em ;text-align: left;position:absolute;color:#f4733f;margin-top:155px;
margin-left:20px;
font-weight:600;
letter-spacing:1px;
font-family: georgia;}

.postmetadata {padding:0;margin:0; font-size: 0.7em; color: #666; background: #f0f0f0;}
.postmetadata  a {color: #666;}

#rightsidebar .categories ul li {text-align: right; font-size: 1.3em; font-family: FuturaMedium;}  
#rightsidebar ul li {text-align: right; font-size: 0.9em;} 
#rightsidebar .categories  ul li ul li {font-size: 0.7em; text-align: right;} 
#rightsidebar ul li a {font-size: 1.3em;}  
#rightsidebar h2 {font-size: 1.2em ;margin:0;	}
#sidebar h2 {font-size: 1.2em;margin:0; font-family: FuturaMedium;}

small {font-family: Arial, Helvetica, Sans-Serif;	font-size: 0.9em;	line-height: 1.5em;	}

.sticky {	background: #f7f7f7;	padding: 0 10px 10px;	}
.sticky h2 {padding-top: 10px;}

.thread-alt {background-color: #f8f8f8;}
.thread-even {	background-color: white;}

.titlebar {position:relative;float:left;width:100%;}
.titlebarleft {position:relative;float:left;width:57px;text-align:right;}
.titlebarright {position:relative;float:left;width:400px;margin-left:20px;}
.titlebar h2 {padding:0;margin:0;font-size:22px; font-family: FuturaMedium;}
.titlebar h2 a:link {color:#000033;text-decoration:none;font-size:16px;}
.titlebar h2 a:visited {color:#003333;text-decoration:none;font-size:16px;}
.titlebar h2 a:hover {color:#f46523;text-decoration:underline;font-size:16px;}
.titlebar h2 a:active {color:#f46523;text-decoration:underline;font-size:16px;}

.tumblr_link {font-weight: bold; border-bottom: 1px solid #003366;}
.tumblr_body {font-family: Greyscale; font-size: 1.1em;} 

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;	text-align: center;	}
#wp-calendar th {font-style: normal;	text-transform: capitalize;	}

/* End Typography & Colors */

/* Begin Images */

p img {padding: 0;	max-width: 100%;}

img.centered {display: block;	margin-left: auto;	margin-right: auto;}
img.alignright {padding: 4px;	margin: 0 0 2px 7px;	display: inline;}
img.alignleft {padding: 4px;	margin: 0 7px 2px 0;	display: inline;}
.alignright {float: right}
.alignleft {float: left;}

/* End Images */

/* Begin Lists */

html>body .entry ul {margin-left: 0px;	padding: 0 0 0 30px;	list-style: none;	padding-left: 10px;	text-indent: -10px;	}
html>body .entry li {	margin: 7px 0 8px 10px;	}

.entry ol {padding: 0 0 0 35px; margin: 0;	}
.entry ol li {margin: 0;padding: 0;}

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none; }
/* End Lists */

/* Begin Sidebar */

#sidebar {position:relative; float:left; padding: 0px 10px; width: 25%; background:url(images/side_bg.gif); padding-top:15px;}
#sidebar p {border-top: 1px solid #666699; padding: 0 0 2px 0;}
#rightsidebar { position:relative; float:left; width:190px; margin-left:10px; text-align:left; padding-top:15px;}
#sidebar form {margin: 0;}
#sidebar img {width: 180px;}
#sidebar ol li {list-style-type: none; font-size: 0.9em; color: #666;}
#sidebar ol li a {font-weight: normal; color: #666699;}
#sidebar ol li a:hover {font-weight: normal; color: #000;}

#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0;}

ol li, #sidebar ul ol li {list-style: decimal outside;}

#rightsidebar ul, #rightsidebar ul ol {margin: 0; padding: 0;}
#rightsidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;}
#rightsidebar ul p, #rightsidebar ul select {margin: 5px 0 8px;}
#rightsidebar ul ul, #rightsidebar ul ol {margin: 5px 0 0 10px;}

#rightsidebar ul ul ul, #rightsidebar ul ol {margin: 0 0 0 10px;}
ol li, #rightsidebar ul ol li {list-style: decimal outside;}
#rightsidebar ul ul li, #rightsidebar ul ol li {margin: 3px 0 0; padding: 0;}
/* End Sidebar */

/* Begin Comments*/

.alt {margin: 0; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 5px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }

#commentform p {margin: 5px 0;}

.nocomments {text-align: center; margin: 0; padding: 0;}

.commentmetadata {margin: 0; display: block;}

/* End Comments */

/* Begin Form Elements */

#searchform {margin: 0px;}
#searchform #s { width: 75px;padding: 2px;	}
#searchsubmit {padding: 1px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;}

select {width: 130px;}


#commentform input {width: 170px; font-family: arial; overflow: auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #cc3333; background: #333399;  color: #eee; padding: 2px; margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 2px 0; font-family: arial; padding: 5px; background: #eee;}
#commentform textarea {width: 80%; font-family: arial;  overflow: auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #cc3333; background: #333399;  color: #eee; padding: 2px; margin: 5px 5px 1px 0;}
#commentform #submit {margin: 0 0 5px; font-family: arial; display: block; background: white; color: black; font-weight: bold;}

#respond:after {content: ".";  display: block;   height: 0;  clear: both;  visibility: hidden;}

/* End Form Elements */

/* Begin Calendar */

#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 150px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */

acronym, abbr {border-bottom: 1px solid #73bbcf;}

blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute; left: -1000em;}

.navigation {display: block; position:relative; float:left; margin-top: 0px; margin-bottom: 5px; width:100%; color:#7d8f58;}
.navigation a:link {color:#7d8f58; text-decoration:none;}
.navigation a:visited {color:#7d8f58; text-decoration:none;}
.navigation a:hover {color:#7d8f58; text-decoration:underline;}
.navigation a:active {color:#7d8f58; text-decoration:underline;}
.orange {color:#F36525;}

/* End Various Tags & Classes*/

/* Captions */

.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* End captions */
