/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--            Main Layout            --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

body {
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center;
  color: #333333;
  background-color:#d3e2f8;
  margin:0;
  padding:0;
}

#global{
	width: 990px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/**** addthis ***/
#atff {
  display: none;
}

#topbar{
	width:100%;
	height:60px;
	padding-bottom:5px;
	/* background:url(img/bg-topbar2.jpg) repeat-x center top; 
	border-top:4px solid #D3E2F8;
	*/
	background-color:#505150;
	
	border-top:4px solid #75cde8;
}

#topbar .topcontent{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	color:#FF3300;
}

.content {
  width: 990px;
  background-color:#FFFFFF;
  min-height:800px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  clear:both;
  background-image:url(img/bg-content.gif);
  border-left:1px solid #E0E0E0;
  border-right:1px solid #E0E0E0;
}

.post-wrap {
  width: 640px;
  margin:10px 0;
  float: left;
}

.sidebar-wrap {
  width: 350px;
  padding: 0px 0 0 0px;
  float: right;
}

/** 212 **/
.middlewidget {
width: 190px;
padding: 0px;
float: right;
background-color:#F2F2F2;
}

/** 485 **/
.indexposts, .single{
	margin-left:10px;
  width: 600px;
  float: left;
  padding:0px 10px;
}

/***** Footer ****/

#footer {
  width: 100%;
  height: 50px;
  margin:0;
  text-align: left;
  background-color:#505150;
}

#footer .bottomcontent{
padding-top:15px;
width:990px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
}

.bottomcontent a{
color:#FFFFFF;
}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--             Defaults              --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/


ul,li{ margin:0; padding:0; }
ul li{ list-style-type: none;}


a {text-decoration: none; color: #333;}
img {border: none;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.valign{vertical-align:middle}

h1, h2, h3, h4, h5, h6 { 
  margin: .6em 0 .5em 0;
  line-height: 1.2; 
  font-weight: bold;
  font-style: normal; 
} 

h1 {color: #22a1c0; font-size: 1.75em; }
h2 {color: #a8a8a8; font-size: 20px; }
h3{font-size:16px;}
h2.entry-title{ color:#429dca; margin-bottom:0; }
h2.entry-title a{ color:#429dca; padding:0; margin:0; }
h2.entry-title a:hover{ text-decoration:underline; }
h4 {  font-size: 14px; font-weight: bold; color:#429dca; }

p {  line-height: 1.5em; margin-bottom: 1em; }

form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 

input, button, select { 
  vertical-align: middle;
}


.single a{
color:#429dca;
}

.single .post img{
padding:3px;
border:1px solid #ebebeb;
}

.single .post h3{
color:#429dca;
margin-top:15px;
margin-bottom:15px;
}

.single h4, .single h4 a{
color:#F8AC45;
}

.single a:hover{
text-decoration:underline;
}

img.alignleft{
float:left;
margin:5px 8px 8px 0;
padding:3px;
border:1px solid #ebebeb;
}



/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--       Banner(Topbars,Logo)        --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.logo {
  padding-top: 20px;
  margin: 0 auto;
  float:left;
}

#topbar .topmenu{
	float:left;
	margin-left:20px;
}


#navbar li{
float:left;
color:#FFFFFF;
margin-left:30px;
/* text-align:left; */
}

#navbar li a{
display:block;
padding-top: 15px;
padding-right: 7px;
padding-bottom: 3px;
padding-left: 5px;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:14px;
color:#CCCCCC;
}

#navbar li .sub{
margin:0;
padding:0;
font-weight:normal;
font-size:11px;
display:block;
}

#topbar li:hover{
display:block;
background:url("img/menu-arrow.png") no-repeat top;
color:#FFFFFF;
}

#navbar li a:hover{
color:#FFFFFF;
}

.subscribe {
	margin-top:8px;
	margin-right:5px;
  color: #6d6d6d;
  display: block;
  float: right;
}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--              Post                 --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

/** 212 **/
.middle-block{
  width: 190px;
  padding: 0px;
  background-color:#F2F2F2;
  margin-bottom: 19px;
 /* border:1px solid #D4D4D4; */
}

.middle-block h3{
	font-size:13px;
	margin-top:0;
	padding-left:3px;
	line-height: 36px;
	width: 184px;
	color: #429dca;
	background:url(img/bg_h3.gif) repeat-x;
} 

.indexposts .post {
margin-bottom:5px;
margin-top:5px;
}

.indexposts .post p{
margin:0;
padding:0;
}

.post ul{
margin: .75em 0 .75em 32px; 
list-style-image:url(img/middle-button.gif);
}

.post ul li{
margin:0px 0 6px 0;
line-height:20px;
}


.post span.meta {
  color: #9a9a9a;
}

.post table{
border:1px solid #999999;
border-collapse:collapse;
margin:10px;
}

.post table td, .post table th{
padding:3px;
border:1px solid #999999;
}

.post table th{
background-color:#F2F2F2;
}

.entry-img {
  margin-top:5px;
  margin-right: 10px;
  float:left;
  width:150px;
} 

.entry-img img{
padding:3px;
border:1px solid #ebebeb;
}

.entry-content {
  line-height: 21px;
  color: #2f2f2f;
  float:left;
  width:440px;
  margin:0; 
  padding:0;
}

.entry-infos{
 height:108px;
}

.entry-date {
color:#898989;
font-size:11px;
margin-bottom:0;
padding-bottom:0;
}

.entry-tags {
background-color:#F2F2F2;
padding-top:0px;
padding-bottom:5px;
margin-top:5px;
width:440px;
height:16px;
font-size:11px;
color:#898989;
border-bottom:1px solid #dedede;
border-top:1px solid #dedede;
}

.entry-tags a{
color:#898989;
}

.entry-tags img{
vertical-align:middle;
}

.index-add{
width:468px;
height:60px;
margin-left:auto;
margin-right:auto;
}

.readmore {
  color: #169db8;
  font-style: italic;
  text-decoration: underline;
}
.readmore:hover {
  color: #0a6577;
  text-decoration: none;
}
.post-comments {
  width: 35px;
  height: 29px;
  color: #6b92a9;
  padding-top: 3px;
  text-align: center;
  font: bold 14px arial;
  display: block;
  float: right;
  background: url("img/comments.gif") no-repeat;
}

.hr {
  height: 1px;
  margin: 5px 0;
  background: #ebebeb;
}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--            Front Page             --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/


.showcase {
  width: 450px;
  padding: 10px;
  margin-bottom: 25px;
  background-color:#F6F6F6;
  border-bottom:1px solid #D4D4D4;
}

.showcase img {
  margin-bottom: 7px;
}

.middle-block ul{
	margin:0;
	padding:0;
	list-style-type:none;
	padding:5px;
}

.middle-block li {
  padding: 5px 5px 5px 0px;
  border-bottom:1px solid #dedede;
  /* background:url(img/li-arrow.png) no-repeat 0% 50%; */
}

.middle-block li a {
  color: #333333; 
}

.middle-block li:first-letter{text-transform:uppercase;}

.middle-block li a:hover {
  color: #444;
}

.middle-block li.last {
  border:none;
}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--              Sidebar              --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.widget{
margin-top:5px;
}

.sidetabs{
margin:15px 0 15px 5px;
/* border:1px solid #dedede; */
padding:5px;
background-color:#F2F2F2;
width: 330px;
}

#tabhead li a{
	display:block;
	background-color:#ffffff;
	margin-right:5px;
	padding:8px 10px 8px 10px;
	float:left;
	color:#666666;
	font-weight:bold;
	border:1px solid #dedede;
}

#tabhead li a.selected{
	background-color:#505150;
	color:#ffffff;
}

.widgetcontent{
clear:both;
margin-top:5px;
padding:8px 8px 8px 8px;
background-color:#FFFFFF;
border:1px solid #dedede;
}

.widgetcontent ul li{
margin-top:8px;
padding:0px 0px  5px 5px;
border-bottom:1px solid #dedede;
}

.widgettitle {
  padding: 5px 0 5px 0;
  color: #5e5e5e;
  text-transform: uppercase;
}

.searchdiv{
margin:20px 0 15px 14px;
background-color:#F2F2F2;
width: 240px;
}

/**** search form ****/

#searchform #s {
  width: 195px;
  height: 15px;
  padding: 4px;
  font-size: 12px;
  border: 2px solid #d4d4d4;
  background: #fff;
}

form#searchform{
position:relative;
overflow: hidden;
}

.search-text{
margin:0;
color:#777777;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

.search-submit{
	position: absolute;
	left: 205px;
	top: 0;
	background:url("img/searchbutton.png") no-repeat;
	width:35px;
	height:27px;
	border:0; margin:0; padding:0;
	cursor:pointer;
}

/**** advertisement ****/

.advertisement {
margin-left:auto;
margin-right:auto;
width:100%;
text-align:center;
}

/***** twitter *****/

#twitter_div{
margin-bottom:20px;
}

ul#twitter_update_list li{
margin-top:10px;
}

ul#twitter_update_list li span a{
color: #429dca;
}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--       Comments and Gravatar       --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.commentlist {
  width: 590px;
  padding: 5px;
  padding-left:5px;
  margin: 0;
  clear: both;
  float: left;
}
li.comment{
  margin: 0;
  font-size: 13px;
  color: #333;
  clear: both;
  float: right;
}

.prop {
    height:40px;
    float:right;
    width:1px;
}

.pingback{
  margin: 0;
  font-size: 13px;
  color: #333;
  clear: both;
}
.pingback a{
   margin-left: 5px;
   color: #333;
   font-style:normal;
}
.trackback{
  margin: 0;
  font-size: 13px;
  color: #333;
  clear: both;
}
.trackback a{
   margin-left: 5px;
   color: #333;
   font-style:normal;
}
.comment-meta {
  height: 36px;
  font-size: 12px;
  color: #8f8f8f;
  font-family: tahoma;
  background: url("img/commentbar.gif") repeat-x;
}
.comment-meta span{
  padding: 10px 10px 0 0;
  color: #8f8f8f;
  font-family: tahoma;
}
li div.comment-meta .author{
  height: 26px;
  padding: 10px 7px 0 7px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  font-family: Georgia;
  float: left;
  color: #666;
  background: url("img/usercomment.gif") repeat-x;
}
li div.comment-meta .author a{
  color: #175084;
}

#respond {
  padding-left: 5px;
  padding-right: 5px;
  color: #333;
  clear: both;
}
#respond a{
  font-size: 13px;
  font-weight: bold;
}

#cancel-comment-reply{
  clear: both;
  
}
#cancel-comment-reply a{
  color: #175084;
  text-decoration: underline;
  font-size:11px;
}

li.depth-1{ width: 100%; }
li.depth-2{ width: 95%; }
li.depth-3{ width: 95%; }
li.depth-4{ width: 95%; }
li.depth-5{ width: 95%; }
li.depth-6{ width: 95%; }
li p {
  clear: both;
  margin:0 0 1em;
  color: #333;
  line-height: 18px;
}
li.comment a{
  color: #000;
}


.gravatar-text {
  height: 1%;
  margin: 10px 0;
  width:
}

.gravatar-wrap {
  width: 45px;
  height: 45px;
  padding: 5px;
  float:left;
  background: #ececec;
}

.gravatar-text .comment-text{
float:left;
margin-left:10px;
width:510px;
}

li .comment-reply {
  float: right;
  padding: 5px;
}


li .comment-reply .comment-reply-link {
  width: 65px;
  height: 27px;
  display: block;
  background: url("img/reply.gif") no-repeat;
  float:left;
}

li .comment-reply .comment-edit-link {
  width: 49px;
  height: 27px;
  display: block;
  background: url("img/edit.gif") no-repeat;
  float:left;
  margin-left:5px;
}

#comments{
  margin-bottom: 15px;
}

.addthis_container{
float:right;
}

.post-related{
margin-top:10px;
margin-bottom:20px;
padding-left: 5px;
padding-right: 5px;
}

ul.related_post li{
margin-top:5px;
}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--           Comment Form            --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

textarea#comment {
  padding: 5px;
  overflow:auto; 
  color: #000;
  border: 1px solid #d4d4d4;
  background-color: #f8f6f6;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  width:350px;
}
#commentform input {
  width: 197px;
  height: 20px;
  padding: 5px;
  float: left;
  color: #000;
  border: none;
  background: url("img/input.gif") no-repeat;
}
#commentform label {
  color: #444;
  font-size: 12px;
  padding-top: 5px;
  padding-left: 5px;
  display: inline-block;
}
#commentform p {
  clear: both;
}
#commentform a {
  color: #555;
}
#commentform div {
  padding-top: 7px;
  clear: both;
}
#commentform input#submit {
  width: 105px;
  height: 37px;
  margin-bottom: 10px;
  display: inline-block;
  border: none;
  cursor:pointer;
  background: url("img/submit.png") no-repeat;
}


/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--             Elements              --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.recentcomments-middle ul li{
list-style-type:none;
background:none;
}

.pagination {
margin-top:20px;
margin-bottom:10px;
text-align:center;
}

/*** pagination ***/

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 6px 8px 6px 8px; 
	margin: 2px;
	text-decoration: none;
	color: #0066cc;
	background-color: #F6F6F6;	
}
.wp-pagenavi a:visited {
	padding: 6px 8px 6px 8px; 
	margin: 2px;
	text-decoration: none;
	color: #0066cc;
	background-color: #F6F6F6;		
}
.wp-pagenavi a:hover {	
	background-color: #CCCCCC;	
}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	background-color: #FFFFFF;
	float:left;
}
.wp-pagenavi span.current {
	padding: 6px 8px 6px 8px; 
	margin: 2px;
	color: #ffffff;
	background-color: #505150;	
}

.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	background-color: #FFFFFF;
}