/*
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;
	background: transparent;
}

/* 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 13px Helvetica; 
	color:#666; 
	background: url(/media/22757/bodybackgr.jpg) repeat-x #FFFFFF; /*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: url(/media/22757/bodybackgr.jpg) repeat-x #FFFFFF; /*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;
}

#blogContainer {
	margin: 0 auto;
	width: 1000px;
	/*height: 600px;*/
	behavior: url(/css/iepngfix.htc);
	background: url(/media/221/dnaback.png) no-repeat;

}



#orangeHeader {
	background-color: #b4131d;
	height: 50px;
}

#orangeHeader p {
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

div#wrapper {
margin:0 auto;
width:1000px;
/*margin-top:10px;*/

}

#header{
	background-color: transparent;
	
}

.headerLogo {
	float: left;
	width: 284px;
	height: 120px;
}

.headerLogo img {
	behavior: url(/css/iepngfix.htc);
	margin-top: 20px;
}

#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;
}

#blogContent {
	margin: 0 auto;
	width: 857px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;

	-moz-box-shadow: 0px 0px 15px #666666;
	-webkit-box-shadow: 0px 0px 15px #666666;

	margin-bottom: 35px;

}


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

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

}

#footer{
	clear:both;
	background: url(/media/406/footerbackGR.jpg) repeat-x #000000; /*background:#FFFFFF none repeat scroll 0 0; */
	/*margin:0 0 50px;
	padding:30px 30px 30px 30px;
	width:900px;
	text-align:right;*/
}

#footerContent {
	margin: 0 auto;
	width: 857px;
}

#footerLeft {
	margin-top: 15px;
	float:left;
	width: 600px;
}

#footerRight {
	margin-top: 15px;
	float:right;
	width: 200px;
}

#footerRight p {
	font-size: 10px;
	line-height: 11px;
	color: #FFFFFF;
	}

#footerRight img {
	behavior: url(/css/iepngfix.htc);
	}


div#content a {
/* color:#215C97; */
color: #b4131d;
}
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:13px;
	line-height: 18px;
}

.entry-content ul {
	list-style-type: disc;
	margin-left: 40px;
	width: 80%;
	margin-bottom: 20px;
}

.entry-content ul li{
	margin-bottom: 10px;
}

.entry-content ol {
	list-style-type: decimal;
	margin-left: 40px;
	width: 80%;
	margin-bottom: 20px;
}

.entry-content ol li{
	margin-bottom: 10px;
}


.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: 250px;
	 clear: right;
    display: inline; /* work around IE bug */
}
.sidebar a{
/* color:#215C97; */
color: #b4131d;
}

#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;
color: #b4131d;
}


.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{
	margin: 0 auto;
	width: 1000px;
	height: 140px;
}

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

.clearDiv {
	height: 0;
	clear:both;
	overflow:hidden;
}


/* nav holder */
#navBar {
	width: 660px;
	float: right;
	text-align: center;
	height: 27px;
	line-height: 27px;
	margin: 50px 15px 10px 0px;
	/*border: 1px solid #cccccc;*/
	font-family: Arial, sans-serif;
}

#lowNavBar {
	width: 550px;
	/*float: right;*/
	text-align: center;
	height: 27px;
	line-height: 27px;
	/*margin: 50px 15px 10px 0px;*/
	/*border: 1px solid #cccccc;*/
	font-family: Arial, sans-serif;
}

/* nav basic setup styles */

ul.mainNav, 
ul.mainNav_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.mainNav ul,
ul.mainNav_vertical ul {
	display: none;
}
ul.mainNav li {
	float: left;
	/*width: 120px;*/
}
ul.mainNav_vertical {
	width: 300px;
}
ul.mainNav_vertical li {
	float: none;
}

ul.mainNav,
ul.mainNav ul,
ul.mainNav_vertical,
ul.mainNav_vertical ul {
	height: 30px;
}

ul.mainNav_vertical {
	height: auto;
}

ul.mainNav ul {
	height: auto;
}

* html ul.mainNav ul {
	width: 1%;
}

/* end basic setup */

/* top nav styles */
* html #navBar ul li {width: 3em; white-space: nowrap;}

ul.mainNav li {
	text-align: center;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	margin: 0px 10px 0px 0px;	
	cursor: pointer;
	white-space: nowrap;
	/*background: url(/media/347/tabback.gif) no-repeat;*/
	/*background-position: 0 -40px;*/
}

ul.mainNav li a {
	position:relative;
	display: block;
	text-align: center;
	/*padding: 0 20px 0 20px;*/
	text-transform: uppercase;
	padding-left: 6px;
	color: #000000;
	height: 27px;
	line-height: 27px;	
	text-decoration: none;
	background: url(/media/23063/tabback.gif) no-repeat;
	background-position: 0 -27px;
}

ul.mainNav li a span {
	position:relative;
	display: block;
	text-align: center;
	color: #000000;
	padding-right: 6px;
	height: 27px;
	line-height: 27px;	
	text-decoration: none;
	background: url(/media/23063/tabback.gif) no-repeat;
	background-position: 100% -81px;
}

ul.mainNav li a:hover {
	color: #FFFFFF;
	/*background-color: #d9531e;*/
	background-position: 0 0;
}

ul.mainNav li a:hover span {
	color: #FFFFFF;
	/*background-color: #d9531e;*/
	background-position: 100% -54px;
}

ul.mainNav li:hover {
	color: #FFFFFF;
	/*background-color: #d9531e;*/
	background-position: 100% -54px;
}



ul.mainNav li.jdm_active a {
	/*background-color: #d9531e;*/
	background-position: 0 0;
	color: #FFFFFF;	
}

ul.mainNav li.jdm_active a span{
	/*background-color: #d9531e;*/
	background-position: 100% -54px;
	color: #FFFFFF;	
}

/* -- Sub-Menus -- */
ul.mainNav li ul {
	text-align: left;
}
ul.mainNav li li {
	/*display:block;*/
	text-align: left;
	font-size: 10px;
	width: 270px;
	width: 100%;
	height: 20px;
	line-height:20px;
	background:url() no-repeat #FFFFFF;
	
}

/* first child */
ul.mainNav li li.firstChild a, ul.mainNav li li.firstChild a span{
	/*display:block;*/
	text-align: left;
	width: 200px;
	height: 20px;
	line-height:20px;
	background-color: #FFFFFF;
	color: #000000;
	background:url() no-repeat #FFFFFF;
	padding-right: 10px;
}

ul.mainNav li li.firstChild a:hover, ul.mainNav li li.firstChild a:hover span {
	background-color: #f57e23;
	color: #FFFFFF;
}

/* regular child */

ul.mainNav li li.child a, ul.mainNav li li.child a span{
	/*display:block;*/
	text-align: left;
	width: 200px;
	height: 20px;
	line-height:20px;
	background-color: #FFFFFF;
	color: #000000;
	background:url() no-repeat #FFFFFF;
	padding-right: 10px;
}

ul.mainNav li li.child a:hover, ul.mainNav li li.child a:hover span {
	background-color: #f57e23;
	color: #FFFFFF;
}

/* last child */

ul.mainNav li li.lastChild a, ul.mainNav li li.lastChild a span{
	/*display:block;*/
	text-align: left;
	width: 200px;
	height: 20px;
	line-height:20px;
	background-color: #FFFFFF;
	color: #000000;
	background:url() no-repeat #FFFFFF;
	padding-right: 10px;
}

ul.mainNav li li.lastChild a:hover, ul.mainNav li li.lastChild a:hover span {
	background-color: #f57e23;
	color: #FFFFFF;
}




ul.mainNav ul,
ul.mainNav_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: #FED464;
	z-index: 10000;
}
ul.mainNav ul li,
ul.mainNav_vertical ul li {
	float: none;
	margin: 0px;
	color: #000000;
}











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