/*
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.
Version: 2.3.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
*/
/*===================================================================================================}
####----------------------------------------------------------------------------------------------####

*****THE ORIGINAL CSS FILE FOR THIS THEME HAS BEEN SEVERLY MODIFIED AND IMPROVED BY CARLYLE INC.*****

DUE TO IMPROPER ARCHITECTURE, STYLING SYNTAX AND CASCADING PROPERTIES WE CHOSE TO REDO THE PROPERITES
AND STYLING FOR THIS THEME. THE LESSON TO LEARN IS SHORTHAND CASCADING PROPERTIES MINIMIZE CODE BLOAT.

IN SHORT IT VALIDATED...BUT IT WASN'T PROPERLY STRUCTURED. IE - REPETITIVE GLOBAL FONT PROPERTIES &
JUST BECAUSE IT'S A DIV DOESN'T MEAN YOU SHOULD FLOAT IT!!

####----------------------------------------------------------------------------------------------####
{===================================================================================================*/


/*=========================================================

Global Elements

==========================================================*/
body {
	margin:0px auto auto auto;
	text-align:center; /*This fixes the IE align bug*/
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:30px 0px 100px 0px;
	background:#FFFFFF url(http://www.carlyleinc.com/zengarden/css/grass.jpg) repeat-x;
	background-position:bottom;
}
h1, h2, h3, h4, h5 {
	font-variant: small-caps;
	font-weight:normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #333333;
}
p{
	color:#333333;
	line-height:140%;
	text-align:left;
}
a {
	text-decoration: none;
	font-variant:small-caps;
	outline: none;
	color: #339900;
}
a:hover {
	color: #999999;
	text-decoration:none;
}
img {
	border: 0;
}
ul{
	margin:0px;
	padding:0px;
}
li{
	margin:0px;
	padding:0px;
}
textarea {
	width:80%;
}
/*==============================================================

Achitectural Elements

==============================================================*/
/*This header is basically the wrapper div*/
#header {
	text-align:left;
}
#search-header {
	width: 180px;
}
#login {
	font-size: 12px;
	text-align: right;
	color: #fff;
	padding: 7px 10px 9px;
	background: url(images/login.png) repeat-x;
}
#title {
	font-size: 48px;
	letter-spacing:2px;
}
#description {
	font-size: 24px;
	font-variant:small-caps;
	letter-spacing:1.5px;
	text-align:right;
	color:#666666;
	margin:0px 0px 15px 0px;
}
#navigation {
	clear:both;
	background: url(images/login.png) repeat-x;
	width: 100%;
	height: 25px;
	padding: 3px 0px 3px 0px;
}
#sub-navigation {
	clear: both;
	float: left;
	width: 100%;
	padding:5px;
}
/*This wraps the content section*/
#mainwrapper {
	text-align:left;
	float: left;
	width: 100%;
	padding:10px 0px 10px 0px;
	border: 1px solid #999999;
}
#sidebar {
	text-align:left;
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
}
#secondsidebar {
	text-align:left;
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
}
#footer {
	font-size: 11px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	clear: both;
	width: 99%;
	padding: 10px 0px 10px 0px;
}
#leftcontent {
	float: left;
	margin: 0 10px;
}
#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 10px 0 0;
	background: url(images/line.png) repeat-y 50% 0;
}
#threecol {
	float: left;
	background: url(images/line.png) repeat-y 31.5% 0;
	margin-top: 3px;
}

#threecol2 {
	float: left;
	background: url(images/line.png) repeat-y 67% 0;
}
#tagcloud {
	width: 400px;
	text-align: center;
	margin: auto;
	padding: 20px;
}
#postcomments {
	padding-top: 20px;
}

/*==============================================================

Achitectural Styling

==============================================================*/

#login a {
	color: #fff;
}
#login ul {}
#login ul li {
	display: inline;
}
.dot:before {
	content: url(images/whitedot.png) " ";
}
ul.menu * {}
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;
}
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:#c5c5c5;
}
ul.menu ul ul {
	left:159px;
	top:-1px
}
ul.menu {
	list-style:none;
}
ul.menu li {
	position:relative;
	list-style-type: none;
	float: left;
	font-size: 14px;
	position: relative;
}
ul.menu a {
	display: block;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #fff;
	padding: 3px 12px 4px 12px;
}
ul.menu a:hover {
	color: #444;
	background: #c5c5c5;
	text-decoration: none;
}
ul.menu .menulink:hover, ul.menu .menuhover {
	color: #444;
	background-color:#c5c5c5;
}
#sub-navigation img {
	position: relative;
}
#sub-navigation ul {}
#sub-navigation li {
	list-style-type: none;
	float:right;
	font-variant:small-caps;
	font-size:16px;
	font-weight:bold;
	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;
}
.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;
}
.side-widget ul {
	list-style-type: none;
}
.side-widget ul li {
	font-size: 13px;
}
.side-widget ul li {
	padding-left: 10px;
	margin: 2px 0;
}
.side-widget h2 {
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 5px;
	margin-top: 0;
}
.side-widget .storycontent {
	border-bottom: 1px solid #ddd;
}
.side-widget .noline {
	border-bottom: 0;
}
.posts {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	float: left;
}
.posts h2 {
	margin: 10px 0 0;
}
.posts img {
	margin: 10px;
	float: left;
	width: 100px;
}
.readmore {
	color: #996600;
	font-weight:bold;
	font-variant:small-caps;
}
/*==============================================================

Left Content Elements

==============================================================*/
#leftcontent h5 {
	margin: 0px 0px 5px 0px;
	font: 26px;
	letter-spacing:1px;
	color: #CC6600;
}
#leftcontent h1 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 26px;
}
#leftcontent h1.catheader {
	margin-top: 3px;
	color: #cc0000;
}
#leftcontent .post h1,  #leftcontent .twopost h1,  #leftcontent .threepost h1 {
	margin-top: 5px;
	font-size: 36px;
	line-height: 38px;
	color: #222;
}
#leftcontent .twopost h1 {
	font-size: 26px;
	line-height: 28px;
}
#leftcontent .threepost h1 {
	font-size: 20px;
	line-height: 22px;
}
#leftcontent .single h1 {
	margin-top: 5px;
	font-size: 44px;
	color: #222;
}
#leftcontent .postmetadata {
	clear: both;
	line-height: 14px;
}
#leftcontent .post .entry {
	font-size: 15px;
	line-height: 18px;
}
.more-link {
	font-size: 11px;
	text-align: right;
	color: #cc0000;
}
.tags a {}
.meta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant:small-caps;
	color: #999999;
}
.post {
	float: left;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
}
#twocol img {
	width: 80px;
	float: left;
	margin: 5px 10px 5px 0;
}
.mainhr {
	float: left;
	background: #aaa;
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
}
.twopost {
	width: 46%;
	float: left;
}
.twopost2 {
	margin-left: 7.5%;
}

#threecol img {
	width: 40px;
	float: left;
	margin: 5px 10px 5px 0;
}
.threepost {
	width: 29%;
	float: left;
	border-top: 1px solid #aaa;
	padding-top: 10px;
}
.threepost2, .threepost5 {
	padding: 10px 0 0;
	margin: 0 6%;
}
.threepost1, .threepost2, .threepost3 {
	border-top: 0;
}
.threepost1, .threepost4 {
	clear: left;
}

/*===========================================================
 
 Subtitles
 
=========================================================== */
#leftcontent p.sub {
	font-size: 24px;
	line-height: 26px;
	font-weigth: bold;
	font-style: italic;
	margin: 10px 0 0;
}
/*===========================================================
 
Blockquote
 
=========================================================== */
#leftcontent blockquote p {
	width: 200px;
	font-size: 24px;
	line-height: 26px;
	float: right;
	margin: 10px 0 10px 30px;
	font-style: italic;
}

/*===========================================================
 
 Comment Styling Elements
 
=========================================================== */
h4#comments, #respond h3 {
	text-align:left;
}
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;
}
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;
}
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:#cc0000;
	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;
	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-size: 12px;
	line-height:130%;
	margin:5px 0 12px;
}
ol.commentlist li ul {
	font-weight:normal;
	font-size: 12px;
	line-height: 16px;
	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;
	padding:6px 5px 4px;
	text-align:center;
	width:36px;
}
ol.commentlist li div.reply:hover {
	background:#cc0000;
	border:1px solid #cc0000;
}
ol.commentlist li div.reply a {
	color:#fff;
	text-decoration:none;
	font-variant: small-caps;
}
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;
}
/*=================================================

WordPress Required Elements

==================================================*/
 
.aligncenter,  div.aligncenter {
	display: block;
	margin: 5px auto;
}
.alignleft, div.alignleft {
	float: left;
	margin: 5px 15px 5px 0;
}
.alignright, div.alignright {
	float: right;
	margin: 5px 0 5px 15px;
}
.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: #cc0000;
}
#wp-calendar {
	margin: auto;
}