/*
Theme Name: milkstyle Theme
Theme URI: http://www.milkstyle.de
Description: milkstyle - A Wordpress Theme from germany
Version: 1.0
Author: Michael Karl
Author URI: http://www.milkstyle.de
Tags: widgets, blue, grey, orange
*/

/* lets reset everything */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table{border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* lets begin */

a:focus {text-decoration:underline;color:#FF7E00;}

body {font-size:62.5%;font-family:Verdana,Arial,Helvetica,sans-serif;background: #E6F1F2 repeat-x url(images/bg.png);text-align:center;color:#333;}

#topnav {display:none;}

#milkstyle_bg {background:url(images/background.png) center -5px no-repeat;overflow:hidden;}

#milkstyle {width:930px;margin:60px auto 0;padding:0 15px;background:#fff url(images/top.png) left top no-repeat;font-size:1.2em;text-align:left;position:relative;min-height:600px;}

#top {}

#content {line-height:17px;}

#left {width:645px;float:left;margin-top:60px;}

#sidebar{width:260px;float:left;margin:60px 0 0 20px;}
#sidebar li{margin-bottom:20px;}

#footer {width:930px;padding:15px;margin:0 auto 25px;background:#333 url(images/footer.png) left bottom no-repeat;font-size:1.2em;text-align:left;position:relative;color:#fff;}

#footer .footer-left {float:left;width:328px;padding:10px 0;}

#menu {position:absolute;top:0px;left:15px;font-size:14px;font-weight:bold;}
#menu li{float:left;position:relative;margin-right:10px;}
#menu li a{display:block;padding:8px 7px 7px;color:#fff;text-decoration:none;}
#menu li a:hover{background:#FF7E00;}

#menu li ul {display:none;}
#menu li:hover{background:#FF7E00;}
#menu li:hover ul {display:block;position:absolute;top:28px;left:0;background:#333;padding:5px 0 5px;width:100%;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
#menu li:hover ul li{float:none;margin:0;}
#menu li:hover ul li a{display:block;font-size:12px;}


#more {position:absolute;top:0px;right:8px;}
#more li{float:right;color:#fff;text-decoration:none;}
#more li a{display:block;margin:7px 7px 0 0;}


/* lets get some helper, like in a framework */

.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.fb {overflow:hidden;}
.hidden {display:none;}

/* more styles */

h1{font-size:1.8em;color:#FF7E00;margin:2px 0 16px;line-height:1em;}
h1 a{color:#FF7E00;text-decoration:none;font-weight:normal;}
h2{}
h3{}
strong{font-weight:bold;}

a img{border:none !important;}
a{color:#333;font-weight:bold;}

/* let style forms */

.form_element{margin:0 20px 10px 0;}
.caption{display:block;font-weight:bold;padding:3px 0 1px;}
.field{border:1px solid #333;background: url(images/field.png) top left repeat-x;width:100%;}
textarea{border:1px solid #333;background: url(images/field.png) top left repeat-x;width:100%;}
#s {border:1px solid #333;background: url(images/field.png) top left repeat-x;width:160px;}
select{border:1px solid #333;background: url(images/field.png) top left repeat-x;width:100%;}
.checkbox{}
.radio{}

/* Entrys */

.entry {line-height:19px}
.entry-info {display:block;margin:0 0 6px;font-size:11px;}
.entry-similar{margin:8px 0 8px;padding:8px 0 0;border-top:1px dotted #d3d3d3;font-size:11px;}
.entry-meta{margin:8px 0 36px;padding:8px 0 0;border-top:1px dotted #d3d3d3;font-size:11px;}
.entry ul li {list-style:square;margin:1px 0 1px 15px;}
.entry p {margin:0 0 10px;}

.cat-item{margin:1px}

#archive li,#categories li{margin:1px !important;}


#searchform {position:absolute;top:-50px;right:0px;}
#searchform input{vertical-align:middle}

.box_header{background:url(images/box.png) top left no-repeat;color:#333;padding:2px 10px;font-weight:bold;}
.box_content{border:1px solid #efefef;padding:2px 10px;}
.box_footer{background:url(images/box.png) bottom left no-repeat;color:#fff;padding:1px 10px;font-size:10px;min-height:4px;}

.half_box{float:left;width:125px;}
#categories{margin-right:10px;}
.half_box_header{background:url(images/box_half.png) top left no-repeat;color:#333;padding:2px 10px;font-weight:bold;}
.half_box_content{border:1px solid #efefef;padding:2px 10px;}
.half_box_footer{background:url(images/box_half.png) bottom left no-repeat;color:#fff;padding:1px 10px;font-size:10px;min-height:4px;}

.google_links{border-top:1px dotted #d3d3d3;border-bottom:1px dotted #d3d3d3;padding:4px;margin:0 20px 20px 0;}
.google_ads{padding:10px;}

.comments {margin:20px 40px;}
.commentlist {margin:10px 0;}
.commentlist li{margin:0 0 20px;position:relative;border-top:1px dotted #D3D3D3;}
.the_comment{position:absolute;right:5px;top:15px;font-size:32px;color:#d3d3d3;font-family:Georgia,serif;}


.avatar{vertical-align:middle;margin:5px 5px 5px 0;}

.small{font-size:11px;}


.dotted_header{border-top:1px dotted #d3d3d3;border-bottom:1px dotted #d3d3d3;padding:4px;margin:0;font-weight:bold;}

.categories{padding:10px;margin:0;}
.categories li{margin:0 !important;background:url(images/bullet.png) left -9px no-repeat;padding:1px 0 1px 22px;}

.navigate_posts {margin:1em 0 2.5em;}

.post-ratings {width:200px !important;float:right;margin:10px 0 0 0;}

#polls {width:200px;float:left;}
#footer #polls {width:250px;border-left:1px dashed #fff;border-right:1px dashed #fff;margin:10px;min-height:330px;}
#polls ul{margin:6px 0 6px 10px;}
#polls li {padding:2px 0;}
#polls a {color:#fff;}


table {width:100%;}
td {padding:2px;}
th {padding:2px;font-weight:bold;}
.odd th, .odd td {background:#E6F1F2;}
.table-title {border-top:1px solid #FF7E00;border-bottom:1px solid #FF7E00;}

.recent-comments {float:left;width:280px;margin:0 20px 0 0;font-size:11px;}
.recent-comments li {border-bottom:1px dashed #fff;padding:10px 0;line-height:16px;}
.recent-comments li:last {border:0 none;}
.recent-comments a {color:#FF7E00;}

.adsense_inside {border-top:1px dotted #D3D3D3;border-bottom:1px dotted #D3D3D3;padding:5px 50px;margin: -20px 0px 20px;}


ol {padding:0 0 10px 20px;}
ol li{padding:0 0 10px 0;list-style:decimal;}