/*
Theme Name: Magazine Basic
Theme URI: http://bavotasan.com/wordpress/free-wordpress-themes/magazine-basic-free-wordpress-theme/
Description: A 2 or 3 column magazine style theme with a fully customizable layout. Theme options include site width, 1 or 2 sidebars, header alignment, logo uploader, home page number of posts and more. Also includes two extremely useful widgets. Tested on WP 2.7.x using Firefox, IE6 and IE7. 100% xHTML valid. Designed by c.bavota of Tinker Priest Media.
Version: 2.3.2
Author: c.bavota
Author URI: http://bavotasan.com/
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* Basic Tag Elements */
a {
text-decoration: none;
outline: none;
color: #205B87;
font-weight: normal;
}
a:hover {
text-decoration: underline;
}
img {
border: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
color: #444;
line-height: 1.5em;
margin: auto;
font-size: 12px;
padding: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
color: #222;
}
textarea {
width: 97%;
}
/* Header Elements */
#header{
background: #fff;
float: left;
width: 100%;
}
#search-header {
width: 180px;
}
#login {
height: 16px;
font-size: 12px;
color: #fff;
text-align: right;
padding: 7px 10px 9px;
background: url(images/login.png) repeat-x;
}
#login a {
color: #fff;
}
#login ul {
padding: 0;
margin: 0;
}
#login ul li {
display: inline;
}
.dot:before {
content: url(images/whitedot.png) " ";
}
#title {
font-size: 48px;
/* margin: 20px 0 0; */
margin: 20px 0 0;
padding: 0;
line-height: 34px;
}
#title a {
color: #222;
}
#title a:hover {
color: #205B87;
text-decoration: none;
}
#description {
font-size: 14px;
margin: 10px 0 20px;
padding: 0;
}
#navigation {
background: #336699;
width: 100%;
height:26px;
/*clear: left;
float: left;
height: 23px;*/
}
ul.menu * {
margin:0;
padding:0
}
ul.menu ul {position:absolute; top:25px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:1px solid #aaa; width:159px; margin:0}
ul.menu ul li a {display:block; padding:5px 7px 5px 12px; color: #555; background-color:#d1d1d1; border-right: 0; font-size: 12px; }
ul.menu ul li a:hover {background-color:#49a3ff}
ul.menu ul ul {left:159px; top:-1px}
ul.menu {
list-style:none;
padding: 0;
margin: 0;
}
ul.menu li {
position:relative;
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
float: left;
font-size: 11px;
padding: 0;
margin: 0;
position: relative;
}
ul.menu a {
display: block;
font-weight: bold;
color: #fff;
border-right: 1px solid #fff;
padding: 1px 20px;
}
ul.menu a:hover {
color: #fff;
background: #49a3ff;
text-decoration: none;
}
ul.menu .menulink:hover, ul.menu .menuhover {
color: #444;
background-color:#c5c5c5;
}
#sub-navigation {
clear: both;
border-bottom: 1px solid #222;
float: left;
width: 100%;
padding-top: 2px;
}
#sub-navigation img {
float: left;
position: relative;
top: 3px;
}
#sub-navigation ul {
padding: 0 0 0 5px;
margin: 0;
}
#sub-navigation li {
list-style-type: none;
float: left;
text-transform: uppercase;
font-size: 12px;
padding: 0;
margin: 4px 0 3px;
}
#sub-navigation ul.pages li:after {
content: url(images/blackdot.png);
}
#sub-navigation a {
color: #222;
padding: 4px 5px 3px 5px;
}
#sub-navigation a:hover {
text-decoration: underline;
}
/* Main Elements */
#mainwrapper {
float: left;
width: 100%;
padding: 10px 0 10px 0;
margin: 0;
border-bottom: 2px solid #aaa;
background: #fff;
}
#sidebar {
float: left;
margin: 0 0 0 10px;
padding: 5px 0 0;
}
#secondsidebar {
float: left;
margin: 0 10px;
padding: 5px 0 0;
}
.side {
line-height: 20px;
font-size: 18px;
margin-bottom: 0;
}
.side-widget {
float: left;
margin: 0 0 10px;
padding: 0 10px 15px;
background: url(images/bg-hatch.gif);
border: 1px solid #ddd;
font-size: 12px;
line-height: 16px;
}
.side-widget ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.side-widget ul li {
padding: 0;
margin: 0;
font-size: 13px;
}
.side-widget ul li {
padding-left: 0px;
margin: 2px 0;
}
.side-widget h2 {
font-size: 14px;
border-bottom: 1px solid #ddd;
padding: 10px 0 5px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
}
.side-widget .storycontent {
border-bottom: 1px solid #ddd;
}
.side-widget .noline {
border-bottom: 0;
}
.side-widget ul a {
font-size: 12px;
}
.icon {
margin-left: 18px;
}
.posts {
border-bottom: 1px solid #aaa;
margin-bottom: 10px;
padding-bottom: 10px;
}
.posts h2 {
margin: 10px 0 0;
font-size: 20px;
line-height: 22px;
}
.posts p{margin:0}
.readmore {
color: #205B87;
}
#footer {
clear: both;
float: left;
width: 100%;
padding: 10px 0;
text-align: center;
font-size: 11px;
border-top: 1px solid #222;
background: #fff;
line-height: 13px;
}
/* Left Content Elements */
#leftcontent {
float: left;
margin: 0 10px 0 0;
padding: 0;
}
#leftcontent h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #205B87;
margin-bottom: 5px;
font-size: 14px;
}
#leftcontent h1 {
margin: 0.3em 0 0 0;
padding: 0;
font-size: 20px;
line-height: 22px;
}
.more-link {
font-size: 11px;
text-align: right;
color: #205B87;
}
.tags a {
color: #205B87;
}
.meta {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #888;
}
.post {
float: left;
border-bottom: 1px solid #aaa;
margin-bottom: 10px;
padding-bottom: 10px;
width: 100%;
}
#twocol {
float: left;
margin-bottom: 3px;
padding: 10px 0 0;
background: url(images/line.png) repeat-y 49% 0;
}
#twocol img {
width: 80px;
float: left;
margin: 0;
margin: 0 10px 5px 0;
}
#twocol h1 {
font-size: 18px;
line-height: 20px;
}
.mainhr {
float: left;
background: #aaa;
clear: both;
width: 100%;
height: 1px;
border: 0;
}
.twopost {
width: 45%;
float: left;
}
.twopost2 {
margin-left: 7.5%;
}
#threecol {
float: left;
background: url(images/line.png) repeat-y 31.5% 0;
margin-top: 3px;
}
#threecol2 {
float: left;
padding: 0;
background: url(images/line.png) repeat-y 67% 0;
}
#threecol img {
width: 40px;
float: left;
margin: 0 10px 5px 0;
}
.threepost {
width: 29%;
float: left;
border-top: 1px solid #aaa;
padding-top: 10px;
}
.threepost h2, .twopost h2 {
margin: 0;
font-size: 16px;
line-height: 18px;
}
.threepost2, .threepost5 {
padding: 10px 0 0;
margin: 0 6%;
}
.threepost1, .threepost2, .threepost3 {
border-top: 0;
}
.threepost1, .threepost4 {
clear: left;
}
/* Other Elements */
#leftcontent h1.catheader {
margin-top: 3px;
color: #000000;
font-weight: normal;
}
#leftcontent .post h1, #leftcontent #twocol h1 {
color: #000;
margin-top: 3px;
}
.red, .entry a {
color: #205B87;
}
#tagcloud {
width: 400px;
text-align: center;
margin: auto;
padding: 20px;
}
#tagcloud a {
color: #205B87;
}
/* Comment Elements */
h3#comments {
text-transform: none;
padding-bottom: 5px;
}
#postcomments {
padding-top: 20px;
}
h4#comments, #respond h3 { color:#333; font:normal 240% georgia,times,serif; margin:0 0 .1em; padding:0 0 .1em; }
#respond p { font-size:11px; margin:0 0 1em; }
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; min-height: 75px; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url, .cancel-comment-reply a { color:#205B87; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover, .cancel-comment-reply a:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px; text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#205B87; border:1px solid #205B87; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
.commentnumber {
position: absolute;
left: 7px;
bottom: 3px;
font-size: 14px;
color: #ccc;
}
#leftcontent p.postmetadata {
line-height: 12px;
}
.clear {
border: 0;
height: 0;
clear: both;
}
.recent, .coming {
clear: both;
float: left;
margin-bottom: 10px;
width: 100%;
}
.recent p, .coming p {
margin: 10px 0 0;
line-height: 16px;
}
.recent a.thetitle {
font-weight: normal;
line-height: 16px;
}
.coming a.thetitle {
color: #000;
font-weight: bold;
}
#s {
width: 271px;
font-size: 12px;
margin-top: 15px;
padding: 2px;
}
.audioplayer_container {
margin-top: 15px;
}
.post .audioplayer_container {
margin-top: 0px;
padding: 5px;
}
.black {
color: #000;
}
/* WordPress Required Elements */
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto;
}
.alignleft, div.alignleft {
float: left;
margin: 5px 10px 5px 0;
}
.alignright, div.alignright {
float: right;
margin: 5px 0 5px 10px;
}
.alignnone {
margin: 5px 0;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 0;
/* 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;
}
#today {
color: #205B87;
}
#wp-calendar {
margin: auto;
}
.posts {
float: left;
}
.posts .img {margin: 15px 10px 10px 0;float:left;width:100px;position:relative}
.posts .img .speaker-icon{display:block;position:absolute;top:0;left:0;height:100px;width:100px;z-index:10;background:url(/wp-content/uploads/2010/04/speaker_icon.png) no-repeat 0 0;}
.posts .img img {width: 100px;margin:0;}
/* Q & A */
#qna {
position: relative;
width: 960px;
}
#qna #questions {
width: 460px;
float: left;
}
#qna #qna-comments, #qna ol.commentlist {
width: 460px;
}
#qna #qna-comments {
float: right;
clear: right;
}
#qna ol.commentlist li.bypostauthor {
font-weight: bold;
border: 1px solid #aaa;
background: #a9c9ea;
}
#qna .expert {
border: 1px solid #ddd;
padding: 15px;
width: 430px;
float: left;
clear: left;
}
#qna .expert h2 {
margin-top: 0;
}
#qna .search {
border: 1px solid #ddd;
padding: 0 15px 15px;
width: 430px;
float: left;
clear: left;
margin: 15px 0;
}
#qna .search h2 {
margin-bottom: 0;
}
#qna #quotes {
float: right;
width: 460px;
font-size: 12px;
line-height: 20px;
font-weight: bold;
color: #666;
margin-top: 15px;
font-size: 20px;
}
#qna #quotes p {
margin: 0;
}
#qna .expert, #qna .search {
background: url(images/bg-hatch.gif);
}
img.topright {
clear: left;
float: left;
margin: 0 10px 5px 0;
border: 1px solid #eee;
}
.archive_post_meta {color:#666666;font-size:0.8em;padding:0 0 0.6em;text-transform:uppercase}
.dot1 {font-family:"lucida sans unicode","arial unicode ms",sans-serif}
.social{text-align:right}
.social a{display:inline-block;width:30px;height:30px;background:url(/wp-content/uploads/2009/12/social2.png) no-repeat 0 0;}
.social a:hover{text-decoration:none}
a.twitter{background-position: -1px -1px}
a.itune{background-position: -33px 0px}
a.fb{background-position: -65px -1px}
a.rss{background-position: -98px -1px}
a.ff{background-position: -128px -1px}
a.digg{background-position: -161px -1px}
a.delicious{background-position: -196px -1px}
a.reddit{background-position: -231px -1px}
.breadcrumb{margin:0.2em 0 0.5em 0;height:26px;line-height:26px;background:#edf3f3;clear:both;font-size:13px;font-weight:bold}
.breadcrumb ul{float:left;list-style-type:none;padding:0;margin:0;display:inline-block}
.breadcrumb li{display:inline-block;float:left}
.breadcrumb .crumb1{z-index:3;}
.breadcrumb a {padding-right:15px;display:inline-block;font-weight:bold}
.breadcrumb .crumb1 a{position:relative;color:#fff;background:url(/wp-content/uploads/2009/12/crumb1.png) right center no-repeat;z-index:3;padding-left:10px;}
.breadcrumb .crumb2{z-index:2;margin-left:-20px}
.breadcrumb .crumb2 a{position:relative;color:#fff;background:url(/wp-content/uploads/2009/12/crumb2.png) right center no-repeat;z-index:2;padding-left:25px;}
.breadcrumb .crumb3{z-index:1;margin-left:-20px}
.breadcrumb .crumb3 a{position:relative;color:#fff;background:url(/wp-content/uploads/2009/12/crumb3.png) right center no-repeat;z-index:1;padding-left:25px;}
.breadcrumb .postcrumb{padding-left:1em}
.breadcrumb .subnav{padding-left:0}
.breadcrumb .subnav a{border-right:1px solid #BEBEBE;padding:0 15px 0 10px}
.breadcrumb .subnav a.last{border-right:none}
.breadcrumb .subnav: ahover{text-decoration:none;color:#fff;background:#336699}
.breadcrumb .crumb1 a:hover,.breadcrumb .crumb2 a:hover,.breadcrumb .crumb3 a:hover{text-decoration:none;background-image:url(/wp-content/uploads/2009/12/crumbon1.png)}
#sddm { margin: 0;padding: 0;z-index: 999}
#sddm li{float:left;height:26px;position:relative;background: #336699;min-width:9%;margin: 0;padding:0 1em;text-align:center;list-style: none;display:inline-block;font: bold 11px arial;border-right:1px #fff solid}
#sddm li.last{border-right:none}
#sddm li a {line-height:26px;font-weight:bold;color: #FFF;text-decoration: none;z-index: 999}
#sddm li a:hover,#sddm li:hover,#sddm li:hover > a{background: #49A3FF;}
/*#sddm div{width: 150px; position:absolute;visibility:hidden;margin: 0;padding: 0;background: #2b2b29;border: 1px solid #5970B2;z-index: 999}*/
#sddm div a {position: relative;display: block;margin: 0;padding: 5px 10px; width: 150px; white-space: nowrap; text-align: left; text-decoration: none; background: #EAEBD8;color: #2875DE;font: 11px arial}
#sddm div a:hover {background: #49A3FF; color: #FFF}
#sddm li div {
visibility:hidden;
position:absolute;
top:25px;
left:0px;
border: 1px solid #5D74A2;
z-index:100;
}
* html #sddm li div {
top:20px;
left: -1px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#sddm table {position:absolute; top:0; left:0;}
/* style the top level hover */
/* make the second level visible when hover on first level list OR link */
#sddm li:hover div,
#sddm li a:hover div{
visibility:visible;
}
.clearfixleft:after {content:".";display:block;height:0;clear:left;visibility:hidden}
.clearfixleft {display:inline-block}
* html .clearfixleft {height:1%}
.clearfixleft {display:block}
.latest_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; }
/*
* Based on WordPress Plugin: WP-PageNavi Copyright (c) 2009 Lester "GaMerZ" Chan - http://lesterchan.net
*/
.wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 4px 2px 4px;
margin: 2px 10px;
text-decoration: none;
color: #215a84;
background-color: #FFFFFF;
}
.wp-pagenavi span{margin: 2px 10px;}
.wp-pagenavi a.first{margin-left:0}
.wp-pagenavi a:visited {
padding: 2px 4px 2px 4px;
text-decoration: none;
color: #215a84;
background-color: #FFFFFF;
}
.wp-pagenavi a:hover {
color: #000000;
background-color: #FFFFFF;
}
.wp-pagenavi a:active {
padding: 2px 4px 2px 4px;
text-decoration: none;
color: #215a84;
background-color: #FFFFFF;
}
.wp-pagenavi a.page {color: #000000;}
.wp-pagenavi span.current {
padding: 2px 4px 2px 4px;
font-weight: bold;
color: #FFF;
background-color: #215a84;
}
.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px;
color: #000000;
background-color: #FFFFFF;
}