/*
Theme Name: Goblogging Magazine
Theme URI: http://www.goblogging.net
Description: 3 columns Wordpress theme
Version: 1.0
Author: <a href="http://www.goblogging.net">GoBlogging</a>
Author URI: http://www.goblogging.net

*/
* { margin: 0; }

body
{
	font-family: Helvetica,Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	background:#888; color:#000;
}
a { color: #3366FF; text-decoration:underline;}
a:hover { color: #0000DD; text-decoration:none;}
/*a:visited { color:#800080;}*/
a:visited:hover { color:#3366FF;}
h1 {font:bold 26px Corbel;}
h2 {font:bold 20px Corbel;}
h3 {font:bold 18px Corbel;}
table {margin:5px 0 5px 0;}
img, img a {border:0;}

a.text_action {background:url(images/arrow_right.gif) no-repeat 0 0; padding:1px 0 0 30px; font:bold 1.2em Corbel, arial;}

#wrap{margin:0 auto; width:960px; text-align:left; padding:0 10px; background:#FFF url(images/wrap.gif) repeat-y left top;}

#header{margin:0 0 0 0; padding:17px 15px 13px 15px; height:65px; background:#0066CB url(images/header.gif) repeat-x left bottom; color:#FFF; border-top:1px solid #1680FF;} 
#header a{color:#FFF;}
#header .logo { float:left; padding:0 0 0 5px;}
#header .logo h1{font:bold 26px Corbel, arial; margin:0 0 5px 0; padding:0; color:#EEE;}
#header .logo .image {background:url(images/logo.gif) no-repeat; margin:0 0 3px 0; width:408px; height:30px;}
#header .logo .image:hover {background:url(images/logo_hover.gif) no-repeat;}
#header .logo h2{font:bold 18px Corbel, arial; color:#FFF;}
#header .header { float:right;}


#search { background:#FFF; width:220px; padding:2px 0 0 0; height:24px;}
#search input[type="text"] { color:#333; background:#FFF; border:0; margin:2px 0 0 3px; width:180px; padding-left:3px; float:left;}

#subscribe {background:#FFF; border:3px solid #eee; padding:3px; width:315px;}
#subscribe input[type="text"] { color:#333; background:#fff url(images/subscribe-email.png) no-repeat left bottom; border:0; margin:2px 0 0 3px; padding:0 0 0 26px; width:170px; height:16px; float:left; font-weight:bold;}

#menu{margin:0 auto; height:37px; padding:0 6px; background:#353535 url(images/menu.gif) repeat-x left top;}
#menu ul{margin:1px 0 0 0; padding:0; list-style: none; font:bold 1.2em Corbel;}
#menu ul li{float:left; margin:0 5px 0 0; padding:5px 0; }
#menu ul li a{}
#menu .left{float:left; padding:0 0 0 0;}
#menu .right {float:right; padding:5px 0 0 0;}
#menu .left a{color:#FFF; font:bold 14px Corbel, arial; padding:0 10px 0 10px; text-decoration:none; line-height:26px; display:block;}
#menu .left a:hover{color:#FFF; background:#3366FF url(images/menu_bg.gif) repeat-x left top;}
#menu ul.menu li.current_page_item a{color:#FFF; background:#3366FF url(images/menu_bg.gif) repeat-x left top;}

#navtop{padding:2px 5px 0 5px; height:30px; background:#e8e8e8 url(images/line.gif) repeat-x left bottom; font-size:13px; border-top:3px solid #ccc;}
#navtop .categories {float:left; width:820px;}
#navtop .categories ul {list-style:none; padding:1px 0 0 0; left:-1px;}
#navtop .categories ul li{float:left; border-right:1px solid #DDDDDD; }
#navtop .categories ul li a{padding:4px 12px; color:#000; text-decoration:none; display:block; }
#navtop .categories ul li a:hover{color:#3366FF; background:#f8f8f8; text-decoration:none;}
#navtop .categories ul li.current-cat a{color:#3366FF; background:#FFF;}

#navtop .categories li ul li a{display:block; padding:4px 12px; width:120px; border-top:1px solid #d8d8d8;}
#navtop .categories li ul li a:hover{background:#f8f8f8;}
#navtop .categories li{position: relative;}
#navtop .categories ul ul{ position:absolute; background:#E8E8E8; visibility: hidden; border:1px solid #d8d8d8; border-top:0;}
#navtop .categories ul li:hover ul{ visibility:visible; padding:1px 0 0 0;}

#navtop .right {float:right; padding:1px 0 0 0;}
#navtop .right img {margin:0 1px;}

#content{padding:10px 10px 0 10px; margin:0 0 0 0; background:#DDD; width:940px;}

#post{line-height: 1.5em; float:left; padding:0 0 0 0; }
#post{margin:0 0; width:580px;}
.post{ margin:0 0 10px 0; font-family:verdana;}
.post{ background:#FFF; border-bottom:1px solid #CCC; padding:10px 20px 10px 20px;}

#post h1 {font-size:24px; line-height:36px; background:#0163C6 url(images/header.gif) repeat-x left top; color:#FFF; margin:0 0 10px 0; padding:0 5px 5px 5px; border-top:1px solid #1680FF;}
#post h2 {padding:0 0 10px 0; color:#CC0000;}
#post h3 {padding:0 0 10px 0; color:#CC0000;}

#sidebar{width:350px; float:right; font-size:12px; line-height:1.4em; padding:0 0 10px 10px; color:#777;}
#sidebar a{color:#000; text-decoration:none; padding:1px 0;}
#sidebar a:hover{color:#3366FF; text-decoration:none;}
#sidebar .sidebar-1 img,#sidebar .sidebar-2 img {margin:4px;}
#sidebar .box {background:#FFF; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc;}
#sidebar .box_padding {background:#FFF; padding:10px; }
#sidebar h2{font:bold 1.2em Corbel; margin:0; padding:5px 10px 5px 10px; text-transform:uppercase; color:#CC0000;
background:#FFF url(images/navhead_bg.gif) repeat-x left bottom;}
#sidebar ul{padding:0 0 0 0; }
#sidebar ul li{list-style: none; padding:2px 10px 3px 10px; border-top:1px solid #FFF; border-bottom:1px solid #EEE;}
#sidebar ul li ul {padding:2px 0 0 0;}
#sidebar ul li ul li{}
#sidebar ul li:hover {background:#f8f8f8;}
#sidebar .sidebar-top{margin:0 0 10px 0;}
#sidebar .sidebar-1{width:200px; float:left; }
#sidebar .sidebar-2{width:140px; float:right; margin:0 0 10px 0; font-size:0.9em; }

#sidebar .sidebar-top .advertise {width:280px; float:center; text-align:center; margin:0 auto; dislpay:block; border:5px solid #f5f5f5; font:bold 1.2em Corbel; text-transform:uppercase;}
#sidebar .sidebar-top .advertise a {background:#777; display:block; padding:5px 10px; color:#FFF; }
#sidebar .sidebar-top .advertise a:hover {background:#575757 url(images/menu.gif) repeat-x left top;}
#sidebar .sidebar-top .advertise:hover {border:5px solid #e5e5e5; }

#bottombar {padding:10px 0 10px 10px; background:#414141; border-bottom:1px solid #222; color:#CCC; line-height:1.4em; font-size:0.9em;}
#bottombar .bottombar {margin:0 10px 0 0; padding:5px 10px; float:left; width:276px;}
#bottombar .bottombar h2 {font:bold 1.3em Corbel; color:#FFF; margin:0 0 5px 0; text-transform:uppercase;}
#bottombar .bottombar ul {list-style:none; padding:0;}
#bottombar .bottombar ul li {list-style:none; padding:0 0 3px 0;}
#bottombar .bottombar ul li a {text-decoration:none; padding:0 3px;}
#bottombar .bottombar a {color:#FFF; text-decoration:underline;}
#bottombar .bottombar a:hover {color:#FFF; background:#777; text-decoration:none;}

.read_more {background:url(images/control_play.png) no-repeat right top; padding:1px 19px 1px 0; color:#000; font-size: 0.9em; font-weight:normal;}
.read_more:hover {background:url(images/control_play_hover.png) no-repeat right top; padding:1px 19px 1px 0; }

.bannerborder img {border:1px solid #CCC; padding:3px; margin:4px 8px 4px 4px;}
.bannerborder img:hover {border:1px solid #888;}

.line {border-top:2px solid #DDD; margin:0 0 15px 0;}
.space {line-height:10px; height:10px; display:block;}
.extra {border:1px solid #E6DB55; background:#FFFFEE; margin:0 0 15px 0; padding:8px 13px 5px 13px;}

.extra_promo {border:0px solid #AAA; margin:10px 0 20px 0; padding:13px 10px 10px 10px; background:#FFF;}
.rss_14 {background:url(images/feed_14.png) no-repeat left top; padding:0 0 0 18px;}
.download {display:block; background:url(images/arrow-red.gif) no-repeat left top; padding:0 0 0 72px; line-height:41px; height:41px;}

#related {margin:0 0 20px 0; font-size:0.9em;}
#related a {color:#000;}
#related a:hover {color:#0000DD; text-decoration:underline;}
#related ul li a {color:#000; text-decoration:none;}
#related ul li a:hover {color:#3366FF; text-decoration:underline;}
#related ul {margin:0 0 15px 0;}
#related .ad {float:left; width:300px; margin:0 15px 0 0;}
#related .related {float:left; width:225px;}

#post img{}
#post .commentlist li.alt ol, #post .commentlist li.alt ul
{
	margin: 5px 0 0 0;
	padding: 0;
}
#post .commentlist li.alt li
{
	list-style: none;
	margin: 0;
	border-bottom: 1px dashed #CCC;
}
#post .post blockquote
{
	margin: 10px;
	background: url(images/quote.png) no-repeat top left;
	padding-left: 45px;
	min-height: 36px;
}

.post .entry
{
	text-align: left;
	padding:0 0 0 0;
	margin-bottom:5px; margin-top:5px;
}
.post .entry a {font-weight:bold;}

.post p {padding:0 0 15px 0;}
.post table tr td p {padding:0 0 15px 0;}

.post ul, .post ol {margin:0 0 15px 15px; padding: 0 0 0 0;}
.post ul li{list-style: none; margin-bottom:5px; background:url(images/action_check.png) no-repeat 0 2px; padding-left:22px;}
.post ol li{list-style: decimal; margin:0 0 5px 20px;}


#post h2 a,#post h1 a{font-weight:bold; color:#000;}
#post h2 a:hover,#post h1 a:hover{color:#3366FF;}
.post .meta {color: #666; font-size: 0.9em; margin:0 0 10px 0;}
.post .meta a{color: #777777; padding:0 2px;}
.post .meta a:hover{background: #3366FF; color:#FFF; text-decoration: none;}
.post .meta .posted { float: left; }
.post .meta .postedin {height:22px; display:block; background:url(images/folder_files.png) no-repeat; padding:0 0 0 20px; line-height:1.4em; text-transform:capitalize;}
.post .meta .tags {display:block; background:url(images/tag_blue.png) no-repeat; padding:0 0 10px 20px; line-height:1.4em; }
.post .meta .tags a {text-transform:lowercase;}
.post .meta .comments { float: right;}
.post .meta .comments a
{
	background: url(images/comments.png) left no-repeat;
	padding-left: 20px;
	display: block;
	text-decoration: none;
}
.post .meta .comments a:hover{color:#3366FF;}

.trackback {font-size:0.9em; background:url(images/trackback.png) no-repeat 0 0px; line-height:16px; padding:0 0 0 18px;}
.commentsfeed {font-size:0.9em; background:url(images/feed_14.png) no-repeat 0 0px; line-height:16px; padding:0 0 0 18px;}
.feed {background:url(images/feed_14.png) no-repeat 0 0px; line-height:16px; padding:0 0 0 18px;}

.archives {}
.archives li{float:left; width:145px;}
.tag_cloud {line-height:1.8em; margin:0 0 10px 0;}
.tag_cloud a {padding:0 2px;}
.tag_cloud a:hover {background: #3366FF; color:#FFF; text-decoration: none; padding:0 2px;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* End Images */
img.alignleft, .alignleft {margin:5px 15px 10px 0;}
img.alignright, .alignright {margin:5px 0 10px 15px;}
img.aligncenter {padding:3px; margin-bottom:5px;}

.thumbnail-class { float:left; margin: 0 15px 0 0; max-height:100px; max-width:150px; 
height: expression(this.height > 100 ? 100: true); width: expression(this.width > 150 ? 150: true);}

#comments, #respond{margin: 0; padding:1em 0 0 0;}
h3#respond {background:url(images/comments_2.png) no-repeat left bottom; padding:0 0 0 38px; line-height:34px;}
#commentform {margin:10px 0; padding:10px; background:#f9f9f9; border: #ddd 1px solid;}
.commentnum { font-size:1.5em; font-weight:bold; margin:0 5px 0 0;}

#post .commentlist {margin: 1em 0; padding: 0; border: #ddd 1px solid;}
#post .commentlist li.one, #post .commentlist li.alt{list-style:none; margin: 5px; padding: 0.5em 0.5em 2em; 
background:#f5f5f5; border:0;}
#post .commentlist li.alt {background:#f8f8f8;}
#post .commentlist li.authorcomment {background: #F2F9FF;}
#post .commentlist li.one .cmtinfo, #post .commentlist li.alt .cmtinfo {font-size:1em;}
#post .commentlist li.one cite, #post .commentlist li.alt cite{font-style:normal; font-weight:bold;}
#post .commentlist li.one .cmtinfo em, #post .commentlist li.alt .cmtinfo em 
{
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#888;
}

.comment-avatar {float:right; padding:2px; margin:0 0 0 5px; border:3px solid #e8e8e8;}
input[type="text"] {margin:0 0 5px 0;}

#footer {margin:0 auto; padding:20px 25px 20px 25px; color: #CCC; background:#454545; border-top:1px solid #666;
font: bold 12px Corbel, Candara, Helvetica, Verdana, Tahoma, Arial, Sans-Serif; }
#footer ul {list-style:none; padding:0; margin:0 0 15px 0;}
#footer ul li {display:inline; margin:0 7px 0 0;}
#footer ul li a {text-decoration:none; color:#FFF; padding:0 3px;}
#footer ul li a:hover {color:#FFF; background:#777; text-decoration:none;}
#footer a {text-decoration:none; color:#FFF;}
#footer a:hover {color:#FFF; text-decoration:underline;}
#footer p {margin:0 0 10px 0;}