/*  
Theme Name: BuzzModern
Theme URI: http://www.kabyware.com
Description: The Clean Web 2.0 Wordpress Theme
Version: 1.0
Author: Kabyware
Author URI: http://www.kabyware.com
*/

/**************** Body *********************/
*{margin:0;padding:0; border:none; outline:none;}
body{background:#e1eaec url(images/header.png) repeat-x top; font-family:Arial; font-size:13px; color:#333333;}
#wrapper {width:982px; margin:auto; padding-bottom:20px; position:relative;}

/**************** Links *********************/
a, a:link, a:visited, a:active {text-decoration:none; color:#666;}
a:hover{color:#333333;}

/**************** Navigation *********************/
#navigation{line-height:35px;}
#menu{float:left; padding-right:10px; font-size:12px; padding-left:20px;}
#menu li{display:inline;list-style:none;padding:3px 14px 1px 0px; margin-right:5px; border-right:2px solid #000000;}
.page_item a:link, .page_item a:visited{color: #ccc; }
.page_item a:hover {color:#fff;text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{color:#65B6CC;}

/**************** Navigation - Category Menu *********************/
#topcats li {list-style:none;position:relative;}
#topcats li a:link, #topcats li a:visited {color:#000000; font-weight:bold; padding:0 15px 0 15px; margin-right:10px; font-size:16px; display:block; line-height:45px; float:left;}
#topcats li a:hover { background-color:#DFDFDF;}
/*** Essential styles - Superfish menu ***/
#categs, #categs * {margin:0;padding:0;list-style:none;}
#categs ul {position:absolute;top:-999em;width:18em;}
#categs li {float:left;position:relative;z-index:99; height:45px;}
#categs li ul li a {display:block;width:88%;}
#categs ul li{width:100%;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
#categs li:hover ul,ul#categs li.sfHover ul {left:-1px;top:3.6em;}
#categs li:hover li ul,#categs li.sfHover li ul {top:-999em;}
#categs li li:hover ul,ul#categs li li.sfHover ul {left:15em;top:0px;}
.superfish li:hover ul,.superfish li li:hover ul {top: -999em;}
.children li {background-color:#FFFFFF;}

/**************** Header *********************/
#header {height:154px; margin-bottom:1px;}
#bloginfo {width:240px; float:left; padding-left:10px;}
#bloginfo img { margin-top:10px;}
#bloginfo h1 {margin-bottom:5px; margin-top:40px;}
#bloginfo h1 a:link, #header h1 a:visited {color:#65B6CC; font-size:30px;}
#bloginfo h1 a:hover {color:#ffffff;}
#bloginfo h2 {color:#CCCCCC; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; font-weight:normal;}
#topbanner {width:728px; float:right; padding:25px 0 0 0;}
#rss {float:right;}
#rss li {display:inline; list-style:none; padding-left:18px; margin-left:10px; font-size:12px; font-weight:bold; background:url(images/rss.png) left no-repeat;}
#rss li a:link, #rss li a:visited {color:#ccc;}
#rss li a:hover {color:#FFFFFF;}

/**************** Blog - Body *********************/
#blog {width:978px; margin:auto; background:url(images/blog_bottom.png) no-repeat bottom; padding-bottom:10px; margin-top:20px; clear:both;}
#blog_top {height:10px; background:url(images/blog_top.png) no-repeat;}
#blog_bg {background:url(images/blog_bg.png) repeat-y; padding:5px 15px 5px 15px;}

/**************** Blog - Left Column *********************/
#leftcol {width:600px; float:left;}

/**************** Slideshow *********************/
.contentdiv p {color:#999999; font-size:12px; padding:10px;}
.contentdiv h1 {font-size:15px; padding:10px 10px 0 10px; line-height:24px; font-weight:normal;}
.ssimage img{width:389px; height:229px;}
.readmore {font-size:10px;}

/**************** Posts *********************/
#catposts {margin:20px 0 20px 0; padding:0 10px 0 0;}
#catposts ul {list-style:none;}
#catposts ul li {margin:5px 0 15px 0;}
.posttitle {font-size:16px;font-size:18px; border-bottom:1px solid #DBDBDB; padding-bottom:1px; text-transform:capitalize; margin-bottom:5px; clear:both;}
.dateinfo {font-size:11px; padding-top:5px; color: #669900;}
.postimage {float:left; width:142px; padding:3px; border:1px solid #CCCCCC; background-color:#FFFFFF;}
.postcontent {padding:0px 0 10px 10px; font-size:12px; float:left; width:400px; line-height:18px;}
.post { margin:0 0 10px 0; position:relative;}
.post h2 {margin-bottom:10px;}
.readmorebutton a:link, .readmorebutton a:visited {color:#FFFFFF; font-size:10px; font-weight:bold; text-align:center; line-height:19px; display:block;background:url(images/readmore.png) no-repeat;width:72px;margin-top:10px;}
.readmorebutton a:hover {color:#ccc;}

/**************** Blog - Right Column *********************/
#rightcol {width:336px; padding-left:10px; float:left;}

/**************** Sidebar *********************/
.widgeth2 {background: url(images/sidebarh2.png) no-repeat; width:336px; line-height:37px; padding:0 10px 0 10px; color:#FFFFFF; text-transform:uppercase; font-size:15px; margin-bottom:10px;}
.sidebar ul {list-style:none;}
.widgetli ul li { background:url(images/bullet.gif) left no-repeat; padding-left:20px; line-height:24px;}
.widgetli ul {margin-bottom:15px;}

.twitter {background:url(images/twitter.png) left no-repeat; padding-left:20px; display:block; font-size:12px; line-height:26px;}
.facebook {background:url(images/facebook.png) left no-repeat; padding-left:20px; display:block; font-size:12px; line-height:26px;}
.feedburner {background:url(images/feed.png) left no-repeat; padding-left:20px; display:block; font-size:12px; line-height:26px;}
.subform {margin-top:10px;}

#topsearch {margin:0 0 20px 0;}
#ls {border:1px solid #CCCCCC; width:260px; padding:4px; margin:0; border-right:0; font:14px Arial, Helvetica, sans-serif;}
#ssearch {width:60px; padding:4px; background-color:#ccc; color:#333; margin:0; font:14px Arial, Helvetica, sans-serif; font-weight:bold;}
#emailadd {border:1px solid #CCCCCC; width:228px; padding:4px; margin:0; font:14px Arial, Helvetica, sans-serif;}
#subbutton {width:90px; padding:4px; background-color:#ccc; color:#333; margin:0; font:14px Arial, Helvetica, sans-serif; font-weight:bold;}

.limg {float:left; width:40px; height:40px; padding:3px; background-color:#fff; border:1px solid #DADADA; margin:4px 0 0 10px;vertical-align:middle; }
.rtext {float:left; width:250px; height:40px; margin:10px 0 10px 5px; border-bottom:1px dotted #CDCFC2;}

.browse {margin:5px 0 15px 0;}
.browse select {width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; border:1px solid #CCCCCC;}
.arch {margin:5px 0 15px 0;}
#arch {width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; border:1px solid #CCCCCC;}

/**************** Random Posts *********************/
#moreposts {font-size:16px; font-weight:bold; color:#999999; margin:0 0 10px 2px;}
#bottompics {background-color:#f2f2f2; border:1px solid #CCCCCC; padding:5px; -moz-border-radius:4px; height:260px;}
.pic {width:150px; float:left; margin:3px;}
.bpic {border:1px solid #CCCCCC; background-color:#fff; padding:3px; width:142px; height:96px;}
h3.pictitle {font-size:12px; padding-top:4px;}
h3.pictitle a:link, h3.pictitle a:visited {color:#333333;}
h3.pictitle a:hover {color:#000;}
.exc {font-size:11px; padding-top:6px; color:#999999;}

/**************** Footer *********************/
#footer {height:159px; background:url(images/footer.png) repeat-x;}
.gotop {width:27px;position:absolute; bottom:-90px; right:10px; }
.gotop h5 {text-indent:-10000px;}
.gotop h5 a {background:url(images/top.gif); height:28px; display:block; }
#lists {padding:50px 20px 20px 20px;}
#pagelist, #catlist {text-align:center;}
#pagelist li, #catlist li{display:inline; font-size:12px; font-weight:bold; line-height:24px; padding:0 7px 0 7px; text-transform:uppercase;}
#pagelist a, #catlist a {border-bottom:1px dotted #666666;}
#copyright {font-size:11px; color: #999999; text-align:center; padding-top:24px;}
#copyright a:link, #copyright a:visited {color:#CCC;}

/**************** Single.php Content *********************/
.breadcrumb {padding:5px 10px 5px 10px; background-color: #EFEFEF; margin:0 10px 0 10px; -moz-border-radius:5px; color:#999999;}
.breadcrumb a:link, .breadcrumb a:visited {font-weight:bold; color:#4AA6C0;}
.breadcrumb a:hover {color:#333333;}

.date {width:100px; height:100px; float:left; margin-left:10px;}
.day {font-size:34px; color:#cdecf5; font-weight:bold; background-color:#4AA6C0; background:url(images/date_logo.png); text-align:right; padding:5px;}
.monthyear {background-color:#333538; padding:5px; text-align:right; font-size:18px; font-weight:bold; color:#CCCCCC;}
.singletitle {padding-left:20px; margin-bottom:10px; font-size:24px; float:left; width:450px; text-transform:uppercase;}
.by {text-transform:capitalize; font-size:18px; display:block; color:#000000; padding-top:4px;}
.comms {position:absolute; background-color:#E5E5E5; right:2px; top:15px;}
.sociable_tagline {float:left; font-weight:bold; padding-right:15px;}
.socialbar { padding-left:10px; border:3px double #CCCCCC; padding:4px; margin-left:10px; -moz-border-radius:5px; background-color:#EFEFEF;}

.taggies {background-color:#EFEFEF; padding:5px 10px 5px 10px;margin:0 0px 10px 10px; -moz-border-radius:5px; color:#CCCCCC;}
.tagtitle {font-weight:bold; color:#4AA6C0;}

.content {clear:both;}
.content p {padding:10px; line-height:18px;}
.content a:link, .content a:visited {color:#669900; border-bottom:1px dotted #999999;}
.content a:hover {color:#333333;}
.content ul { margin:10px 0 10px 0; list-style: none; padding-left: 20px;} 
.content ul li{background:url(images/bull.png) left no-repeat; padding-left:16px;}
.content ol { margin:10px 0 10px 0; list-style: none; padding-left: 20px;} 
.content ol li{background:url(images/bull.png) left no-repeat; padding-left:16px;}

/**************** Comments *********************/
#comments_wrap {margin-left:10px;}
#comments_wrap h2 {font-size: 20px;font-weight: normal;padding: 10px 0 10px 10px; margin-top:20px;  background:url(images/bg_comments.gif) repeat-x;}
.lc {font-size: 20px;font-weight: normal;padding: 10px 0 20px 0;}
/* Comments (comment) */
.comment {width: 530px;padding: 15px 32px 15px 31px;margin-bottom: -52px;position: relative; }
#comments_wrap .comment a {text-decoration: underline;}
#comments_wrap .comment p {padding:0;}
#comments_wrap .comment a:hover {text-decoration: none;}
#comments_wrap .comment small {font-size: 10px;margin-top: -2px;}
#comments_wrap .comment {margin-bottom: 14px;width: 100%;}
#comments_wrap .comment .col-left {width: 110px;float:left;}
#comments_wrap .comment .col-left img {border: #EDEDED 5px solid;}
#comments_wrap .comment .col-left p {padding: 0 0 0 2px;line-height: 19px;}
#comments_wrap .comment .col-right {width: 381px;min-height: 88px;background: #fff;padding: 10px 20px;border: #EDEDED 5px solid; float:left; position:relative;}
.tip {background: url(images/bg_comment_element.gif); position:absolute; left:-19px; width:19px; height:25px; top:20px;}
* html #comments_wrap .comment .col-right {height: 100px;}
/* Comments (form) */
.formleft {width:70px; float:left;}
.formright {width:360px; float:left; margin-left:10px;}
#form_wrap {border-bottom: 1px solid #E6E6E6;width: 580px;padding: 10px 15px 30px 10px;position: relative;}
#form_wrap h2 {padding-bottom: 28px;position: relative;}
#form_wrap .col-right {position:relative;}
.tip2 {background: url(images/bg_comment_element.gif); position:absolute; left:-14px; width:19px; height:25px; top:20px;}
#form_wrap textarea, #form_wrap .col-left input {border:#EDEDED 5px solid; background: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #676563;padding: 7px 10px;}
#form_wrap textarea {width: 400px;margin-bottom: 10px;}
#form_wrap .col-left input {width: 400px;display: block;margin-bottom: 10px;}
#form_wrap input.sb {clear: left;display: block; width:100px; background: #4CA7C1; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold;-moz-border-radius:5px;}
#form_wrap p.lc_logged { margin-bottom:20px; margin-left:10px;}
.lc {  background:url(images/bg_comments.gif) repeat-x; padding-left:10px; }

/**************** Archive/Category page - archive.php *********************/
.archpost {float:left; height:230px; margin:0 0 6px 6px; position:relative;}
.archpost a:link, .archpost a:visited {color:#000;}
.archpost img {margin-bottom:5px; border:1px solid #CCCCCC; padding:3px;}
h2.archtitle {font-size:13px; width:240px;}
.tags {background:url(images/tags.gif) left no-repeat; padding-left:22px; font-size:11px; line-height:18px; margin-top:4px;}
.tags a:link, .tags a:visited {color:#666;}
.archdate {background-color:#000000; position:absolute; top:4px; right:4px; padding:5px; color:#FFFFFF; font-size:11px;	opacity:.6;-moz-opacity:.6;filter: alpha(opacity=60);}
.archdate:hover {opacity:1;-moz-opacity:1;filter: alpha(opacity=100);}
.archcomments a:link, .archcomments a:visited {background:url(images/comment.gif) no-repeat; width:39px; line-height:26px; font-size:11px; font-weight:bold; color:#333333; position:absolute; bottom:30px; right:5px; text-align:center; display:block;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 12px; padding-top:5px; background:url(images/quotes.gif) top left no-repeat; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
a img { border: none; }
.alignright{float:right; padding:20px;}
.alignleft{float:left; padding:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/***************Get rid of Smiley face created by WPStats.com*********************/
img#wpstats{display:none}