/* 
##  dreikelvin CSS Framework 2.0 
##  
##  Author & Copyright: Robert Jung 2007
##  URL: http://design.dreikelvin.de/
##  
##  CSS for "Shitcars" Fun Blog
##
##
*/

/* ## XHTML basis elements ############################ start # */

body, html {
	
	margin:0;
	padding:0;
	
}

body {
	
	background: url(img/background.gif) fixed;
	
}


/* ## XHTML basis elements ########################### end ### */



/* ## main elements ################################## start # */

#mainwrapper {

	margin:0 auto;
	padding:0;
	width:847px;
	overflow:hidden;
	position:relative;

}

#sitebody {
	
	margin:0;
	padding:0;
	float:left;
	width:100%;
	background: url(img/header.gif) no-repeat transparent;
	
}

#header {
	
	margin:0;
	padding:0;
	float:left;
	width:100%;
	height:353px;
	overflow:hidden;

}

#index:link, #index:active, #index:visited {
	
	margin:0;
	padding:0;
	float:left;
	width:100%;
	height:280px;
	text-indent:-99999px;

}


#feature:link, #feature:active, #feature:visited {
	
	margin:0;
	padding:0;
	width:217px;
	height:128px;
	position:absolute;
	top:224px;
	right:0;
	z-index:10;
	cursor: pointer;
	display:block;
	text-indent:-99999px;

}

#feature:hover {
	
	background: url(img/feature-hover.gif) no-repeat transparent;

}


#rss:link, #rss:active, #rss:visited {
	
	margin:0;
	padding:0;
	float:left;
	width:90%;
	height:109px;
	background: url(img/rss-a.gif) no-repeat transparent;
	background-position: 50% 0%;
	text-indent:-99999px;

}

#rss:hover {
	
	background: url(img/rss-b.gif) no-repeat transparent;
	background-position: 50% 0%;

}

#twitter:link, #twitter:active, #twitter:visited {
	
	margin:0;
	padding:0;
	display:block;
	width:142px;
	height:151px;
	position:absolute;
	right:10px;
	top:70px;
	text-indent:-99999px;

}

#content {
	
	margin:0;
	padding:0;
	float:left;
	width:100%;
	background: url(img/body.gif) repeat-y transparent;
	
}

.column-1 {

	margin:0;
	padding:0px 5px 0px 40px;
	float:left;
	width:416px;
	position:relative;
	top:-20px;

}

* html .column-1 {

	width:440px;

}

.column-2 {

	margin:0;
	padding:0;
	float:right;
	width:239px;
	overflow:hidden;

}

.column-2 a img { border:none; }

.column-3 {
	margin:0;
	padding:0;
	float:left;
	width:134px;
	height: 2000px;
	overflow:hidden;
	position:relative;
	top:-20px;
}

#footer {

	margin:0;
	padding:0;
	width:800px;
	height:301px;
	background: url(img/footer.gif) no-repeat transparent;
	clear:both;
	position:relative;
	left:23px;
	overflow:hidden;

}

#footer ul {
	
	margin:0;
	padding:217px 0px 0px 13px;
	width:795px;
	list-style-type:none;
	overflow:hidden;
	
}

#footer ul li {
	
	margin:0;
	padding:0px 24px 0px 0px;
	float:left;
	
}

#footer ul li.credit {

	float:right;

}

.float-left {

	float:left;

}

.float-right {

	float:right;

}

/* ## main elements ################################## end ### */



/* ## element "main navigation" ###################### start # */

#main-nav {

	margin:0;
	padding:0;
	width:598px;
	height:38px;
	float:left;
	list-style-type:none;
	position:absolute;
	left:35px;
	top:280px;

}

#main-nav li {

	margin:0;
	padding:0;
	float:left;
	height:38px;
	background: none;
	background-color: transparent;

}

#main-nav li a:link, #main-nav li a:active, #main-nav li a:visited {
	
	padding:0;
	margin:0;
	float:left;
	height:100%;
	text-indent:-99999px;
	
}

#n1 a:link, #n1 a:active, #n1 a:visited {

	width:108px;
	background: url(img/menu.gif) no-repeat transparent;
	background-position: 0 0;

}

#n1 a:hover {

	background-position: 0px -38px;

}

#n2 a:link, #n2 a:active, #n2 a:visited {

	width:72px;
	background: url(img/menu.gif) no-repeat transparent;
	background-position: -108px 0;

}

#n2 a:hover {

	background-position: -108px -38px;

}

#n3 a:link, #n3 a:active, #n3 a:visited {

	width:128px;
	background: url(img/menu.gif) no-repeat transparent;
	background-position: -180px 0;

}

#n3 a:hover {

	background-position: -180px -38px;

}

#n4 a:link, #n4 a:active, #n4 a:visited {

	width:70px;
	background: url(img/menu.gif) no-repeat transparent;
	background-position: -315px 0;

	

}

#n4 a:hover {

	background-position: -315px -38px;

}

#n5 a:link, #n5 a:active, #n5 a:visited {

	width:100px;
	background: url(img/menu.gif) no-repeat transparent;
	background-position: -390px 0;

}

#n5 a:hover {

	background-position: -390px -38px;

}

#n6 a:link, #n6 a:active, #n6 a:visited {

	width:98px;
	background: url(img/menu.gif) no-repeat transparent;
	background-position: -500px 0;

}

#n6 a:hover {

	background-position: -500px -38px;

}


/* ## element "main navigation" ###################### end ### */

/* ## element "box-1" ################################ start # */

.box-1 {

	margin:0;
	padding:0;
	width:100%;
	float:left;
	
}

.box-1 .entry {

	margin:0;
	padding:0;
	width:400px;
	float:left;

}

.box-1 .entry img {

	margin:5px 0px 10px 0px;
	display:block;

}

.navigation {

	margin:0;
	padding:0px 0px 20px 0px;
	display:block;

}

.navigation .alignleft  {

	margin:0;
	padding:0;
	float:left;
	width:50%;

}

.navigation .alignright {

	margin:0;
	padding:0;
	float:left;
	width:50%;
	text-align:right;

}

/* ## element "box-1" ################################ end ### */

/* ## element "box-2" ################################ start # */

.box-2 {

	margin:0;
	padding:0;
	width:100%;
	float:left;
	
}

.box-2 .box-content {

	margin:0;
	padding:0;
	width:100%;
	float:left;

}

/* ## element "box-2" ################################ end ### */

/* ## element "box-3" ################################ start # */

.box-3 {

	margin:0;
	padding:0;
	width:100%;
	float:left;
	
}

.box-3 .box-content {

	margin:0;
	padding:0;
	width:100%;
	float:left;

}

.box-3 ul {

	width:200px;
	margin:0;
	padding:10px 0px 10px 0px;
	position: relative;
	right:0px;
	float:left;
	list-style-type:none;

}

.box-3 ul li {

	display:block;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
	text-align:right;

}

.box-3 h3 {

	margin:0;
	padding:10px 0px 10px 10px;
	width:223px;
	height:28px;
	float:left;
	background: url(img/head-1.gif) no-repeat transparent;

}

* html .box-3 h3 {

	width:233px;
	height:48px;

}

/* ## element "box-3" ################################ end ### */

/* ## element "box-4" ################################ start # */

.box-4 {

	margin:0;
	padding:0;
	width:100%;
	float:left;
	
}

.box-4 .box-content {

	margin:0;
	padding:0;
	width:100%;
	float:left;

}

.box-4 ul {

	width:100%;
	margin:0;
	padding:10px 0px 10px 0px;
	position: relative;
	right:40px;
	float:left;
	list-style-type:none;

}

.box-4 ul li {

	margin:0;
	padding:0;
	width:100%;
	float:left;
	list-style-type:none;
	text-align:right;

}

.box-4 h3 {

	margin:0;
	padding:10px 0px 10px 10px;
	width:223px;
	height:28px;
	float:left;
	background: url(img/head-2.gif) no-repeat transparent;

}

* html .box-4 h3 {

	width:233px;
	height:48px;

}

/* ## element "box-4" ################################ end ### */

/* ## element "comments" ############################# start # */

.comments {

	margin:0;
	padding:0;
	width:416px;
	float:left;

}

.comment-wrapper {

	margin:0px 0px 10px 0px;
	padding:0;
	width:416px;
	float:left;
	background: url(img/comment-bg.gif) repeat-y transparent;
	
}

.comment-wrapper .comment{
	
	margin:0;
	padding:0;
	width:100%;
	background: url(img/comment-bottom.gif) no-repeat transparent;
	background-position: 100% 100%;

}

.comment-wrapper .comment .comment-text{

	margin:0;
	padding:15px;
	width:386px;
	text-align:justify;
	background: url(img/comment-top.gif) no-repeat transparent;

}

* html .comment-wrapper .comment .comment-text{

	width:100%;	

}

/* ## element "comments" ############################# end ### */


/* ## forms ########################################## start # */

#quicksearch {

	margin:0;
	padding:0;
	width:100%;
	float:left;
	border:none;
	background: url(img/input-qsearch.gif) no-repeat transparent;
	
}

#input-qsearch {

	padding:0;
	margin:19px 0px 0px 10px;
	float:left;
	width:164px;
	height:20px;
	background-color:transparent;
	border:none;
	font-family: Trebuchet MS, Verdana, Arial, sans;
	font-size:10pt;
	color:#999;
	
}

#input-qsearch:hover, #input-qsearch:focus {

	color:#000;
	
}

#submit-qsearch {

	margin:0;
	padding:0;
	width:65px;
	height:57px;
	float:left;
	background: url(img/submit-qsearch.gif) no-repeat transparent;
	border:none;
	text-decoration: none; 
	text-indent: -9000px; 	
	font-size:1px;
	color:#F9AE35;
	
}

#submit-qsearch:hover {

	background: url(img/submit-qsearch-hover.gif) no-repeat transparent;	
	color:#50C72A;
	
}

#comment, #author, #email, #url, #wpcf_your_name, #wpcf_email, #wpcf_message, #wpcf_msg, #wpcf_website {

	border:1px solid #aaa;
	width:100%;
	padding:3px;
	background-color:#f6f6f6;

}

* html #author, * html #email, * html #url, * html #wpcf_your_name, * html #wpcf_email, * html #wpcf_message, * html #wpcf_msg, * html #wpcf_website {

	height:25px;

}

#comment:hover, #author:hover, #email:hover, #url:hover, #wpcf_your_name:hover, #wpcf_email:hover, #wpcf_message:focus, #wpcf_msg:hover, #wpcf_website:hover,
#comment:focus, #author:focus, #email:focus, #url:focus, #wpcf_your_name:focus, #wpcf_email:focus, #wpcf_message:focus, #wpcf_msg:focus, #wpcf_website:focus {

	border:1px solid #90641A;
	background-color:#fff;

}

label {

	font-family: Verdana, Helvetica, Arial, sans;
	font-size:8pt;
	color:#9D9D9D;	

}

#submit {

	padding:5px 20px;
	float:right;

}


/* ## forms ########################################## end ### */


/* ## text formatting ################################ start # */

.text {

	font-family: Trebuchet MS, Helvetica, Arial, sans;
	font-size:10pt;
	color:#000;	
	background-color:transparent;

}


.text h3 {

	font-family: Verdana, Helvetica, Arial, sans;
	font-size:16pt;
	font-weight:normal;
	color:#000;	
	background-color:transparent;

}

.box-1 .entry {

	font-family: Verdana, Helvetica, Arial, sans;
	font-size:10pt;
	color:#000;

}

.box-1 .entry h2 {

	color:#90641A;
	display:block;
	clear:both;
	padding-top:5px;
	text-align:left;
	
}

.box-1 .entry ul li, .box-1 .entry ol li {
	
	text-align:left;

}

.box-1 .entry small {

	display:block;
	padding: 0 0 5px 0;
	
}


.box-1 h3 {

	font-family: Trebuchet MS, Helvetica, Arial, sans;
	color:#000;
	font-weight:normal;
	
}

.box-1 .entry .entry-text {

	text-align: left;

}

.comments {

	font-family: Verdana, Helvetica, Arial, sans;
	color:#000;

}

.comments p {

	font-size:10pt;

}

.box-3 h3, .box-4 h3 {

	font-family: Trebuchet MS, Helvetica, Arial, sans;
	font-size:14pt;
	font-weight:bold;
	color:#fff;

}

.comment-text {
	
	font-family: Verdana, Helvetica, Arial, sans;
	font-size:9pt;
	color:#555;

}

p.comment-date, p.comment-date small {

	margin:0;
	padding:0;
	font-size: 7pt;

}



.entry-footer {

	font-size:7pt;
	color:#9D9D9D;

}

.navigation small {

	font-size:7pt;
	color:#9D9D9D;

}

#footer {

	font-family: Trebuchet MS, Helvetica, Arial, sans;
	font-size:9pt;
	font-weight:normal;
	color:#9A9276;

}

.strike {

	text-decoration:line-through;

}

/* ## text formatting ################################ end ### */

/* ## link formatting ################################ start # */

a:link, a:active, a:visited {
	
	font-weight:bold;
	text-decoration:none;
	
}

.entry a:link, .entry a:active, .entry a:visited,
.box-3 a:link, .box-3 a:active, .box-3 a:visited,
.box-4 a:link, .box-4 a:active, .box-4 a:visited,
.comments a:link, .comments a:active, .comments a:visited,
#footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {

	color:#90641A;

}

.entry a:hover, .comments a:hover, #footer ul li a:hover {

	color:#000;

}

.comment-text a:link, .comment-text a:active, .comment-text a:visited {

	color:#000;

}

.comment-text a:hover {

	color:#999;

}

.box-3 a:hover, .box-4 a:hover {

	color:#000;
	background-color:#f5f5f5;
	display:block;
	width:100%;

}

.link-wordpress:link, .link-wordpress:active, .link-wordpress:visited {

	margin:0;
	padding:3px 0px 3px 22px;
	background: url(img/link-wordpress.gif) no-repeat transparent;

}

.link-wordpress:hover {

	background: url(img/link-wordpress-hover.gif) no-repeat transparent;

}

.link-webtubes:link, .link-webtubes:active, .link-webtubes:visited {

	margin:0;
	padding:3px 0px 3px 22px;
	background: url(img/link-webtubes.gif) no-repeat transparent;

}

.link-webtubes:hover {

	background: url(img/link-webtubes-hover.gif) no-repeat transparent;

}

.link-valid:link, .link-valid:active, .link-valid:visited {

	margin:0;
	padding:3px 0px 3px 22px;
	background: url(img/link-valid.gif) no-repeat transparent;

}

.link-valid:hover {

	background: url(img/link-valid-hover.gif) no-repeat transparent;

}

.credit a:link, .credit a:active, .credit a:visited {

	margin:0;
	padding:3px 0px 3px 22px;
	background: url(img/link-dreikelvin.gif) no-repeat transparent;

}

.credit a:hover {

	background: url(img/link-dreikelvin-hover.gif) no-repeat transparent;

}

a.comment-link:link, a.comment-link:active, a.comment-link:visited {

	padding-left:20px;
	padding-bottom:5px;
	background: url(img/comments.gif) no-repeat transparent;

}

/* ## link formatting ################################ end ### */


/* ## image caching ################################## start # */

#feature:link span, #feature:active span, #feature:visited span {
	
	background: url(img/feature-hover.gif) no-repeat transparent;

}


#mainwrapper {

	background: url(img/submit-qsearch-hover.gif) no-repeat transparent;
	background-position: -200% -200%;

}

#footer ul li.copyright {

	background: url(img/rss-b.gif) no-repeat transparent;
	background-position: -200% -200%;
	
}

#header {

	background: url(img/link-wordpress-hover.gif) no-repeat transparent;
	background-position: -200% -200%;

}

#index:link, #index:active, #index:visited {

	background: url(img/link-webtubes-hover.gif) no-repeat transparent;
	background-position: -200% -200%;

}

.box-2 {

	background: url(img/link-valid-hover.gif) no-repeat transparent;
	background-position: -200% -200%;

}



#main-nav {

	background: url(img/link-dreikelvin-hover.gif) no-repeat transparent;
	background-position: -200% -200%;

}

#main-nav li {

	background: url(img/nav-1-b.gif) no-repeat transparent;
	background-position: -200% -200%;

}

#footer ul {

	background: url(img/nav-2-b.gif) no-repeat transparent;
	background-position: -200% -200%;

}

#footer ul li {

	background: url(img/nav-3-b.gif) no-repeat transparent;
	background-position: -200% -200%;

}

#footer ul li.credit {

	background: url(img/nav-4-b.gif) no-repeat transparent;
	background-position: -200% -200%;

}

#input-qsearch {

	background: url(img/nav-5-b.gif) no-repeat transparent;
	background-position: -200% -200%;

}

.box-1 {

	background: url(img/nav-6-b.gif) no-repeat transparent;
	background-position: -200% -200%;

}


/* ## image caching ################################## end ### */

/* ## sociable ##################################### start ### */


.sociable  {

	width:100%;
	float:left;

}


.sociable ul li {

	float:left;

}



/* ## sociable ####################################### end ### */

/* ## ads ########################################## start ### */

#donation {

	margin:170px 20px 10px 20px;
	text-indent: -9999px;
    display:block;
	width:182px;
 	height:268px;
    background: url(img/donation.jpg);	
	background-position: 50% 0;
	border:none;

}

* html #donation {

	margin-top:20px;

}

/* ## ads ############################################ end ### */