/*
THEME NAME: Typograph
THEME URI: http://blog.pinkandyellow.com/free-wordpress-themes/typograph/
DESCRIPTION: Standards compliant theme with threaded comments, a MooTools powered tabbed sidebar box and an ad under the first post on the index page. This theme has no images and is purely based on CSS elements and typography. Ideal for future customization. Typograph was styled "from the ground up" on a highly customized version of the <a href="http://wordpress.org/extend/themes/sandbox#post-35">Sandbox theme</a>.  
VERSION: 0.8.6
AUTHOR: Morten Rand-Hendriksen of <a href="http://www.pinkandyellow.com">Pink &amp; Yellow Media</a>
AUTHOR URI: http://www.pinkandyellow.com
TAGS: black, white, light, three-columns, fixed-width, theme-options, right-sidebar, threaded-comments
*/


/* ********************************* */
/* ERIC MEYER'S CSS RESET - RELOADED */
/* ********************************* */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* ************* */
/* END CSS RESET */
/* ************* */

* {margin:0; padding:0;}
body {font:normal 10px Helvetica; color:#666; background:url(img/bg-blue.jpg) top center no-repeat #193c74;}
h1, h2, h3, h4, h5, h6 {margin:10px 0 0 0;}
p {margin:0px 0px 20px 0px;}
a {outline:none; text-decoration:none; color:#8a8a8a;}
a:hover {color:#215c97;}
a img {border:none;}

a {
color:#8A8A8A;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}

body {
-x-system-font:none;
background:#193C74 url(images/bg-blue.jpg) no-repeat scroll center top;
color:#666666;
font-family:Helvetica;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

div#wrapper {
margin:0 auto;
width:960px;
margin-top:10px;
}

#header{
	background-color: #252525;
}
#blog-title{
text-align:center;
}

#blog-title a{
-x-system-font:none;
color:#ffffff;
font-family:Georgia,serif;
font-size:50px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;

}

#blog-description{
text-align:center;
-x-system-font:none;
color:#ffffff;
font-family:Georgia,serif;
font-size:35px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:-2px;
line-height:normal;

}

.skip-link{
	display:none;
}
#access{
	
}
#menu
{
background:transparent url(images/nav.png) repeat scroll 0 0;
height:38px;
position:relative;
width:960px;
z-index:2;
}

#menu ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#menu ul  li {
float:left;
}

#menu ul  li a{
-x-system-font:none;
border-left:1px solid #222222;
color:#F5F5F5;
display:block;
font-family:Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding:11px 16px 10px;
text-decoration:none;
}


div#content {
background:#FFFFFF none repeat scroll 0 0;
clear:both;
padding:20px 40px 0;
width:560px;
z-index:1;
    float: left;
    clear: left;
    display: inline; /* work around IE bug */
}

#wrapper{
	background:#FFFFFF none repeat scroll 0 0;
}
.sidebar{
	background:#FFFFFF none repeat scroll 0 0;

}

#footer{
	clear:both;
	background:#FFFFFF none repeat scroll 0 0;
	margin:0 0 50px;
	padding:30px 30px 30px 30px;
	width:900px;
	text-align:right;
}

div#content a {
color:#215C97;
}
div#content h1 a {
color:#666666;
display:block;
}





.post h2 a{
	-x-system-font:none;

font-family:Helvetica,sans-serif;
font-size:26px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;

}


.post .entry-date{
 -x-system-font:none;
color:#666666;
font-family:Georgia;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;

}

.post
{
	padding-bottom: 10px;
	border-bottom:1px dotted #CCCCCC;
	margin-bottom: 10px;
}


.entry-content
{
	padding-top: 10px;
	font-size:11px;
}

.sidebar h3{

-x-system-font:none;
border-bottom:1px dotted #CCCCCC;
font-family:Helvetica,sans-serif;
font-size:120%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;

font-size:130%;
margin:0;
padding:0 0 3px;
}

.sidebar li{
-x-system-font:none;

display:block;
font-family:Helvetica,sans-serif;
font-size:110%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:5px 0;
}
.sidebar{
	float: right;
	width: 305px;
	 clear: right;
    display: inline; /* work around IE bug */
}
.sidebar a{
color:#215C97;
}

#primary{
	padding-top: 20px;
}
.sidebar{
	padding-right: 15px;
}


/*Tagcloud*/
.tagcloud
{
    margin-top: 10px;
    padding:10px;
    margin-bottom:10px;
    text-align:justify;
}

.tagcloud a
{
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
    font-family:Verdana, Arial;
    text-transform:lowercase;
    color: #8a8a8a;
}

.tagcloud a:hover
{
    color:#000;
    text-decoration:underline;
}

.tagcloud a.tagweight1
{
    font-size: 2.6em;
    font-weight:bolder;
}
.tagcloud a.tagweight2
{
    font-size:2.2em;
    font-weight:bolder;
}
.tagcloud a.tagweight3
{
    font-size: 1.8em;
    font-weight:bolder;
}
.tagcloud a.tagweight4
{

    font-size: 1.4em;
}
.tagcloud a.tagweight5
{
    font-size: 1.0em;
}

.tagcloud span
{
    font-size: 10px !Important; 
    color: #595a5a!Important; 
    font-weight: normal  !Important; 
}

/*Archive*/
#archieve{
	padding-top: 10px;
}
#archieve h3
{
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:0.2em;
}

#archieve h4
{
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:0.2em;
}

#archieve ul
{
	padding-top: 10px;
	list-style-type: none;
}
#archieve ul li
{
	margin-left: 0px;
	padding-bottom: 5px;
}
#archieve ul li a
{
	font-size:1.2em;
}
/*Gravatar Preview*/
#commentform #gravatar
{
	float: right;
}


#content .page-title
{
	font-size:17px;
font-weight:bold;
margin:0 0 18px;
margin-top: 15px;
}

.entry-title, .textpage h2
{
font-family:Helvetica,sans-serif;
font-size:26px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
}


.entrytext
{
	font-size:11px;
padding-top:10px;
}


/* Forms
-------------------------------------------------------------- */

input, textarea {
	font:Georgia,serif;
	line-height:18px;
}

#comments{
	width: 500px;
}
#respond input, #respond textarea {
    width:50%;
    margin-bottom:9px;
}

#respond textarea {
	 width:100%;
}
#respond .form-submit input#submit {
    width:20%

}

#commentform #gravatar
{
	float: right;
}

#comments h3, #related h3
{
	font-size:17px;
font-weight:bold;
margin:15px 0 18px;
}

.comment-author img
{
	padding-right: 5px;
}

#related ul li a{
	font-size: 12px;
}

#nav-above{
	display:none;
}

/* Navigation
-------------------------------------------------------------- */

.nav-previous {
	float:left;
	width:50%;
}
.nav-next {
	float:right;
}
#nav-above,#nav-below {
	float:right;
	width: 100%;
}

#header{
	position:absolute;
	top: 0px;
	background:transparent;
	height:120px;
	margin:0 auto;
	width:960px;
}

div#wrapper{
	margin-top: 120px;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */