/*                                                                                            
               ,_________             ___.       ____.,_________            ,___. _________.
               (NNNNNNNNN ,_________. NNN)       NNNN)(NNNNNNNNN            (NNN) NNNNNNNNN)
       ,.      (NNNNNNNNN (NNNNNNNNN) NNN)       NNNN)(NNNNNNNNN            (NNN) NNNNNNNNN)
       J)      (NNNNNNNNN (NNNNNNNNN) NNN) NNNN) NNNN)(NNNNNNNNN       NNNNNNNNN) NNNNNNNNN)
      (NN      ´"""""NNNN (NNNNNNNNN) NNN) NNNN) """"`(NNN""""""       NNNNNNNNN) NNNNF"NNN)
      NNN)           NNNN (NNNNNNNNN) NNN) NNNN)      (NNN             NNNNNNNNN) NNNN) NNN)
     (NNNN     (NNNNNNNNN (NNNN (NNN) NNNNNNNNN) NNNN)(NNN (NNNN       NNNNNNNNN) NNNNNNNNN)
    ,NNNNNL    (NNNNNNNNN (NNNN ´"""` NNNNNNNNN) NNNN)(NNN (NNNN       NNNN"4NNN) NNNNNNNNN)
    JNNNNNN.   (NNNNNNNNN (NNNN       NNNNNNNNN) NNNN)(NNN (NNNN       NNNN (NNN) NNNNNNNNN)
   ,NNNNNNNL   (NNNNNNNNN (NNNN (NNN) NNNNNNNN   NNNN)(NNN (NNNN       NNNN (NNN) NNNNNNNNN)
   NNNNNNNNN)        NNNN (NNNN (NNN) NNNNNNNN_. NNNN)(NNN (NNNN       NNNN (NNN) NNNN)     
  (NNNNNNNNNN  ,_____NNNN (NNNN_JNNN) NNNNNNNNN) NNNN)(NNN_JNNNN ,____ NNNN_JNNN) NNNNL____.
  NNNNNNNNNNN) (NNNNNNNNN (NNNNNNNNN) NNNNNNNNN) NNNN)(NNNNNNNNN (NNNN NNNNNNNNN) NNNNNNNNN)
 JNNNNNNNNNNNN.(NNNNNNNNN (NNNNNNNNN) NNN) NNNN) NNNN)(NNNNNNNNN (NNNN NNNNNNNNN) NNNNNNNNN)
,NNNNNNNNNNNNNL(NNNNNNNNN (NNNNNNNNN) NNN) NNNN) NNNN)(NNNNNNNNN (NNNN NNNNNNNNN) NNNNNNNNN)
JNNNNNNNNNNNNNNJNNNNNNNNN (NNNNNNNNN) NNN) NNNN) NNNN)(NNNNNNNNN (NNNN NNNNNNNNN) NNNNNNNNN)
*/
/*  
Theme Name: Contrast.3CKIG
Theme URI: http://3CKIG.de
Description: The second theme Release on 3CKIG.de. Based loosely on Kubrick Template Structure.
Version: 1.0
Author: Steffen Rachner
Author URI: http://3CKIG.de
*/

body {margin: 0;padding: 0;font-family: 'Trebuchet MS', Helvetica, sans-serif;font-size: 1em;color: #000;background: url('images/body_back.gif') repeat-y center top #CCC;}
.hidden {position: absolute;left: -1000em;width: 20em;}

form {margin: 0;padding: 0;}
input, textarea {font-family: 'Trebuchet MS', Helvetica, sans-serif;font-size: 0.8em;background: url('images/field_back.gif') repeat-x left top #EEE;border: 1px solid #333;padding: 2px 4px;}
textarea {width: 90%;}

a {color: #000;}
a:hover {color: #333;}
img {border: 0;}
p.center {text-align: center;}

/* Page Structure and Layout */
#wrapper {margin: 0px auto 0px auto;padding: 0;width: 790px;background: url('images/bg_main.gif') repeat-y center top #999; border-bottom:10px solid #999; border-top:5px solid #333;}
#main {margin: 0;padding: 17px 20px 0px 20px;background: url('images/bg_top.gif') no-repeat center top;}
#leftcolumn {clear: left;float:left;width: 510px;margin: 15px 0 0 0;padding: 0px 15px;font-size: 1em;}
#rightcolumn {float: right;width: 184px;margin: -12px 0 0 0;padding: 0 13px 0 0;font-size: 0.6em;list-style-position: inside;}

/* Header and Menu */
#header #title {float:left;margin: 0;padding: 10px 0px 0px 12px;}
#header h6#tagline {float:right;margin: 10px 4px 0 0;font-size: 0.6em;font-weight: normal;color: #666666;}
#header ul#mainmenu {float:left;margin: 0;padding: 0 0 0 6px;list-style: none;font-size:0.7em;}
#header ul#mainmenu li {float: left;}
#header ul#mainmenu a {display: block;position: relative;margin: 4px 0 0 -1px;padding: 5px 0 0 0;width: 69px;height: 20px;text-align: center;background-color: #999999;text-decoration: none;border: 1px solid #333;color: #FFF;font-weight: bold;}
#header ul#mainmenu a:hover {margin-top: 0;height: 24px;}
#header ul#mainmenu li.current_page_item a {margin: 0 0 0 -2px;padding: 9px 0 0 0;border-bottom: 0px;height: 21px;background: #333;}
#header ul#mainmenu li.first a.current {margin: 0 0 0 -1px;border-left: none;}


/* Search and Leftcolum Structure */
#search {float: right;margin-top: -37px;padding: 0 5px 0 0;position: relative;}
#search input.box {height: 18px;width: 140px;padding: 2px 2px 0 2px;margin: 0;background-color: #FFF;border: 1px solid #333;border-left: none;border-right: none;font-weight: bold;}

/* Rightcolumn */
#rightcolumn a {color: #6699CC;}
#rightcolumn a:hover {color: #336699;}
#rightcolumn img.icon {margin-bottom: -1px;}
#rightcolumn .sidebox {
	margin: 0 0 22px 0;
	padding: 4px 10px;
	background-color: #FFF;
	position: relative;
	border-bottom:2px solid #000;
}
#rightcolumn h3 {
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	padding: 4px 10px 1px 10px;
	background: #000;
}
#rightcolumn .sidebox p, #rightcolumn .sidebox ul {
	margin: 0;
	padding: 0;
}
#rightcolumn ul.postlist {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	border-top: 1px solid #CCC;
}
#rightcolumn ul.postlist li {
	margin: 0;
	padding: 0;
	line-height: 0px;
	font-size:0em;
}
#rightcolumn ul.postlist li a {
	display: block;
	color: #6699cc;
	margin: 0;
	border-bottom: 1px solid #CCC;
	padding: 3px 5px;
	text-decoration: none;
	line-height: normal;
	font-size: 10px;
}
#rightcolumn ul.postlist li a:hover {
	background-color: #EEE;
	color: #336699;
}
#rightcolumn .subscribe a {
text-decoration: none;
}
#rightcolumn .subscribe img {
margin-bottom: -2px;
}
#rightcolumn p.tagcloud { text-align: center; }
#rightcolumn p.tagcloud a { padding-right: 5px; }

/* Footer */
#footer {clear: both;margin: 0; padding:0;}

/* Box Styles */
#leftcolumn .box {
	margin: 0 0 15px 0;
	padding: 8px 12px;
	clear: both;
}
#leftcolumn .box h3 {
	margin: 0 0 12px 0;
	font-size: 1.5em;
	font-weight: bold;
}
#leftcolumn .box h3 span.smaller {
font-size: 0.7em;
}
#leftcolumn .box p {
	margin: 0 0 18px 0;
	padding-left: 15px;
	line-height: 1.5em;
}
#leftcolumn .box li p {
	padding-left: 0px;
}
#leftcolumn .box p.extendedtags {
	display: none;
}
#leftcolumn .box h4 {
padding-left: 2px;
margin: 28px 0 12px 0;
font-size: 1.2em;
}
#leftcolumn .box img.left, #leftcolumn .box a img.left,
#leftcolumn .box img.right, #leftcolumn .box a img.right,
#leftcolumn .box img.centered, #leftcolumn .box a img.centered {
padding: 3px;
border: 1px solid #CCC;
margin: 8px;
}
#leftcolumn .box a:hover img.left, #leftcolumn .box a:hover img.right, #leftcolumn .box a:hover img.centered {
border-color: #666666;
}
#leftcolumn .box img.left, #leftcolumn .box a img.left {
float:left;
clear:left;
}
#leftcolumn .box img.right, #leftcolumn .box a img.right {
float:right;
clear:right;
}
#leftcolumn .box img.centered, #leftcolumn .box a img.centered {
display: block;
margin: 12px auto;
}
#leftcolumn .box img.icon {
margin: 0 0 -2px 0;
}
#leftcolumn .left {
	float: left;
	clear: left;
}
#leftcolumn .right {
	float: right;
	clear: right;
}
#leftcolumn .darkblue { background-color: #6699CC; }
#leftcolumn .darkred { background-color: #CC0000; }
#leftcolumn .darkorange { background-color: #FF8800; }
#leftcolumn .darkblue h3, #leftcolumn .darkblue h3 a,#leftcolumn .darkred h3, #leftcolumn .darkred h3 a,#leftcolumn .darkorange h3, #leftcolumn .darkorange h3 a { color: #FFF; }
#leftcolumn .darkblue h3 a:hover,#leftcolumn .darkred h3 a:hover,#leftcolumn .darkorange h3 a:hover{ color: #000; }
#leftcolumn .lightblue, #leftcolumn .lightred, #leftcolumn .lightorange { background-color: #FFF; }
#leftcolumn .lightblue h3, #leftcolumn .lightblue a { color: #6699CC; }
#leftcolumn .lightblue a:hover { color: #336699; }
#leftcolumn .lightred h3, #leftcolumn .lightred a { color: #CC0000; }
#leftcolumn .lightred a:hover { color: #880000; }
#leftcolumn .lightorange h3, #leftcolumn .lightorange a { color: #FF8800; }
#leftcolumn .lightorange a:hover { color: #ee5500; }

.box {border-bottom:5px solid #999;border-top:5px solid #999;}
#leftcolumn .post h3 {
float:left;
width: 322px;
position: relative;
}
#leftcolumn .post p.details {
float:right;
width: 145px;
background-color: #EEE;
margin: -8px -12px 6px 6px;
padding: 8px 12px;
font-size: 0.6em;
position: relative;
display:inline;
border-left:1px solid #999; border-bottom:1px solid #999;
}
#leftcolumn .post p.details a { color: #000; }
#leftcolumn .post p.details a:hover { color: #666666; }
#leftcolumn .post p.details span {
display: block;
padding-left: 18px;
text-indent: -18px;
border-bottom: 1px solid #CCC;
padding-bottom: 2px;
margin-bottom: 4px;
}
#leftcolumn .post p.details span.bottom {
margin: 0 0 -8px -12px;
padding: 0 0 8px 33px;
border: 0;
}
#leftcolumn .post p.fronttitle {
margin-bottom: 0;
}
#leftcolumn .post p.fronttitle a {
text-decoration: none;
}

/* Navigation */
#leftcolumn .nav .arrows {width: 100%;margin: 0 -12px -8px -12px;padding: 0 12px 8px 12px;}
#leftcolumn .nav p.next {float: right;width: 45%;text-align: right;margin: 0;padding: 0;}
#leftcolumn .nav p.prev {width: 45%;margin: 0;padding: 0;}
#leftcolumn .nav p.next a, #leftcolumn .nav p.prev a {text-decoration: none;color: #FFF;}
#leftcolumn .nav p.next a:hover, #leftcolumn .nav p.prev a:hover {color: #000;}

/* Comments */
#leftcolumn .comments ul.commentlist {
margin: 0;
padding: 0;
list-style: none;
}
#leftcolumn .comments ul.commentlist li {
margin: 12px 0;
padding: 0;
background-color: #EEE;
border: 1px solid #CCC;
width: 484px;
overflow: hidden;
position: relative;
}
#leftcolumn .comments p {
margin: 8px 0;
padding: 0 0 0 20px;
font-size: 0.9em;
}
#leftcolumn .comments ul.commentlist p {
margin: 0 0 0 50px;
padding: 8px 10px 8px 20px;
position: relative;
z-index: 20;
}
#leftcolumn .comments ul.commentlist p.details {
font-weight: bold;
font-style: italic;
padding: 8px 10px 0 0;
}
#leftcolumn .comments ul.commentlist li p.number {
position: absolute;
z-index: 10;
padding: 0;
top: -5px;
left: -60px;
color: #FFF;
font-size: 100px;
line-height: 80px;
}
#leftcolumn .comments ul.commentlist li p.waiting {
font-style: italic;
font-weight: bold;
color: #cc0000;
}
#leftcolumn .comments ul.commentlist li.odd {
background-color: #FFF;
}
#leftcolumn .comments ul.commentlist li.odd p.number {
color: #EEE;
}
#leftcolumn .comments ul.commentlist li p.postauthor {
position: absolute;
z-index: 10;
right: -12px;
top: -18px;
color: #E7BEBE;
font-size: 24px;
font-variant: small-caps;
font-weight: bold;
font-style: italic;
}
#leftcolumn .comments ul.commentlist li.odd p.postauthor {
color: #F5CCCC;
}
.pinglist {font-size: 1.2em;padding: 0;margin-bottom:10px;}
.pinglist li {margin-left: 40px;padding: 7px 0;list-style: none;}
.pinglist li .commentauthor {font-weight: bold;display: block;}
.pinglist li small {font: .8em Arial, Sans-Serif;display: block;}
#leftcolumn .comments form#commentform {
margin: 0 -12px -8px -12px;
padding: 0 12px 16px 12px;
}

/* Random Stuff */
blockquote {
	border: 1px solid #CCC;
	padding: 10px 12px 0px 12px;
	margin: 0px 30px 18px 30px;
	overflow: auto;
	font-size: 0.8em;
	background: url('images/blockquote_back.gif') no-repeat left top #EEE;
}
blockquote p {
	margin: 0 0 12px 0;
	padding: 0;
}

/* Clearfix Hack */
.box:after, #rightcolumn .blognavmenu:after, #leftcolumn .nav .arrows:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .box, * html #rightcolumn .blognavmenu,
* html #leftcolumn .nav .arrows,
* html #rightcolumn .blognav ul.postlist li a {height: 1%;}