/*   
Theme Name: Macrotactics
Author: Vantage Street
Author URI: http://www.vantagestreet.com
Version: 1
*/
@import 'categories.css';

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html  {
background: #cfd4da url(images/html.jpg) repeat-x top;
}
body {
padding-top: 3px;
background: url(images/body.jpg) repeat-x bottom;
}

#branding,
#navigation_main,
#content,
#site-info {
margin: 0 auto;
width: 921px;
clear: both;
}

#branding {
height: 130px;
position: relative;
background: url(images/branding.jpg) no-repeat;
}

#branding h2 {
font-size: 400%;
font-variant: small-caps;
letter-spacing: .03em;
position: absolute;
bottom: 48px;
left: 222px;
}

#branding h3 {
font-size: 128%;
font-variant: small-caps;
letter-spacing: .03em;
position: absolute;
bottom: 28px;
left: 290px;
}

#navigation_main {
width: 730px;
margin: 0 auto;
background: #fff url(images/navigation_main.jpg) repeat-x;
height: 35px;
padding: 0 95px;
}

#navigation_main li {
float: left;
width: 100px;
}

#navigation_main li a {
color: #353535;
font-size: 120%;
line-height: 2.25;
text-decoration: none;
display: block;
height: 35px;
padding: 0 30px;
}


#navigation_main li a:hover {
background: #fff;
}

#content {
position: relative;
}

#content_main {
height: 710px;
height: auto !important;
min-height: 710px;
margin: 0 225px 0 200px;
padding-top: 20px;
padding-left: 20px;
width: 475px;
border-left: 1px solid #eaebee;
}

#content_main h2 {
font-size: 170%;
letter-spacing: .06em;
}

#content_main h2 a { 
color: #031d5a;
text-decoration: none;
padding: .1em 0 0 .25em;
display: block;
border-left: 5px solid;
}

#content_main .post-date {
color: #b3bbcd;
margin: 10px 0 20px 15px;
font-style: italic;
}
.post {
margin-bottom: 35px;
}
#content_main .post p {
color: #434343;
line-height: 1.5;
margin: 10px 0;
}
.clear {
float: left;
background:#fff;
}
#content_main .post a {
color: #009adf;
}
.post .meta {
padding-bottom: 20px;
border-bottom: 1px solid #b3bbcd;
}
.post .meta .post-cat {
background: url(images/doc.jpg) no-repeat left bottom;
padding-left: 15px;
float: left;
}
.post .meta .post-comments {
float: right;
background: url(images/bubble.jpg) no-repeat left bottom;
padding-left: 20px;
}
#content_sub {
float: left;
width: 200px;
}

#user_menu {
border-top: 1px solid #eaebee;
padding: 10px 15px 35px;
}

#user_menu li {
float: left;
}

#user_menu li a {
background: url(images/meta-button.jpg) no-repeat center;
text-align: center;
display: block;
width: 80px;
height: 18px;
text-decoration: none; 
font-size: 95%;
color: #fff;
}

#subscribe a {
color: #031d5a;
text-align: center;
display: block;
font-size: 150%;
text-decoration: none;
line-height: 2.5;
font-weight: bold;
margin-top: 25px;
margin-left: -23px;
background: url(images/rss.png) no-repeat;
height: 50px;
padding-left: 35px;
position: relative;
}

#email_updates {
color: #031d5a;
text-align: center;
display: block;
font-size: 150%;
text-decoration: none;
font-weight: bold;
margin-top: 25px;
margin-left: -25px;
background: url(images/letter.png) no-repeat;
height: 50px;
padding-left: 35px;
padding-bottom: 15px;
position: relative;
}

#widgets {
margin: 0 0 0 10px; padding: 0;
}


#advertising {
position: absolute;
top: 20px;
right: 15px;
width: 190px;
background: #f6f6f6;
border: 1px solid #ecedef;
}

#advertising h2 {
font-size: 129%;
text-align: center;
margin: 10px 0;
}

#advertising div {
text-align: center;
}


#site-info {
background: url(images/site-info.jpg) no-repeat;
padding-top: 50px;
height: 75px;
color: #fff;
}

#site-info a {
color: #fff;
text-decoration: none;
}

#site-info a:hover {
text-decoration: underline;
}

#copyright {
clear: both;
padding: 10px;
text-align: center;
}

#navigation_sub {
margin: 0 auto;
width: 396px;
}

#navigation_sub li {
float: left;
padding: 0 10px;
}

#get-advertising a {
color: #353535;
text-align: right;
margin: 20px 10px 0;
}

#vantage-street a {
margin-top: 50px;
background: url(images/vantage-street.jpg) no-repeat center;
display: block;
text-indent: -100000px;
height: 55px;
opacity: .5;
}

#vantage-street a:hover {
opacity: 1;
}

#content_sub #email-form { 
margin-top: -25px;
text-align: center;
margin-bottom: 10px;
}
#content_sub #email-form input { 
width: 140px;
padding: 3px;
}


#content .post h1 {
/*18px via YUI Fonts CSS foundation*/
font-size:138.5%;  
}
#content .post h2 {
/*16px via YUI Fonts CSS foundation*/
font-size:123.1%; 
}
#content .post h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:108%;  
}

#content .post {
color: #434343;
}
#content .post h1,
#content .post h2,
#content .post h3 {

margin:1em 0;
}
#content .post h1,
#content .post h2,
#content .post h3,
#content .post h4,
#content .post h5,
#content .post h6,
#content .post strong {
font-weight:bold; 
color: #000;
}
#content .post abbr,
#content .post acronym {
border-bottom:1px dotted #000;
cursor:help;
} 
#content .post em {
font-style:italic;
}
#content .post blockquote,
#content .post ul,
#content .post ol,
#content .post dl {
margin:1em;
}
#content .post ol,
#content .post  ul,
#content .post  dl {
margin-left:2em;
}
#content .post ol li {
list-style: decimal outside;	
}
#content .post ul li {
list-style: disc outside;
}
#content .post dl dd {
margin-left:1em;
}
#content .post th,
#content .post td {
border:1px solid #000;
padding:.5em;
}
#content .post th {
font-weight:bold;
text-align:center;
}
#content .post caption {
margin-bottom:.5em;
text-align:center;
}
#content .post p, 
#content .post fieldset,
#content .post table,
#content .post pre {
margin-bottom:1em;
}
#content .postinput[type=text],
#content .post input[type=password],
#content .post textarea
{width:12.25em;*width:11.9em;}

#commentblock {
	color: #000000;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;

	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
	

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 390px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentblock li.alt {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 390px;
	background: #F6F6F6;
	}



form#commentform textarea#comment {
width: 99%;
}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

.tab-content {
padding: 5px;
}

.tab-content p {
margin: 0 0 5px 0;
}

#email-form {
position: relative;
}