/*  
Theme Name: Webs Wonder New
Theme URI: 
Description: A clean, minimalist theme
Version: 
Author: 
Author URI: 
*/

/*BROWSER RESET*/


* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}
	
	/*End browser reset*/


/*************************************
 +Containers
 *************************************/
 
 
body{
	background:#fff url(images/background.jpg) repeat-x;
	color:#555;
	font-family: Georgia, serif;
	font-size:62.5%;
	_font-size:64.0%;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}

#wrap{
	margin:0 auto;
	text-align:left;
	width:95%;	
}


/*Content and sidebar total 95% to allow floating space in IE*/

#content{
	font-size:1.6em;
	float:left;
	padding:0em;
	width:70%;
	line-height:1.6em;
}


#sidebar{
	font-size:110%;
	float:right;
	width:25%;
	margin:0px 0px 10px 0px;
}

#sidebar img{
	border:0px;
	margin-right:2px;
}

#sidebar .topmenu{
margin-top:1em
}


#header{
	padding:2em 0em;
}


#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:transparent;
/*	border-top:1px solid #EFEFEF;*/
	color:#888;
	clear:both;
	font-size:1.1em;
	padding:0.5em 0em;
	width:95%;
	margin:0px;
}

#footer p{
margin:5px 0px 5px 0px;
}

#footer em{
font-style: italic;
}



.commentnote{
font-style: italic;
	border-bottom:1px solid #EFEFEF ;
	padding:0px 0px 10px 0px;
	font-size:90%;
}


#logotop{
	background: url(images/webs-wonder-logo.png) top right no-repeat;
	width: 181px;
	height: 150px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
}


/*Header Text*/

#header h1 {
	font-family:  Georgia, serif;
	font-size:3.7em;
	margin:0em 0em 0em 0em;
	font-weight:normal;
   color:#E87830;
	line-height:1.0em;
	position: relative;
	z-index:10;

}


#header h1 a {
   color:#E87830;
}



#header p{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color:#666666;
	font-size:1.5em;
	margin:0em 0em 0em 0.3em;
}


/*Body Text*/

.entrytitle h2, .entrytitle h2 a{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:115%;
	color:#0080C0;
	font-weight:normal;
	line-height:1.3em;
	padding:0em;
	margin:0em;
	text-decoration:none;
}

.entrytitle h2 a:hover{
	text-decoration: underline;
}



.entrytitle .dateline{
margin-top:0px;
padding-top: 0px;
font-style: italic;
font-size:85%;
font-family:Verdana, sans-serif;
color:#990000;
font-weight:normal;
}


.entrybody li .dateline{
margin:10px 0px 0px 0px;
padding: 0px;
font-size:85%;
font-style: italic;
font-family:Verdana, sans-serif;
color:#990000;
font-weight:normal;
}





.entrytitle .commentline{
margin-top:0px;
padding-top: 0px;
font-size:85%;
font-family:Verdana, sans-serif;
color:#333333;
font-weight:normal;
}

.entrybody{
	border-bottom:1px solid #EFEFEF;
}


ul li .postdateinfo{
font-size:80%;
margin:0px;
padding:0px;
color:#990000;
}





#content .entrybody h3{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:100%;
	font-weight:normal;
	color:#CC6911;
	margin:0.3em 0em 0.3em 0em;
	padding:0em;
}


.entry h4{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 95%;
	font-weight:normal;
margin:0.3em 0em 0.3em 0em;
	padding:0em;
}


/*************************************
 +Entry
 *************************************/


.entry{
	margin-bottom:1em;
}

.entry p, .entry li{
line-height:1.7em;
margin:0.3em 0em 1.0em 0em;
font-family: Verdana, sans-serif;
color:#333333;
font-size: 80%;
}


#content .entrybody ul{
padding-left:1em;
margin: 0.5em 0em 1.0em 1em;
}


#content .entrybody  ul li{
margin:0.3em 0em 0.3em 1.5em;
}


.entry a{
text-decoration:underline;
color:#2C6196;
}

.entry p strong, .entry li strong{
	font-weight:bold;
}


.entry p em, .entry li em{
	font-style: italic;
}


/*ACCESSIBILITY*/


/*TAB navigation color*/

/*a:focus, a:active, #header a:focus, #header a:active {
color: yellow !important; 
background-color: black;
}
*/








/*EDITOR CLASSES FOR IMAGES*/


.entry .wp-caption p{
	font-size:smaller;
	margin:0px;
	padding:0px;
text-align:center;
}

.entry .aligncenter{
margin:0px auto;	
}


.entry .alignleft {
float:left;
margin: 5px 10px 3px 0px;
}

.entry .alignright {
float:right;
margin: 5px 0px 3px 10px;
}

















.entry blockquote{
	margin-left:4em;
margin-right:6em;
font-style: italic;
}



.entry table{
	background-color: #EFEFEF;
	border:1px solid #DDDDDD;
	width:95%;
	margin:1em auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 80%;

}

.entry table td{
	background-color: transparent;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
padding:1px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}



.entry table th{
font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	color:#333333;
font-weight:bold;
padding:1px 5px;
}





/*************************************
 +Sidebar
 *************************************/
 
 

#sidebar h3{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight:normal;
	color:#CC6911;
	font-size:135%;
	margin:1.0em 0.2em 0.3em 0.2em;
}
 
#sidebar ul{
	font-family: Verdana, sans-serif;
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li{
	border-bottom:1px solid #dddddd;
	margin:2px 0em 3px 0em;
	padding:2px 1px 5px 3px;
	font-size:115%;
	line-height:1.25em;
}


/*Second level*/

#sidebar ul ul{
list-style-type: none;
	margin-left:12px;
	padding:0;
}
#sidebar ul li ul li{
	border-bottom:none;
	margin:0em;
	padding:0.4em 0em 0.2em 12px;
	font-size:98%;
	background: url(images/arrow-new.gif) center left no-repeat transparent;
}



/*Current Page Item*/


#sidebar ul li.current_page_item a{
	color: #990000;
	background: #FFFFFF;
font-weight: bold;
}

/*Treat Child of current page normally*/

#sidebar ul li ul li.page_item a{
	font-weight:normal;
	color:#0080C0;
}

#sidebar ul li ul li.current_page_item a{
	font-weight:bold;
	color:#990000;
}





/*COMMENTS*/
 
 
 
.commentsblock{
	margin:5px 0px 10px 0px;
	padding: 0px 15px 5px 15px;
background-color:#FFFFFF;
border-right:1px solid #EFEFEF;
border-left:1px solid #EFEFEF;
}

.commentsblock h3, .commentsblock h3#comments{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin:0em 0em 0.5em 0em;
	padding:0em;
	line-height: 1.3em;
	font-size:95%;
	color:#015C3F;
	font-weight:normal;
}


.commentsblock p{
font-family:verdana,sans-serif;
	margin:0.5em 0em;
	padding:0em;
	line-height: 1.5em;
	font-size:75%
}


.commentsblock textarea{
font-family:verdana,sans-serif;
	width:90%;
	height: 150px;
	padding:4px;
	border:1px solid #d1d1d1;
	font-size:95%;

}


.commentsblock input{
font-family:verdana,sans-serif;
	border:1px solid #d1d1d1;
	padding:2px;
	font-size:95%;
}



.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #FFFFEE;
	font-size:90%;
}

.commentsblock textarea:focus, .commentsblock input:focus{
	background:#FFFFEE;
	border:1px solid #a1a1a1;
}



.commentauthor{
	display:block;
	font-size:90%;
}
ol.commentlist{
	color:#777;
	font-size:95%;
	list-style-type:none;
	margin:0;
	margin-top:1.0em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.3em;
	padding:0.3em 0.3em;
}


.commentlist li .entry{
font-size:120%;
margin:0px;
}




.commentsblock #submit{
	background-color:#D4D0C8;
	border-right:2px solid #404040;
	border-bottom:2px solid #404040;
	border-top:2px solid #FFFFFF;
	border-top:2px left #FFFFFF;
	font-size:95%;
	color:#000000
}

.commentsblock  #submit:focus{
background-color:#CCCCCC;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	border-top:2px solid #404040;
	border-top:2px left #404040;
	font-size:95%;
}


.alt{
	background:#FFFFEE;
	border:1px dotted #d1d1d1;
	padding:0.5em;
	font-size:90%;
}


#comment-form{
	background-color: #F3F5E9;
padding:5px 10px 5px 10px;
margin-top:20px;
}


/*h3#comments{
font-size:1.6em;
}
*/

/*End Comments*/



/*************************************
 +Misc
 *************************************/
a{
	color:#2C6196;
	text-decoration:none;
}
a:hover{
	color:#CC0000;
}



/*************************************
 +Calendar
 *************************************/
 
 
 #wp-calendar{
font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
 	margin: 0px;
 background-color:#FFFFFF;
 padding:0px;
margin-bottom:0px;
 }
 

 #wp-calendar td{
padding:1px 2px;
font-size:85%;
 }
 


#wp-calendar td a:link, #wp-calendar td a:visited{
color: #0000FF;
font-weight:bold; 	
text-decoration:underline;
 }
 

#wp-calendar #today{
font-weight:bold; 
border:1px solid black;
 }


 
  #wp-calendar caption{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight:normal;
  	text-align:left;
  padding:10px 0px 5px 0px;
 	font-size:125%;
color:#CC6911;
  }
  
 #wp-calendar #prev, #wp-calendar #next{
font-weight:bold;
color:blue;
  }

   
	
		
	
	.stats{
		visibility:hidden;
		display:none;
	}
	
	
/*#respond{
	background-color: #EFEFEF;
	padding:10px;
}
*/



.gone{
	visibility:hidden;
	display:none;
}


.skip{
	visibility:hidden;
	display:none;
}


hr{
	border-bottom:1px dashed gray;
	margin-bottom:10px;
}


.entry table.portfolio{
font-size:100%;
background:#fff url(images/tableback.jpg) repeat-x;
	border:0px;
	width:95%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

.entry table.portfolio td{
	border:0px;
}




.latestnews{
border:1px solid #CCC;
padding: 5px 6px;
margin:10px 30px 5px 0px;
background-color: #ECF5FF;
font-family:verdana, sans-serif;
color:black;
line-height:1.2em;
font-size:80%;

-moz-border-radius: 10px;
border-radius:10px;
-webkit-border-radius: 10px;	
}


.latestnews strong{
font-weight:bold;
}


/*p.latestnews {
margin:2px 20px;
padding: 0px;
font-size: 90%;
}
*/






/*EDITOR CLASSES FOR IMAGES*/

/*Change .entry if not apply*/

/*Image border*/

.entry img {
	border: 2px solid #CCC;
	padding: 4px;
	margin:2px;
}

/*Caption positioned central to picture*/

.entry .wp-caption p{
	font-size:70%;
	margin:0px 0px 10px 0px;
	padding:0px;
text-align:center;
line-height:1.1em;
}


/*Center or float*/

.entry .aligncenter{
margin:0px auto;	
}

.entry .alignleft {
float:left;
margin: 5px 15px 3px 0px;
}

.entry .alignright {
float:right;
margin: 5px 0px 3px 15px;
}


/*Legacy Positioning*/

.entry img.float-right, .entry p.float-right {
  margin: 5px 0px 5px 15px;  
  float: right;
}

.entry img.float-left, .entry p.float-left {
  margin: 5px 15px 5px 0px;
 float: left;
}


/*ARCHIVE SPAN HEADER*/


#content h2.archivespan{
font: normal bold 120%/1.0em verdana,sans-serif;
color:#F2B48A;
margin:0.5em 0px 0.5em 0px;
padding-bottom:2px;
border-bottom:1px solid #F2B48A;
}




/*SHOW / HIDE ITEM*/

#content .posthidden {display:none}
#content .postshown {display:inline}


.strapline{
font-family: verdana, arial, sans-serif;	
font-size: 100%;
line-height: 1.4em;
margin:10px 5px 0px 5px;
}




/*QTRANSLATE*/


/* qtranslate language chooser */


.qtrans_language_chooser  {
display: block;

}


.qtrans_language_chooser li { 

/*Makes button horizontal. Remove to have buttons vertical*/
  float: left; 
  z-index: 10;
  position:relative;
	width: 60px;
	height:14px;
	background-color:#007800;
	border:1px solid white;
	margin:10px;
	padding:0px;
	font-weight:bold;
	text-align:center;
	-moz-border-radius: 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;	
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}



.qtrans_language_chooser li.active { 
	background-color:#FE0000;
}




/*  QTRANSLATE LANGUAGE SWITCHER*/


.qtrans_language_chooser li a {
color:#FFFFFF;
font-family:verdana, sans-serif;
text-decoration: none;
font-size:100%;
margin-top: 5px;
}


.qtrans_language_chooser li.active {
color:#FFFFFF;
font-family:verdana, sans-serif;
text-decoration: none;
font-size:100%;
margin-top: 5px;
background-color:#FE0000;
}


.qtrans_language_chooser li:hover {
display:block;
color:#FFFFFF;
background-color:#FE0000;
}