/*  
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*/


 
/* Universal Font Selector */


* {
font-family : LucidaGrandeRegular, verdana, sans-serif ;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) */



@font-face {
    font-family: 'WillGraceRegular';
    src: url('./fonts/will_grace-webfont.eot');
    src: url('./fonts/will_grace-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/will_grace-webfont.woff') format('woff'),
         url('./fonts/will_grace-webfont.ttf') format('truetype'),
         url('./fonts/will_grace-webfont.svg#WillGraceRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'LucidaGrandeRegular';
    src: url('./fonts/lucida-grande-webfont.eot');
    src: url('./fonts/lucida-grande-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/lucida-grande-webfont.woff') format('woff'),
         url('./fonts/lucida-grande-webfont.ttf') format('truetype'),
         url('./fonts/lucida-grande-webfont.svg#LucidaGrandeRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* @font-face {
    font-family: 'LucidaGrandeBold';
    src: url('./fonts/lucida-grande-bold-webfont.eot');
    src: url('./fonts/lucida-grande-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/lucida-grande-bold-webfont.woff') format('woff'),
         url('./fonts/lucida-grande-bold-webfont.ttf') format('truetype'),
         url('./fonts/lucida-grande-bold-webfont.svg#LucidaGrandeBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

 */


 
body{
	background:#fff url(images/background.jpg) repeat-x;
	color:#555;
	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:120%;
	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{
	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:  WillGraceRegular, serif;
font-size:50px;
margin:0em 0em 0em 0em;
font-weight:normal;
color:#E87830;
line-height:1.0em;
position: relative;
z-index:10;

}



#header h1 a {
font-family:  WillGraceRegular, serif;
color:#E87830;
}



#header p{
	color:#666666;
	font-size:1.5em;
	margin:0em 0em 0em 0.3em;
}


/*Body Text*/

.entrytitle h2, .entrytitle h2 a{
	font-family: WillGraceRegular, georgia, serif;
	font-size:30px;
	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%;
color:#990000;
font-weight:normal;
}


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





.entrytitle .commentline{
margin-top:0px;
padding-top: 0px;
font-size:85%;
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-size:100%;
	font-weight:normal;
	color:#CC6911;
	margin:0.3em 0em 0.3em 0em;
	padding:0em;
}


.entry h4{
	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;
color:#333333;
font-size: 90%;
}


#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;
color:#333333;
font-size: 90%;

}

.entry table td{
	background-color: transparent;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
padding:1px 5px;
}



.entry table th{
	background-color: transparent;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	color:#333333;
font-weight:bold;
padding:1px 5px;
}




.entry form input, .entry form select, .entry form textarea {
border:1px solid gray;
}







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

#sidebar h3{
	font-weight:normal;
	color:#CC6911;
	font-size:135%;
	margin:1.0em 0.2em 0.3em 0.2em;
}
 
#sidebar ul{
	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{
	margin:0em 0em 0.5em 0em;
	padding:0em;
	line-height: 1.3em;
	font-size:95%;
	color:#015C3F;
	font-weight:normal;
}


.commentsblock p{
	margin:0.5em 0em;
	padding:0em;
	line-height: 1.5em;
	font-size:80%
}




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

}


.commentsblock input{
	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;
}



	
		
	
	.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%;
color:#333333;
}

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




.latestnews{
border:1px solid #CCC;
padding: 5px 6px;
margin:10px 30px 5px 0px;
background-color: #ECF5FF;
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;
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-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;
text-decoration: none;
font-size:100%;
margin-top: 5px;
}


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


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