/* Created by http://freehtml5templates.com */

/* basics */

/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

/* standard body */
body {
margin: 0 auto;
width: 960px;
font: 14px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
background: #D5E1FC;
}

/* standard alignments */
.alignleft {
float: left;
}

img.alignleft {
margin: 5px 10px 2px 0; 
}

.alignright {
float: right;
}

img.alignright {
margin: 5px 0 2px 10px; 
}

.center {
text-align: center;
}

/* Hx tags */

h1 {
font-size: 40px;
font-family: Garamond, Georgia, Times, "Times New Roman", serif;
padding: 20px 0;
}
h1 a {
text-decoration: none;
}
h2 {
font-size: 24px;
padding: 20px 0;
}

h2 a {
color: #ed8400;
}

h2 a:hover {
color: #4860a5;
}

h3 {
font-size: 18px;
color: #000;
padding-bottom: 3px;
border-bottom: #ed8400 1px solid;
margin-bottom: 10px;
}

p {
padding-bottom: 20px;
}

/* header */

header {
margin-top: 10px;
background: #fff url("images/blog_header.jpg");
height: 170px; /* for IE */
min-height: 170px; /* for not-IE */
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

header h1, header p {
position: relative;
z-index: 9999;
width: 600px;
}

header h1 {
padding: 20px 0 20px 20px;
color: #ed8400;
}

header p {
padding-left: 20px;
color: #fff;
}

#top-nav {
	float:right;
}
/* nav */

nav {
background: #555;
margin: 0 auto;
width: 960px;
display: block;
float: left;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

nav .menu {
font-size: 16px;
font-weight: bold;
margin-left: 12px;
}

nav .menu ul {
list-style: none;
margin: 0;
}

nav .menu li {
float: left;
position: relative;
}

nav .menu a {
display: block;
text-decoration: none;
color: #FFF;
padding: 0 30px;
line-height: 38px;
}

nav .menu a:hover {
color: #ed8400;
}

/* nav 1-level dropdowns */
nav .menu li ul { 
display: none; 
}

nav .menu ul li a {
display: block;
text-decoration: none;
color: #FFF;
background: #555;
margin-left: 1px;
white-space: nowrap;
}
nav .menu ul li a:hover { 
background: #4860a5; 
}

nav .menu li:hover ul {
display: block;
position: absolute;
}

nav .menu li:hover li {
float: none;
}

nav .menu li:hover a { 
background: #4860a5; 
}

nav .menu li:hover li a:hover { 
background: #4860a5; 
}

/* content and sidebar layout */

#content {
float: left; 
width: 610px; 
margin:10px 0 10px 0; 
padding:5px 20px 5px 20px;
background-color: #fff;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}
.post-body{
	font-size: 16px;
}

#pagination a:hover, #pagination a:link, #pagination a:visited {background-color: inherit!important;border-bottom:1px solid #CEDEF7!important;text-decoration:none;}
.p_bar a {
 	float: left;
	text-decoration: none;
}
.p_input {
	background: #EBEBEB;
	border: 0;
	height: 16px;
    margin: 0;
	width: 40px;
}
.p_total {
	border: 1px solid #CEDEF7;
	border-right: 0;
    padding:1px 5px;
}
.p_pages {
	border: 1px solid #CEDEF7;
	margin-right: 1px;
	vertical-align: middle;
    padding:1px 5px;    
}
.p_num {
	border: 1px solid #CEDEF7;
	margin-right: 1px;
	vertical-align: middle;
    padding:1px 5px;        
}
a:hover .p_num {
	background-color: #DEF7FF;
	border: 1px solid #CEDEF7;
 	text-decoration: none;
}
.p_redirect {
	border: 1px solid #CEDEF7;
    padding:0px 5px 2px;    
}
a:hover .p_redirect {
	border: 1px solid #CEDEF7;
	text-decoration: none;
}
.p_curpage {
	background-color: #FFDE7A;
	border: 1px solid #CEDEF7;
	margin-right: 1px;
	vertical-align: middle;
    padding:1px 5px;
}

/* Start Tag Cloud CSS */
.cloud {padding:1px; line-height:150%;text-align:justify;}
.cloud a {text-decoration:none;padding:0px;}
a.tag1 { font-size: 0.8em; font-weight: 100; }
a.tag2, a.tag3 { font-size: 0.9em; font-weight: 200; }
a.tag4 ,a.tag5, a.tag6 { font-size: 1.0em; font-weight: 300; }
a.tag7, .tag8, a.tag9  { font-size: 1.1em; font-weight: 400; }
a.tag10, a.tag11, a.tag12 { font-size: 1.2em; font-weight: 500; }
a.tag13, a.tag14, a.tag15 { font-size: 1.4em; font-weight: 600; }
a.tag16, a.tag17, a.tag18 { font-size: 1.6em; font-weight: 700; }
a.tag19, a.tag20, a.tag21 { font-size: 1.8em; font-weight: 800; }
a.tag22, a.tag23, a.tag24 { font-size: 2.2em; font-weight: 900; }
a.tag25, a.tag26, a.tag27 { font-size: 2.3em; font-weight: 900; }
a.tag28, a.tag29, a.tag30 { font-size: 2.4em; font-weight: 900;}
/* End Tag Cloud CSS */


aside {
float: right;
text-align: left; 
width: 300px; 
margin:0; 
padding:0;
}

/* article */
.articlecontent {
margin-bottom: 20px;
}
.post-body{
padding-top: 5px;
}
.post-body h3 {
	font-size: 18px;
	color: #000;
	padding-bottom: 0px;
	border-bottom: #ed8400 0px solid;
	margin-bottom: 0px;
}
.post-body h2 {
	background:none;
}
.post-body a {
	text-decoration: none;
}
.articlecontent p a {
color: #ed8400;
}

.articlecontent p a:hover {
color: #4860a5;
}

/* box shadow on pics */
.articlecontent img {
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

/* sidebar */
aside section {
margin: 10px 0 0 0;
padding: 10px 15px;
background-color: #fff;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

aside section ul {
margin: 0 0 0 20px;
list-style-image: url(images/orangearrow.gif);
color: #ed8400;
}

aside section ul li a {
display: block;
text-decoration: none;
color: #000;
}

aside section ul li a:hover {
background-color: #ed8400;
color: #fff;
}
aside a {
text-decoration: none;
color: #000;
}
/* footer */
footer {
clear: both;
float: left;
background: #555;
width: 960px;
color: #fff;
margin-bottom: 10px;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

.footer-info{
text-align: center;
}

footer p {
text-align: right;
font-size: 11px;
padding-right: 20px;
}

footer a {
color: #ed8400;
}

footer a:hover {
color: #FFF;
text-decoration: none;
}

article h2 {
	margin-left:-10px;
	margin-right:-10px;
	padding:10px;
	font-size:20px;
	border-radius: 20px; /* half of button size + padding */
   	-moz-border-radius: 20px;
   	background: -webkit-gradient(linear, left top, left bottom, from(#8cc0f6), to(#cfe4fa));
   	background: -moz-linear-gradient(top, #8cc0f6, #cfe4fa);
}
article h2 a{
 text-decoration: none;
}

.read-more {
   margin: 2px;
   border: 1px solid #000;
   display: inline-block;
   padding: 3px;
   
   border-radius: 3px;
   -moz-border-radius: 3px;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
   background: -moz-linear-gradient(top, #fff, #ddd);  
   border: 1px solid #bbb;
 }

.dsq-widget-item{
display: inline;
}


