/*
Theme Name: guffXtreme
Theme URI: http://guff.szub.net/
Style Name: Default guff
Description: guff.szub.net theme.
Version: 4 (Max Headroom Edition)
Author: Kaf Oseo
*/

/* global */
body {
	font-family:'Lucida Grande', Verdana, sans-serif;
	color:#010;
	background-color:#454;
	margin:0;
	padding:0;
}
a {
	color:#565;
}
a:hover, a:focus {
	color:#f83;
}
img {
	border:none;
	font-size:.5em;
	color:#aba;
}
input, textarea {
	color:#000;
	background-color:#f1f3f1;
	border:1px solid #aba;
}
input:focus, textarea:focus {
	background-color:#fff;
}
#container {
	margin:3px 30px 3px 30px;
	border:2px solid #000;
}
#header, #header-szub, #footer, .commenter {
	background-color:#565;
	background-image:url(images/szub-bg.png);
	background-position:right top;
	background-repeat:no-repeat;
	border:2px solid #fff;
}
#wrap {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background-color:#fff;
}

/* header */
#header, #header-szub {
	margin:0;
	padding:0;
}
#header ul {
	position:absolute;
	top:11px;
	right:36px;
	font-size:.7em;
	text-align:right;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li {
	display:inline;
}
#header ul li a {
	text-decoration:none;
	color:#f83;
	padding:0 .2em 0 .2em;
	border:1px solid #565;
}
#header ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#f83;
}
#header ul li a:active {
	color:#342;
	text-decoration:none;
	background-color:#f1f3f1;
}
#header ul li.current_page_item a, #header ul li.current_page_item a:hover {
	color:#aba;
	text-decoration:none;
}
#header ul li.current_page_item a:hover {
	background-color:#586958;
}
#logo, #logo-szub {
	background-image:url(images/guff_szubnet.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:60px;
	margin:0;
	padding:13px 0 2px 3px;
	border-left:2px solid #565;
}
#logo h1, #logo-szub h1 {
	display:none;
}
#logo-szub {
	background-image:url(images/szubnet.png);
	border-left:38px solid #565;
}

/* general posts */
acronym, abbr, cite {
	border-bottom:1px dashed #aba;
	cursor:help;
}
blockquote {
	color:#454;
	margin:.5em;
	padding:.2em 2em .2em 2em;
	background-image:url(images/open-quote.png);
	background-position:left top;
	background-repeat:no-repeat;
}
code, pre {
	font-size:90%;
	text-align:left;
}
h2, h3, h4, h5, h6 {
	font-family:Georgia, 'Times New Roman', Times, serif;
} 
h2 {
	font-size:1.2em;
	color:#aba;
	margin:0;
	padding:0;
}
h2 a, h3 a, h4 a {
	color:#f83;
	text-decoration:none;
}
h2 a:hover, h3 a:hover, h4 a:hover {
	color:#f83;
	text-decoration:underline;
}
h2#szub-header {
	position:absolute;
	top:50px;
	right:45px;
}
h3 {
	font-size:1.2em;
}
h3.archive-header {
	margin-bottom:0;
	padding:0;
}
h4 {
	font-size:1.1em;
}
h5, h6 {
	font-size:1em;
}
p, li {
	line-height:1.3em;
	margin-bottom:.3em;
}
sub, sup {
	font-size:.75em;
}
#content {
	float:left;
	margin:0 225px 0 25px;
	text-align:justify;
	padding:0 0 0 15px;
}
#content hr {
	color:#ddd;
	height:1px;
	width:95%;
	background-color:#ddd;
	border:0;
}
.image {
	margin:1em 0;
	padding:0;
	text-align:center;
	font-size:.7em;
	font-style:italic;
}
.image img {
	padding:1px;
	margin:2px;
	border:1px solid #fff;
}
.image a img:hover, .image a img:active {
	border:1px solid #f83;
}
.meta {
	color:#545;
	font-size:.8em;
	font-variant:small-caps;
}
.meta a {
	color:#aba;
}
.meta a:hover {
	color:#f83;
}
.meta li, ul.post-meta li {
	display:inline;
	list-style:none;
}
.post {
	margin-top:1.1em;
}
.post-image {
	float: left;
	margin: 3em 2em 2em 2em;
}
.post-meta {
	color:#545;
	font-size:.8em;
	font-variant:small-caps;
	text-align:right;
	margin:.5em 0 .1em 0;
	clear:left;
}
.post-meta a {
	color:#aba;
	text-decoration:none;
	margin:8px 0 0 4px;
	padding:.1em;
	border:1px solid #aba;
}
.post-meta a:hover {
	color:#f83;
	text-decoration:none;
	border:1px solid #f83;
}
.header-prefix {
	text-transform:capitalize;
	color:#565;
}
.update {
	color:#232;
	background-image:url(images/update.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin:1em 2em 0 0;
	padding-left:2em;
}

/* sidebar */
#sidebar {
	float:right;
	width:170px;
	text-align:right;
	margin:0 34px 3px -204px;
}
.arc {
	width:14em;
	border:none;
}
.arc a {
	text-decoration:underline;
	padding:1px 4px 1px 4px;
}
.arc a:hover {
	color:#f1f3f1;
	text-decoration:none;
	background-color:#f83;
}
.arc th {
	text-align:right;
}
.arc td {
	width:25%;
	padding:2px;
}
.current-cat a, .current-cat a:hover {
	color:#bcb;
	background-color:#f1f3f1;
	text-decoration:none;
}
.szubmenu, .admenu, #post-postdata {
	list-style:none;
	width:100%;
	font-size:.8em;
	margin:0 0 3px 0;
	padding:0 15px 8px;
	border:1px solid #bcb;
	background-color:#f1f3f1;
	background-image:url(images/szub_menu-bg.png);
	background-position:left top;
	background-repeat:repeat-y;
}
.admenu {
	text-align:center;
	padding-bottom:0;
}
#sidebar h2, #sidebar h3, .arc th {
	font-size:1em;
	font-variant:small-caps;
	font-weight:normal;
	border-top:none;
	margin:0;
	padding:6px 0 0 0;
}
.szubmenu h2 {
	text-align:left;
}
.szubmenu ul {
	color:#aba;
	list-style:none;
	margin:0;
	padding:0;
}
.szubmenu li {
	text-align:right;
	margin:0;
	padding:1px;
}
.szubmenu a {
	text-decoration:none;
	border:1px solid #f1f3f1;
}
.szubmenu a:hover {
	color:#f1f3f1;
	text-decoration:none;
	background-color:#f83;
}
.szubmenu a:active {
	color:#342;
	text-decoration:none;
	background-color:#f1f3f1;
}

/* search */
input.s {
	width:8em;
	padding:0 3px 0 3px;
}
.s-button {
	color:#fff;
	padding:0 .1em 0 .1em;
	background-color:#bcb;
	border:1px solid #f1f3f1;
}
.s-button:hover {
	color:#fff;
	background-color:#f83;
}
.s-button:active {
	color:#bcb;
	background-color:#f1f3f1;
}

/* footer */
#footer {
	margin:0;
	padding:4px 30px 4px 30px;
	clear:both;
	text-align:left;
	color:#fff;
}
#footer a {
	text-decoration:none;
	color:#f83;
}
#footer a:hover, #footer a:active {
	color:#fff;
}
#footer span, #footer div {
	font-size:.8em;
}
#footer div {
	float:right;
}

/* special */
img#wpstats {
	width:0px;
	height:0px;
	overflow:hidden;
}
.err-image, .err-quote {
	text-align:center;
	font-size:.8em;
	margin:1em 0 1em 0;
	padding:1em;
}
.err-quote {
	border:1px solid #bcb;
}
#leftovers {
	width:100%;
	clear:both;
	margin:2em 0 2em 0;
}
#leftovers-left {
	float:left;
	width:48%;
}
#leftovers-right {
	float:right;
	width:48%;
}