/*  
Theme Name: Magazine Style Theme
Theme URI: http://www.cmdesignlounge.com/magazinestyle
Description: Magazine Style Theme 
Version: 1.0
Author: ChiQ Montes
Author URI: http://www.cmdesignlounge.com/
*/



* { margin:0; padding:0;}

body { color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background: #DBFFA6;}

a { color: #0a557f; text-decoration: none; }
a:hover { color: #0a557f; }
a img { border: none; }
.clear { clear: both; }

/*h1 { padding: 7px 0 4px 0; font-size: 18px !important; font-weight: normal;}*/
h1 { padding: 7px 0 11px 0; font-size: 18px !important; font-weight: normal;}
h2 { padding: 2px 0 4px 0; font-size: 14px !important; font-weight: bold; margin-bottom: 9px; }



/***** Werbeflächen *****/

#cols  { width: 980px; margin: 0px auto; background:  url(images/bg720-05.png) repeat-y center; }
* html #cols { width: 986px; } /* 3px-bug */
 
#col_1 { width: 130px; float: left; margin-top: 167px; } /* Skyscraper links */
#col_2 { width: 720px; float: left;  background: #EBFFCE;}
#col_3 { width: 120px; float: right; margin-top: 167px; text-align: right; } /* Skyscraper rechts */

#totalTop { width: auto; }  /* Banner Oben */
.banner1 { width: 728px; margin: 0 auto; padding-left: 5px; }
#totalBottom { width: auto; clear: both; }  /* Banner Unten */
.banner2 { width: 728px; margin: 0 auto; padding-left: 5px; }



/***** Menu *****/

#menu { background:url(images/menu_bg.gif); height:40px; width:auto;}
#menu ul { list-style-type:none; float:left;}
#menu li { padding:5px 2em 2px 2em; margin-top:6px; display:block; float:left; background:url(images/menu_divider.gif) right bottom no-repeat ; }
#menu li.menu_item a { color:#EBFFCE; text-transform:uppercase; font-weight:bold; text-decoration:none; font-family:"Trebuchet MS", Verdana, Arial, Helvetica; }
#menu li.current_menu_item a { color: #98ca4f; }
#menu ul li a:hover { color: #99FF00; }



/***** Search *****/

#search {float:right; padding:5px 20px 0 0;}
/* #search input { background:url(images/search_box.gif); height:19px; width:170px; border:none; padding:6px 0 0 25px;} */



/***** Header *****/

#header { width:100%; height:127px; position:relative; background: #000; }

.name { font-size:30px; position:absolute; left:23px; top:35px; }
.name a { color:#98ca4f; text-decoration:none; font-weight: bold; font-size: 30px; }
.description { color:#98ca4f; font-size:12px; position:absolute; left:27px; top:72px; font-weight: bold; }



/****** Main divs *******/
#contentwrap { background: #EBFFCE; }
#content { width:500px; float:right; padding:20px 0px 20px 0px; background: #EBFFCE;}
#sidebar { width:190px; float:left; padding: 0px; background: #EBFFCE;}



/***** Featured *****/

/*#featured { border:1px solid #cccccc; padding:1em 1em 0em 1em; line-height: 19px; }*/
#featured { padding: 12px 33px 0px 4px; line-height: 19px; }

#featured .meta {  padding: 10px 0 0px 0; margin-bottom: 5px; }
#featured .meta .title { font-weight:bold; color:#808080; float:left;}
#featured .meta .date  { color:#000; float:right;}
#featured .meta .date  { color:#a1a1a1; font-size: 11px; float:right;}
.date { padding: 25px 0px 0px 0px !important; }

#featured h3 { font-size:18px; padding:5px 0 0 0; font-weight:normal;} 
#featured .tags { color:#808080; float:left; padding-left:12px; margin:0 0 0 5px; background:url(images/category_icon.gif) left center no-repeat;} 
#featured .tags a {color:#808080;}
#featured .tags a:hover {color:#555555;}

#featured .comments { float: right; color: #808080; padding-left: 20px; background: url(images/comments_icon.gif) left center no-repeat; }
#featured .comments a {color:#808080;}
#featured .comments a:hover { color: #555555; }

#featured .text { padding: 1em 0 5px 0; line-height: 19px; text-align: left; }
#featured .text  p { padding-bottom: 1em; text-align: left; }



/***** Post *****/

.post { margin:1em 0;}

.post .meta { padding: 0 0 0 5px; color: #808080; font-size: 10px; }
.post .text { padding: 1em 0 1em 5px; }
.post .text p { padding-bottom: 1em; text-align: left; }

.post h3 { padding:7px 0 4px 0; font-size:18px; font-weight:normal; }
.post h3 a { color:#333333; }
.post h3 a:hover { color:#111111; }

.post .underpost { padding:7px; border:1px solid #eeeeee; color:#000; }
.post .underpost .tags { float: left; padding-left: 12px; background: url(images/category_icon.gif) left center no-repeat; }
.post .underpost .comments { float: right; padding-left: 20px; background: url(images/comments_icon.gif) left center no-repeat; }
.post code { display: block; border: 1px dashed #dadada; padding: 1em; line-height: 18px; }
.post ul { list-style-type:none; padding:0 0 0 1em; margin:0 0 1em 0; }
.post ul li { border-left: 3px solid #f2f2f2; padding: 1px 5px 1px 5px; margin: 2px; margin-top: 5px; }
.post ul li:hover { border-color: #d1d1d1; }



/***** Widgets *****/

#widgets { padding: 26px 0;  }
#widgets .right {width:190px; float:right;}

#widgets .widget {border-top:4px solid #e8e8e8; border-bottom:4px solid #e8e8e8; margin-bottom:1em; padding:1em 12px 1em 0; width:auto; overflow: hidden; }
* html #widgets .widget {padding:1em 0px 1em 0;}
#widgets ul { list-style-type:none;}

.wName { padding:5px 12px 5px 12px; color:#98ca4f; font-size:12px; text-transform:uppercase; text-align: center; font-weight: bold; background:#000; }

#widgets ul li { padding:5px 12px 5px 12px; border-top:1px solid #E8E8E8; border-bottom:1px solid #fff; }
#widgets ul li:hover { background: #dbffa6; }
#widgets ul li.Current_page_item { background: #dbffa6; font-weight: bold; }
#widgets ul li a { color: #808080;}



/***** Listen *****/

.list div { font-weight:bold; font-size:12px; padding:3px 0; margin: 32px 0 1em 0; color:#808080; border-bottom:1px dotted #cccccc; border-top:1px dotted #cccccc; }
.list ul {  } 
.list li { list-style: none; line-height: 19px; margin-top: 16px; }  
.list li a { font-weight: bold; } 



/***** Footer *****/

#footer { background: #1b1b1b; color: #EBFFCE; padding: 10px 10px 10px 26px; font-size: 10px; }
#footer a { color: #EBFFCE; font-weight: bold; }



/***** RSS *****/
#rss { border:1px solid #eeeeee;  height:62px; padding:19px 0 0 80px; background:url(images/rss.gif) no-repeat; background-position:10px 7px; }
#rss p { padding:3px 0 3px 15px; width:250px;}
#rss .subscribe { border-bottom:1px dotted #dadada;}



/***** Comments *****/
#comments h4 { font-size:14px; font-weight:bold; text-align:right; margin-bottom:2em;}
.comment { border:1px solid #eeeeee; margin-bottom:1em;}
.comment .meta { padding:10px; background:#f9f9f9; border-bottom:1px solid #eeeeee;}
.comment .author { float:left; font-size:13px; font-weight:bold;}
.comment .date { float:right; font-size:10px; color:#1e7cb0;}
.comment .text { padding:1em;}
.comment .text p { text-align:justify; margin-bottom:1em;}
#comments .rss, #comments .trackback {text-align:center; font-size:10px;}
#commentform input {background:#fafafa; height:21px; border:1px solid #ebe8e7; margin:1px 0; width:200px;}
#commentform textarea {background:#fafafa; border:1px solid #ebe8e7; padding:1em; width:90%; margin:0 auto; color:#555555; font-family:Arial, Helvetica, sans-serif;}
#comment_login {margin-left:3em;}