/*
Theme Name: Magazine Basic
Theme URI: http://bavotasan.com/wordpress/free-wordpress-themes/magazine-basic-free-wordpress-theme/
Description: A basic magazine style premium theme with a fully customizable layout through an easy to use backend interface. Options include site width, one or two sidebars, header alignment, logo uploader and two extremely useful widgets. Designed by c.bavota of Tinker Priest Media.
Version: 2.1.3
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 */
p {
padding: 5px 0 5px 0;
}
a {
text-decoration: none;
outline: none;
color: #205B87;
}
a:hover {
text-decoration: underline;
}
img {
border: 0;
}
body {
color: #444;
margin: auto;
font-size: 14px;
padding: 5px 0 5px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#entry p {
padding: 5px 0 5px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
color: #222;
text-transform: capitalize;
font-weight: normal;
}
/* Header Elements */
#header{
background: #fff;
float: left;
width: 100%;
}
#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: 10px 0 0 20px;
padding: 0;
float:center;
line-height: 34px;
}
#title a {
color: #222;
}
#title a:hover {
color: #cc0000;
text-decoration: none;
}
#description {
font-size: 14px;
margin: 10px 0 20px;
padding: 0;
}
#navigation {
clear: left;
background: url(images/login.png) repeat-x;
float: left;
text-align:center;
width: 100%;
height: 25px;
}
#navigation ul {
padding: 0;
margin: 0;
}
#navigation li {
font-family: Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
float: left;
text-transform: uppercase;
font-size: 14px;
padding: 0;
margin: 3px 0;
}
#navigation a {
font-weight: bold;
color: #fff;
border-right: 1px solid #fff;
padding: 3px 12px 4px 12px;
}
#navigation a:hover {
color: #444;
background: url(images/navhover.png) repeat-x;
text-decoration: none;
}
#contact {
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 3px;
}
#contact a {
border-left: 1px solid #fff;
border-right: 0;
}
#sub-navigation {
clear: both;
border-bottom: 1px solid #222;
float: center;
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;
}
#subright {
float: right;
font-size: 12px;
margin: 4px 0 3px;
}
#subright a {
color: #FF8000;
}
#subright a.border {
border-right: 1px solid #aaa;
padding-right: 10px;
}
/* Main Elements */
#mainwrapper {
float: left;
width: 100%;
padding: 10px 0 10px 0;
margin: 0;
border-top: 2px solid #aaa;
border-bottom: 2px solid #aaa;
background: #fff;
}
#sidebar {
float: left;
text-align:justify;
margin: 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;
text-align:left;
background: url(images/bg-hatch.gif);
border: 1px solid #ddd;
}
.side-widget ul {
margin: 0 0 2px 20px;
padding: 0 0 0 0px;
list-style-type: none;
}
.side-widget ul li {
margin: 5px 0;
padding : 0;
list-style-image: url('/iwb/graphics/bullet.png');
font-size: 13px;
}
.side-widget h2 {
font-size: 14px;
color: #780978;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #ddd;
padding: 10px 0 5px;
margin-top: 0;
text-align: center;
}
.side-widget h5 {
font-size: 11px;
color: #399;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #ddd;
padding: 2px 0 5px;
margin-top: 0;
text-align: center;
}
.side-widget .storycontent {
border-bottom: 1px solid #ddd;
}
.side-widget .noline {
border-bottom: 0;
}
.posts {
border-bottom: 1px solid #aaa;
margin-bottom: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.posts p {
padding: 10px 5px 10px 0;
}
.posts h2 {
margin: 10px 0 0;
}
.posts h3 {
margin: 10px 0 0 0;
color:#336;
font-weight: normal;
}
#footer {
clear: both;
float: left;
width: 100%;
padding: 10px 0;
text-align: center;
font-size: 11px;
border-top: 1px solid #222;
background: #fff;
}
/* Left Content Elements */
#leftcontent {
float: left;
margin: 0 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0;
}
#leftcontent h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #cc0000;
margin-bottom: 5px;
font-size: 14px;
}
#leftcontent h1 {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 26px;
}
.more-link {
font-size: 11px;
text-align: right;
color: #cc0000;
}
.tags a {
color: #cc0000;
}
.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 50% 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: 46%;
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;
}
/* Other Elements */
#leftcontent h1.catheader {
margin-top: 3px;
color: #cc0000;
font-weight: normal;
}
#leftcontent .post h1 {
color: #000;
margin-top: 3px;
}
.red, .entry a {
color: #cc0000;
}
#tagcloud {
width: 400px;
text-align: center;
margin: auto;
padding: 20px;
}
#tagcloud a {
color: #cc0000;
}
/* Comment Elements */
h3#comments {
text-transform: none;
padding-bottom: 5px;
}
#postcomments {
padding-top: 20px;
}
.commentlist {
list-style-type: none;
padding: 0 0 0 10px;
margin: 0;
}
.commentlist li {
float: left;
clear: both;
width: 90%;
padding: 0 10px 10px;
background-color: #fff;
}
.commentlist img {
padding: 10px 0 0;
margin: 0;
}
.commentlist li.alt {
background-color: #eee;
}
.comment-info {
clear: both;
float: left;
}
.comment-text {
margin-left: 120px;
}
.comment textarea {
width: 100%;
padding: 2px;
}
#responder {
float: left;
clear: both;
padding-top: 10px;
}
/* WordPress Required Elements */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin-right: 10px;
}
.alignright {
float: right;
margin-left: 10px;
}
.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;
}
#today {
color: #cc0000;
}
#wp-calendar {
margin: auto;
}