/*  
Theme Name: SleekMag
Theme URL: http://simplyfreeiphone.co.uk/
Author: Free iPhone
Author URL: http://simplyfreeiphone.co.uk/
Description: 2 Column Premium Free Theme
*/


* {margin:0; padding:0;}
body {background:#1c1c1c url(images/bg.gif); color:#343434;  font-family:Arial, Helvetica, sans-serif; font-size:12px;}

a { text-decoration:none; color:#669809;}
.c, .clear {clear:both;}
a img {border:none;}

#wrap {width:999px; background:url(images/header_bg.jpg) repeat-x #FFFFFF; margin:30px auto 5px auto;}

#header { position:relative; height:130px; width:997px;}
#header h1 { position:absolute; left:20px; top:5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:36px; font-weight:normal;}
#header h1 a {color:#ffffff;}
#header h1#logo {width: 290px; height: 91px; background-image: url(images/logo.gif);}
#header h1#logo span {display: none;}


h1#img_logo span {display: none;}

#header h2 { position:absolute; left:40px; top:76px;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; font-weight:normal;}
#header .ad { position:absolute; width:468px; height:60px; right:40px; top:35px; background:#7cb008; font-size:10px;}

#menu { height:39px; }
#menu ul { list-style-type:none;}
#menu ul li { background:url(images/menu_divider.gif) right no-repeat; padding:12px 20px; _padding:11px 20px 12px 20px; float:left;  font-size:14px;}
#menu ul li a {color:#aaaaaa;}
#menu ul li a:hover {color:#FFFFFF;}

#contentwrap {background:url(images/contentwrap_bg.gif) -1px repeat-y; clear:both;  }
#content {float:right; width:672px; padding:0 25px 0 0;  }
#sidebar {float:right; width:302px; }

.navigation {float:right; width:596px; padding:0 0 0 32px;  }

.post { margin:20px 0 10px 0;}
.post .date {float:left; width:52px; text-align:center; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}
.post .date span { font-size:30px;}
.post .content {float:right; width:596px;}
.post h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal;}
.post h3 a {color:#343434;}
.post .meta { font-size:11px;}
.post .text { padding:10px 0 5px 0;}
.post .text p { text-align:justify; margin-bottom:1em;}
.post .comments_btn {float:left; background:url(images/post_comments.gif); width:99px; height:17px; padding:2px 0 0 0; text-align:center; font-weight:bold;}
.post .comments_btn a { color:#FFFFFF; width:100%; height:100%; display:block;}
.post .readmore_btn {float:right; background:url(images/post_readmore.gif); width:93px; height:17px; padding:2px 6px 0 0; text-align:center; font-weight:bold;}
.post .readmore_btn a { color:#FFFFFF; width:100%; height:100%; display:block;}
.post .text  { padding:5px 0; text-align:justify;}
  .post .text a:hover { text-decoration:underline;}
  .post .text img { border:2px solid #f2f2f2;}
  .post .text p { margin-bottom:10px;}
  .post .text ul { list-style-type:none; padding:0 0 0 5px; margin:5px;}
  .post .text ol { padding:0 0 0 10px; margin:5px 5px 5px 15px;}
  .post .text ul li { padding:2px 5px; margin:1px 0; border-left:3px solid #b7e56e;}
  .post code { border:1px dotted #dddfce; display:block; padding:5px;  margin:5px;}
  .post blockquote { padding:10px; border:1px solid #dddfce; margin:5px; }
  

#search { width:265px; margin:10px 0 10px 0;}
.s_input {float:left; width:189px; height:20px; padding:5px 0 0 8px; border:1px solid #d0d0d0; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.s_submit {float:right; width:66px;}

#rss {background:url(images/rss.gif); width:260px; height:99px; margin:10px auto;}
#rss a {display:block; width:100%; height:100%;}

#sidebar .widget { margin-bottom:1.5em;}
#sidebar .widget h4 { background:url(images/h4_bg.gif); height:24px; margin:0 0 1em 0; padding:4px 0 0 12px; font-size:16px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#FFFFFF;}
#sidebar .widget ul {list-style-type:none; padding:0 10px 0 16px;}
#sidebar .widget ul li { background:url(images/bullet_sidebar.gif) no-repeat left center; padding:5px 0 5px 12px; }
#sidebar .widget ul li a {color:#343434;}
#sidebar .widget ul li:hover {background-position:1px 9px;}

#footer { background:url(images/footer_bg.jpg) repeat-x #568b02; color:#c6e592; }
#footer .widget {float:right; width:332px; height:50px; overflow:hidden; } 
#footer .widget h4 {height:24px; padding:4px 0 0 12px; font-size:16px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#FFFFFF;}
#footer .widget .content {padding:10px; text-align:justify; }
#footer .widget ul {list-style-type:none; padding:0 0 0 6px; }
#footer .widget ul li { background:url(images/bullet_footer.gif) no-repeat left center; padding:5px 0 5px 12px; }
#footer .widget .content a {color:#c6e592;}
#footer .widget ul li:hover {background-position:1px 9px;}

#copyright { text-align:center; color:#FFF; height:40px;}
#copyright a {color:#FFF; font-weight:bold;}


/*Comments*/

#commentwrap {width:540px; margin: 0 auto;}
#comment, #comments input { background:#e6edc4; }
#comment { width:435px;}

#submit { margin:5px auto; padding:5px;   }

#comments h4 {color:#313131; margin:0 0 10px 0; font-size:12px; padding:0 0 0 20px; }
#comments .comment {  margin:0 0 20px 0; padding:10px 40px; border-bottom:1px solid #ededed; border-top:1px solid #ededed; color:#808080;}
#comments .comment .meta { padding:0 0 5px 0;}
#comments .comment .author { padding:0 0 5px 0;}
#comments .comment .author span {font-weight:bold; color:#4b422b;}
#comments .comment .date {  font-size:11px; }
#comments .comment .text { font-size:11px; padding:0 0 0 0; color:#4b422b;}

#commentform { margin:0 auto 3em auto; width:400px;}
#commentform td  {  color:#333333; font-weight:bold; font-size:10px;}
#commentform input { background:#FFFFFF; border:1px solid #afada6; color:#666666; padding:4px; width:125px;}
#commentform input.submit {  border:1px solid #afada6; background:#FFFFF; width:120px; color:#333333; font-size:10px; margin:5px auto 0 auto; font-weight:bold;}
#commentform textarea { background:#FFFFF; border:1px solid #afada6; color:#333333;  width:350px; height:110px; font-family:Arial, Helvetica, sans-serif;}

