/*  

Theme Name: Dj Milka

Theme URI: http://www.dj-milka.de/

Description: Theme designed for Dj Milka in August 2010

Author: Wordpress Webdesign - http://akay.eu



Tags: orange, blue, white, two-columns, fixed-width, threaded-comments, custom sidebar, custom header menu

*/



* {

	margin: 0 auto;

    padding: 0;

}



body {

	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	background: #011739 url(images/bg.png) repeat-x top left;

	color: #646464;

	text-align: center;

	line-height: 19px;

}

 

a {color: #38a6d6; text-decoration: none; outline: none;}

a:hover {color: #6ac0e6; text-decoration: underline;} 



#content p {padding: 20px 8px 10px 0;}

img {border: none;}

.container {width: 937px;}

.alignleft{float: left;}

.alignright{float: right;}

ul {list-style-type: none;}





/* Header */



#header {

	background: url(images/bg_header-2.png) no-repeat top left;

	float: left;

	width: 932px;

	height: 267px;

}



h1#logo a {

	text-indent: -9999px;

	float: left;

	width: 246px;

	background: url(images/dj-milka-2.png) no-repeat;

	margin-top: 8px;

	height: 143px;

}



h2.description {

	text-indent: -9999px;

	float: left;

}



#header p {clear: both; color: #ffffff; text-align: left; float: left; margin: 7px 0 0 15px; display: inline;  font: 13px Arial, Helvetica, sans-serif bold; font-style: italic; width: 250px; height: 71px;}



.screen-reader-text{color: #ffffff; float: left; margin-top: 10px;}

#s {background: #ffffff; color: #666666;width: 220px;height: 18px; padding: 5px;font-size: 14px;margin: 8px 10px 0 0;border: 1px solid #cdcdcd;}

#searchsubmit {cursor: pointer;text-indent: -9999px; background: url(images/btn-search.png) no-repeat top; width: 85px; height: 26px; border: none; display: inline; margin: 8px 10px 0 0;}

#searchsubmit:hover {background: url(images/btn-search.png) no-repeat bottom;}



/* Main Menu Navigations */



#main-menu {width: 922px; float: left;}

#main-nav li {font: 110% "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: lighter; display: inline; float: left; height: 40px; margin-top: 1px;} 

#main-nav li a {color: #ffffff; float: left; padding: 0 48px 0 60px; display: inline; text-decoration: none;}

#main-nav li a:hover {color: #cccccc;}



#main-nav .current_page_item a {color: #38a6d6 !important;}

#main-nav .current-category-ancestor a {color: #38a6d6 !important;}

.current_page_parent {color: #38a6d6 !important;}



/* Small menu */



ul#small-menu {color: #ffffff; display: inline; font-size: 11px; float: right; margin: -255px 30px 0 0;} 

ul#small-menu li {color: #ffffff; display: inline; text-align: right;}

ul#small-menu li a {color: #ffffff;}



/* Sidebar */



#sidebar_container {width: 308px; display: inline; float: left; position: relative; z-index: 30; margin-bottom: 20px;}

#sidebar {width: 308px; margin-left: 16px; display: inline; float: left; background: url(images/sidebar_bg.png) repeat-y left top; display: inline;}

#sidebar-bottom h5 a {width: 308px; height: 176px; background: url(images/sidebar_bottom-trasp.png) no-repeat top; float: left; text-indent: -9999px;}

#sidebar-bottom h5 a:hover {background: url(images/sidebar_bottom-trasp.png) no-repeat bottom;}



#sidebar p { text-align: left; color: #444444; padding-top: 12px !important;}

#sidebar ul {margin: 0 0 10px 5px; float: left; width: 226px}

.widget_pages ul {width: 226px; margin: 20px 0 10px 0; padding: 10px 0; display: inline; float: left; background: url(images/bg-sidebar-list.png) repeat-y top left; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}

#sidebar li {padding: 2px 0 0 14px; display: block;}

#sidebar li a {padding: 0 0 0 14px; font-size: 1.1em; color: #ffffff; background: url(images/sidebar-listmark.png) no-repeat 0px 4px;} #sidebar li a:hover {color: #cccccc; background: url(images/sidebar-listmark.png) no-repeat 2px 4px; text-decoration: none;}

#sidebar .current_page_item a {color: #38a6d6 !important; background: url(images/sidebar-listmark.png) no-repeat 3px 4px;}





.widget-title {display: inline; color: #ededed; float: left; line-height: 34px; padding-left: 20px; font-size: 23px; font-weight: lighter; float: left; width: 195px; height: 40px; margin: 20px 0 0  -10px !important;}

.side-box {text-align: left;  padding: 0 0 20px 0; margin-bottom: 15px; float: left;}

 



/* Content */

#slideshow {width: 923px; height: 374px; margin-top: 2px; background: url(images/slideshow-bg-trasp.png) no-repeat; float: left;}

#slideshow img {width: 630px !important; height: 308px !important;}



#leistungen-side {width: 245px; float: left; color: #ffffff; display: inline; text-align: left; display: inline; margin: 10px 0 0 25px;}

#leistungen-side h3 {width: 245px; height: 74px; background: url(images/h3_leistungen.png) no-repeat; float: left; text-indent: -9999px;}

#leistungen-side p {margin-top: 7px; float: left; font: 13px Arial, Helvetica, sans-serif;line-height: 140%;  }

.more-sidebar a {width: 85px; height: 26px; float: left; background: url(images/btn-weiter-trasp.png) no-repeat top; text-indent: -9999px; margin-top: 14px;}

.more-sidebar a:hover {background: url(images/btn-weiter-trasp.png) no-repeat bottom;}



#slide-content {width: 630px; height: 308px; overflow: hidden; display: inline; margin-left: 13px; float: left;}



.home td img {margin: 0 -5px -5px 0 !important; border: none !important; padding: 0 !Important;}



/* Post */

#content {width: 580px; background: #ededed url(images/bg-page.png) no-repeat bottom right; margin-left: -60px; padding: 20px 20px 50px 65px; text-align: left; float: left; position: relative; z-index: 10;}

#content p {font-size: 14px;}

#content img {margin: 4px 15px 8px 0; border: 0px solid #cdcdcd; padding: 3px;}



.home #content h2 {font-size: 24px; text-align: left; margin: -66px 0 20px 0 !important; font-weight : normal; color: #3d3d3d; position: relative;}

.home #content h2 a {font-size: 24px; text-align: left; margin: -66px 0 20px 0 !important; font-weight : normal; color: #3d3d3d; position: relative;}



#h2-bg-page {background: url(images/h2-bg-page.png) no-repeat; width: 564px; height: 72px; float: left; margin-bottom: 15px;}

#express-angebot {float: right; position: relative; bottom: 25px;}

#content h2 {font-size: 24px; text-align: left; margin: 20px 0 20px 15px; display: inline; font-weight : normal; color: #3d3d3d; float: left;}

.single #content h2 {margin: 20px 0 20px 15px !important;}

.entry h2 {float: left; width: 550px; text-align: left !important; margin-left: 0 !Important;}



#content ul {display: block; padding: 5px 14px;width: 550px; float: left;}

#content li {padding: 5px 0; background: url(images/content-listmark.png) no-repeat left; padding-left: 16px; font-size: 14px !important; width: 550px; float: left;}





/* Archive */



.entry-a {border-bottom: 1px solid #cdcdcd; margin: 20px 0 -10px 0; float: left; width: 340px; padding-bottom: 25px;}

.comment-post {border-top: 1px solid #cdcdcd; float: left; width: 340px; padding-top: 5px; margin-top: 14px;}

.archive-thumb {clear: both; margin: 15px 0 -20px 0;}





/* Single */

.single #content h2 { clear: both; font-size: 21px; margin: 40px 0 20px 0;}

.entry-meta {font-size: 11px; margin-bottom: -10px;}





/* Footer */



#footer {width: 560px; height: 40px; background: url(images/bg-footer.png) repeat-x top left; float: right; font-weight: lighter; color: #ffffff;}

#footer p {font-size: 11px; text-align: right; padding: 10px 23px 0 0; float: right;}

#footer a {text-decoration: none;} #footer a:hover {text-decoration: underline;}















/* Comments */

#comment{width: 90%;}

#commentform #author, #email, #url {width: 50px; margin-left: 10px; background: #ffffff; color: #666666;width: 200px;height: 12px; padding: 5px;font-size: 11px;border: 1px solid #cccccc;}

#commentform .required {color: #C00;}



.nocomments {font-size: 14px; font-weight: bold;}

.comments-box img {

	vertical-align: middle;

}



.comments-box h3 {

	color: #222;

	font-size: 1.7em;

	font-family: arial;

	font-weight: normal;

	letter-spacing: -1px;

	margin: 20px 0 0 0;

}



#respond p, .cancel-comment-reply {

	color: #777;

	line-height: 1.4em;

	margin: 10px 0 0 0;

}



.text {

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-right: 1px solid #eee;

	border-bottom: 1px solid #eee;

	padding: 2px;

	color: #777;

	width: 200px;

}



#respond textarea {

	border: 1px solid #eee;

	padding: 2px;

	color: #777;

	width: 10%;

	font: 14px Arial, Helvetica, sans-serif;

	padding: 8px;

}





/* comment navigation */

.commentnav {

	display: block;

}



.commentnav a {

	padding: 4px;

	font-size: 1.2em;

	border: 1px solid #ddd;

	color: #999;

}



.commentnav a:hover {

	border: 1px solid #bbb;

	color: #ff8a00;

}



.commentnavleft {

	float: left;

	display: inline;

}



.commentnavright {

	float: right;

	display: inline;

}



.commentnavleft a {

	float: left;

	display: block;

	margin: 15px 0 15px 0;

}



.commentnavright a {

	float: right;

	display: block;

	margin: 15px 0 15px 0;

}



#comments-title{font-size: 18px; margin: 15px 0; border-top: 1px solid #cccccc; padding-top: 12px;}

#reply-title{font-size: 14px; margin-top: 25px; border-top: 1px solid #cccccc; padding-top: 12px; float: left; width: 360px;}

ol.commentlist img {border: none !important; margin: 0 !important; padding: 0 !important; float: none !important;}

ol.commentlist li {background: none !important;}



ol.commentlist li {padding: 0 !Important; margin: 0 !important;}

ol.commentlist { border-top: 1px solid #cccccc; margin: 15px 0 0 0; padding: 15px 0 0 0;}

ol.commentlist li {width: 370px; float: left; margin: 0 0 30px 0; padding: 15px;list-style-type: none;  height: 1%; border-top: 1px solid #cccccc;}

ol.commentlist li div.vcard { width: 105px; float: left; margin-top: 30px; padding-right: 8px; border-right: 1px solid #cccccc;}

ol.commentlist li div.vcard img { margin-bottom: 10px; float: left;}

ol.commentlist li div.vcard cite.fn { display: block; margin: 10px 0 0 0; font-style: normal; font-weight: bold; font-size: 14px; line-height:1.3em; float: left; width: 100px;}

span.says {text-indent: -9999px !important; float: left;}

ol.commentlist li div.vcard cite.fn a.url { }

ol.commentlist li div.vcard img.avatar { border: 1px solid #ccc; padding: 2px; background: #fff; display: block; overflow: hidden;}

ol.commentlist li div.vcard img.photo { }

ol.commentlist li div.vcard span.says { }

ol.commentlist li div.commentmetadata { font-size: 12px; text-align: right; color: #999; margin: 0 0 0 0;}

ol.commentlist li div.comment-meta {  color: #999; }

ol.commentlist li div.comment-meta a { color: #999; }

ol.commentlist li p { display: block; margin: 15px 0 0 140px; line-height: 1.6em;}

ol.commentlist li div.reply {text-align: right; padding: 35px 0 0 0;}

ol.commentlist li div.reply a { padding: 3px 7px 3px 7px; font-weight: bold; background: #eee; border: 1px dotted #e5e5e5}

ol.commentlist li div.reply a:hover { background: #fff; }

ol.commentlist li ul.children li {padding: 15px; margin: 35px 0 0 90px; width: 85% !important; float: right;}

ol.commentlist li ul.children li div.reply a {background: #fff}

ol.commentlist li ul.children li.depth-2 {border: 1px dotted #9acedd; border-left: none !important; border-right: none !important; background: #f3f6fb; }

ol.commentlist li ul.children li.depth-3 { border: 1px dotted #00C7FF;border-left: none !important; border-right: none !important; background: #fff; }

ol.commentlist li ul.children li.depth-4 {  border: 1px dotted #9acedd;border-left: none !important; border-right: none !important; background: #f3f6fb; }

ol.commentlist li ul.children li.depth-5 { border: 1px dotted #00C7FF;border-left: none !important; border-right: none !important; background: #fff; }

ol.commentlist li.bypostauthor p { }

ol.commentlist li.byuser { }

ol.commentlist li.comment-author-admin { }

ol.commentlist li.comment { }

ol.commentlist li div.comment-author { }

ol.commentlist li ul {}

ol.commentlist li ul.children {}

ol.commentlist li ul.children li.alt {}

ol.commentlist li ul.children li.bypostauthor {}

ol.commentlist li ul.children li.byuser {}

ol.commentlist li ul.children li.comment {}

ol.commentlist li ul.children li.comment-author-admin {}

ol.commentlist li ul.children li.odd {}

ol.commentlist li.parent { }

ol.commentlist li.pingback { }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { }

ol.commentlist li.thread-odd { }



ol.pinglist {

	margin: 15px 0 15px 20px;

}



ol.pinglist li {

	padding: 5px 0 5px 0;

	border-top: 1px dotted #ddd;

	line-height: 1.4em;

}



/* end comments */