/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }
a img { border:none } /* Gets rid of IE's blue borders */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */

@font-face{font-family:chains;src:url('../fonts/chains.ttf')}
body{background:url(img/noise.png) #e0e3ea repeat;color:#000;font-size:10pt;margin-top:8px;padding:10px;font-family:"Lucida Grande",Verdana,sans-serif	}
blockquote {margin-left:20px;padding-left:20px;padding-top:5px;background:url(img/gradline.png) -40px 0px repeat-y;border-left:2px solid #00348F;clear:both}

li {padding:10px 0;color:#000;}

.top_title {position:relative;display:inline;float:left;padding-right:10px}
.top_nav {position:relative;display:inline;}
.top_nav li {position:relative;display:inline;}

.header{position:relative;float:right;width:74%;min-width:675px;font-family:chains;margin:0 0px -60px 0;text-align:center;font-size:5em;text-shadow:-1px -1px 42px #000000, 0 0 8px #000000;color:#fff}




.mainWrapper {position:relative;float:right;width:75%;min-width:675px}
.sideWrapper {position:relative;float:left;width:25%;margin-top:-133px}
.footer {position:relative;float:left;background:#bbb;width:100%;clear:both}

#sidebar ul {position:relative;display:inline}
#sidebar ul li:before {content:""}
.sidebar-top-links li {display:inline;padding:10px 25px;}
 

#tag_cloud{position:relative;display:inline; float:left; }
#tag_cloud a[rel=tag] {color:green}
#text-1{ position:relative;display:inline; float:left; }
#recent-posts {position:relative;display:inline; float:left; }
#linkcat-17 {position:relative;display:inline; float:left; }
#linkcat-52 {position:relative;display:inline;  float:left }

.the_content{margin:35px 0 0 0}

.post {	
margin:20px 0 0 10px;
border:1px solid #000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#fff;	
}
.mainWrapper .single_nav {margin:0 auto;width:70%;padding:0 0 20px 0}
.mainWrapper .single_nav li {display:block;width:100%;margin:10px 0;text-align:center}

.post_info{display:block;padding:6px 0}

.post_title {position:relative;float:left;width:100%;clear:both;padding-bottom:10px}
.post_title em {float:left}

.post_title ul {display:none}
.post_title:hover ul {display:inline;position:absolute;left:0px;top:20px;background:#eee;width:50%;height:300px;z-index:500}
.post_title:hover ul li {display:inline;position:relative;float:left;}

/*
.post_title ul:active {display:inline;position:absolute;left:0px;top:20px;background:#eee;width:100%;height:300px;z-index:500}
.post_title ul:active li {display:inline;position:relative;float:left;}
*/

.post_title:hover ul li:before{content:""}

.post {position:relative;padding:20px}
.post h2 {text-align:center;font-size:1.0em}
.post h2 a,a:hover,a:visited{color:#00348F}
h2.post_title b {
position:relative;
float:left;
clear:both;
display:none;
color:#000;
width:100%;
background:#e0e3ea;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.18, rgb(153,151,222)),
    color-stop(0.59, rgb(224,227,234)),
    color-stop(0.8, rgb(224,227,234))
);
background-image:
-moz-linear-gradient(
    center bottom,
    rgb(153,151,222) 18%,
    rgb(224,227,234) 59%,
    rgb(224,227,234) 80%
);
-moz-border-radius: 10px;
-moz-box-shadow: 2px 2px 1px #d7d7d7; 
-webkit-border-radius:10px;
-webkit-box-shadow:2px 2px 1px#d7d7d7; 
}

h2.post_title b:hover {display:block;}
h2.post_title b a {color:#000}

.post p {margin-bottom:15px}
.post img {padding:20px}
.post li {margin-left:10%}
 
.post_date{margin:0px auto;display:block;width:50%;text-align:center;font-size:0.9em}



/* Page */
 
#page_sidebar #sidebar {width:98%;padding:0;margin:0 auto}
#page_sidebar #sidebar .inset .boxcontent{height:1000px;width:100%;padding:0;margin:0 auto}
#page_sidebar, #page_sidebar a {font-size:10px}
#page_sidebar #recent-posts-2 {position:relative;float:left;width:16%;padding:3px}
#page_sidebar #text-1 {position:relative;float:left;width:16%;padding:3px}
#page_sidebar #rss-3 {position:relative;float:left;width:16%;padding:3px}
#page_sidebar #rss-2 {position:relative;float:left;width:16%;padding:3px}
/* Inset Border Main*/
.inset {background: transparent; width:100%; margin:0 auto;}

.version2 {padding-top:20px}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#fff; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#fff; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#fff; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#fff; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#fff; border-left:1px solid #eee; border-right:1px solid #fff;}

.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; position:relative; background:#fff; border-left:1px solid #999; border-right:1px solid #eee;z-index:1;padding:10px}

.slideOutTip{
	/* The main wrapping div of the slideout tips */
	position:absolute;
	padding:3px;
	margin:10px;
	top:0;
	left:0;
	background-color:#e0e3ea;
	font-size:13px;
	color:#000;
	overflow:hidden;
	height:22px;
		-moz-box-shadow:0 0 1px #ccc;
	-webkit-box-shadow:0 0 1px #ccc;
	box-shadow:0 0 1px #ccc;

}

.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}

/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:22px; }

.tipTitle{
	float:left;
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	white-space:nowrap;
	line-height:22px;
	padding-right:5px;
}

.tipIcon{
	width:20px;
	height:20px;
	float:left;
	background-color:#61b035;
	border:1px solid #70c244;
	margin-right:8px;
	
	/* CSS3 Rounded corners */
	
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

/* Three color themes */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }
.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }

.plusIcon{
	/* The plus icon */
	width:13px;
	height:13px;
	background:url('../images/plus.gif') no-repeat center center;
	margin:4px;
	
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10000; }

.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }


.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:10px;
	font-size:11px;
}

/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.main {margin:0 0 20px 0}
.main > p{ display:none; }