/*
Theme Name: Websites Are Us
Description: Websites Are Us Theme.
Version: 1.0
Author: Websites Are Us

text: anthrazit: 314145
link turquoise: 27A4E4
medium blue: color:084aad
vw blue: 2254a7
dark blue 000099
bright turquoise: ccffff
turquoise: 27A4E4
dark turquoise: #058DC7
orange: #b7323a
green: #4BB748
instead white: eeeeee



*/
html,body{
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}


body {
 font-size: 14px;
 font-family: Arial,Tahoma, sans-serif;
 line-height:1.5em;
 margin:0;
 padding:0;
 color: #3A4145; /*text anthrazit*/
 height:100%;
 background: url(images/gradient.png) repeat-x;

 }
.logo {
width:960px; 
height:60px;
margin:0 auto;
background: url(images/websites-are-us-logo.png) no-repeat;
 }

#content {
width:960px;
margin:0 auto; 
padding-top:0px;
line-height:1.5em;
text-align:justify;
}

#container{
width:960px;
margin: 0 auto;
padding-top:0px;
min-height:100%; /*** moz uses this to make full height design. If you change this to height:100% moz won't expand the design if content grows.
 ***/
 /* \*/
width:960px;
margin: 0 auto;
height:100%;
/* Last height declaration hidden from Mac IE 5.x */
width:960px;
margin: 0 auto;
display:table-cell; /*** Safari fixes to 100% height. This makes Safari treat the div as a table cell (no other browser does this) and thus it will expand ***/
}

#contain\65	r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
width:960px;
margin: 0 auto;
height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/

* html #container{
width:960px;
margin: 0 auto;
height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
/*** Fixes height for IE, back to full height,
from esc tab hack moz min-height solution ***/
/*	Left Container	*/
	

#left-container {
 float:left;
 width:700px;
 margin:0;
 }
/*	Entry	(this is the white 'writing pad' for a post	*/	
 

.entry {
 width:680px;
 min-height:500px; 
 margin:28px 0 0 0;
 padding:0px;
/* background:#fff ;
 border:1px solid #ddd;*/
 } 
 
/*.entry h2 {
 font-size:25px;
 margin:0 0 10px 0;
 }  */
 
/*	Right Container	*/	

#right-container {
 float:left;
 width:260px;
 margin:28px 0 0 0;
 } 

.green {color:#4BB748; /*green*/}
.blue {color:#058DC7; /*dark turquoise*/}
.darkblue {color:#000099; /*dark blue*/}
.turquoise { color:#27a4e4; /*turquoise*/}
.orange { color:#b7323a; /*orange*/}
.white  { color:#FFFFFF; /*white*/}

 
/*	Top			*/	

#top{
 margin:0 auto;
 padding:0;
 }
 
#wrap {
 width:960px;
 margin:0 auto;
 padding:0;
 }
 
#blueborder { 
width:100%;
min-height:60px;
background:url(images/bodybg.png) repeat-x;
}

#badge {
	width:960px;
	margin:0 auto;
	top: 84px;
  	height: 150px;
	color:#000000;
	text-decoration:none;
	background:url(images/badge.png) no-repeat right;
}

#nobadge {
	width:960px;
	margin:0 auto;
	top: 84px;
  	height: 154px;
	color:#000000;
	text-decoration:none;
}
#affordablebadge {
	width:960px;
	margin:0 auto;
	top: 84px;
  	height: 168px;
	color:#000000;
	text-decoration:none;
	background:url(images/affordable-websites-badge.png) no-repeat right;
}
#badge h1, #nobadge h1, #affordablebadge h1 {
	margin:0;	
	padding-top:30px;
	color:#000000;
	text-transform:uppercase;
	font-size:30px;
	text-decoration:none;
 }


 /*	Headings		*/  

h1,h2,h3,h4,h5,h6 {
font-family:Arial,Helvetica,Sans-serif;
 /*font-weight:bold;*/
 }
 
h1{
 font-size:20px;
 }
 
h2 {
 font-size:18px;
 }


h3{
 font-size:16px;

 }  
  
h4{
 font-size:14px;
 }
 
h5{
 font-size:10px;
 }
 
h6{
 font-size:8px;
 } 
 
.tbl { 
 padding-left:70px;
 padding-top:25px;
 padding-bottom:30px}
 
/*	Links			*/

a,a:active,a:visited,a:hover{
 color:#27A4E4; /*link turquoise*/
 outline: none; 
 text-decoration:none;
 }
#container a,a:active,a:visited,a:hover{
 color:#27A4E4; /*link turquoise*/
 outline: none; 
 text-decoration:none;
 }
 

 
 
#badge a,a:active,a:visited,a:hover{
 color:#000000; 
 outline: none; 
 text-decoration:none;
 }
 
 
#padd ul li {
	padding-bottom:10px;
}
	
  /*	Navbar		*/	
#blackbg {
	width:100%;
	height:30px;
	margin:0 auto;
	background: url(images/menu/bnavbg.png) repeat-x top right;
	border-top: 1px solid #333333; /*dark grey*/
}


#nav{
 width:960px;
 margin:0 auto;
 padding:0; 
 }

ul.nav{
 display: block;
 float:left;
 list-style-image:none;
 }
 
#nav ul {
 display: block;
 margin: 0;
 padding: 0 ;
 }
 
#nav li {
 display:block;
 margin: 0;
 float:left;
 padding:0 2px 0 0; /*between menu items */
 text-transform:uppercase;
 }	
 
#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
 display: block;
 margin: 0px 0 0 0;
 padding:3px 10px 0 10px;
 text-decoration: none;
 font-size:12px;
 color:#eeeeee; /*whitish */

 }




#nav ul li a:hover {
 display: block;
 color:#27A4E4; /* turquoise*/
 }
 
.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active  {
 display: block;
 height:26px;
 color: #27A4E4 !important; /*turquoise*/ 
 }

#nav li ul {
 position: absolute;
 width: 10em;
 left: -999em;
 }
 
#nav li:hover ul {
 display: block;
 left: auto;
}
	

/* Menu Styles *******************************************/


.bnavwrap {
width:990px;
min-height:30px;
margin:0 auto;
padding-left:6px; /* min 6 px or bnavend not showing*/
}

.bnavileft {
float:left;
width:6px;
overflow:hidden;
height:30px;
background:url(images/menu/bnav-l.png) no-repeat;
}

.bnavinner {
float:left;
background:url(images/menu/bnavbg.png) repeat-x;
width:960px;
min-height:30px;
padding-left:10px;
}

.bnavend {
float:left;
height:30px;
width:6px;
background:url(images/menu/bnav-r.png) no-repeat;
}

.bnavinner ul {
margin: 0px; 
padding: 0px;
float:left;
}

.bnavinner ul li {
display:inline;
padding: 0px;
background:url(images/menu/knot.png) no-repeat right;
float: left;
display: block;
height:30px;
}

.bnavinner ul li a {
font-size: 12px;
color:#fafafa;
padding: 12px 15px 15px 15px;
margin: 0px;
display: block;
}

.bnavinner ul li a:hover {
background:url(images/menu/cat-hover.png);
background-repeat: repeat-x;
height:26px;
}

.bnavinner ul li ul li {
display:inline;
padding: 0px;
float: left;
display: block;
height:26px;
}

.bnavinner ul li ul li a {
display:inline;
padding: 0px;
float: left;
display: block;
height:26px;
}

.bnavinner ul li ul li a {
background:url(images/menu/subcat-hover.png);
background-repeat: repeat-x;
height:26px;
width:190px;
}

.bnavinner ul li ul li a:hover {
background:url(images/menu/subcat-hover.png);
background-repeat: repeat-x;
height:26px;
}

.subscribe {
 margin:1px 3px ;
 float:right;
 color:#eee;
 padding-top:12px;
 padding-right:30px;
 text-transform:uppercase;
 font-size:11px;
 }
 
.subscribe a:link, .subscribe a:active, .subscribe a:visited{ 
 color:#27A4E4; /*turquoise*/
 padding:0 3px;
 }
 
.subscribe a:hover{  
 color:#ccffff;
 }
 
 
#blue ul li a:link,#blue ul li a:active,#blue ul li a:visited
	{
		color:#27A4E4; /*turquoise*/
}
#blue ul li a:hover {
 display: block;
 color:#eeeeee; /* medium blue*/
 }

 

 
/*	Sidebar	*/  

.sidebar {
 width:260px;
 padding:0;
 margin:0;
 font-size: 11px;
 background: url(images/sidebar.png) no-repeat top right;
 }
 .sidebar a,a:active,a:visited,a:hover{
 color:#27A4E4; /*link turquoise*/
 outline: none; 
 text-decoration:none;
 }
 .sidebar-bottom{
 padding:0;
 margin:0 0 10px 0;
 height:15px;
 background: url(images/sidebar-bottom.png) no-repeat top left; }
 
 .sidebar-spacer {
 height:10px;
 padding:0px 10px 10px 10px;
 background: url(images/sidebar-spacer.png) repeat-x center; }
 
.sidebar h2, .sidebar h3, .sidebar h2 a, .sidebar h3 a{
 font-size:15px;
 margin-bottom:3px;
 /*color:#b7323a;/*orange 
 background:#379bcd;*/*/
 } 
 
.sidebar-content {
	padding:15px 10px 10px 25px;
	line-height:normal;
	}
	
.sidebar p {
	padding: 0 0 10px 0;
}
	
	
.sidebar ul {
 /*padding:0 0 0 10px;*/
 list-style:none;
 }
 
.sidebar li {
 /*background:#fff ;
 border:1px solid #ddd; 
 padding:0 10px 10px 15px;
 margin-bottom:10px;*/
  list-style:none;
 } 

  
.sidebar  ul ul li{
 margin:0;
 border:none;
 border-bottom:0px solid #eee;
 background: url(images/libg.gif) no-repeat;
 /*padding:3px 6px 10px 15px;*/
}
 
.sidebar  ul ul ul {
 margin:0;
 padding:0;
 } 
  
.sidebar  ul ul ul  li{
 margin:0;
 /*padding:3px 2px 3px 20px;*/

 } 
 


 
 

/*	Footer		*/ 

#footer{
 
 width:960px;
 color:#27A4E4; /*turquoise */
 margin: 10px auto;

 } 
 
#footer a:link, #footer a:active ,#footer a:visited {
 color:#27A4E4;
 text-decoration:none;
 }
 
#footer a:hover {
 color:#27A4E4;/*turquoise */
 }  
/*Footer Navigation */




 
#footer ul {
	list-style-type:none;
	text-align:left;
 }
 
#footer li {
	list-style-type:none;
	float:left;
	display:block;
 padding-right:10px; /*between menu items */
 }	
 
 /* Footercontainer*/
 #footer-wrap {
	 width:100%;
	 min-height:300px;
	 padding-bottom:10px;
    background: url(images/footerbg.png) repeat-x;
 }
	 
#footer-container {
width: 940px;
margin:0px auto;
padding:5px 10px 10px 10px;
font-size:11px;
color:#eeeeee;
	}
	
#footer-container h2 {
 font-size:16px;
 font-weight:normal;
 color:#27A4E4;/*turquoise */
}

#footer-container h3 {
 font-size:16px;
 font-weight:normal;
 color:#27A4E4;/*turquoise */
 padding: 5px 0 0 0px;
 margin:0;
 }	

.category {
	font-size:11px;
	color:#eeeeee;
	width:235px;
	float:left;
	}

 
#cat-1, #cat-3, #cat-5  {border-top:4px solid #2681c7;margin: 0px;} /*border dark turquoise*/
#cat-2, #cat-4 {border-top:4px solid #27A4E4;margin: 0px;} /*border turquoise */

#cat-1 ul, #cat-2 ul, #cat-3 ul, #cat-4 ul, #cat-5 ul {
	list-style-type:circle;
	list-style-position:inside;
	line-height: 18px;
	margin: 0 0 0 -15px;

}
#cat-1 ul li a:, #cat-2 ul li a:, #cat-3 ul li a:, #cat-4 ul li a:, #cat-5 ul li a:{
	color:#27A4E4;
	text-decoration:none;
}
#cat-1 li, #cat-2 li, #cat-3 li, #cat-4 li, #cat-5 li {  	
margin:0 0px 0 20px;
}
#cat-1 li a, #cat-2 li a, #cat-3 li a, #cat-4 li a, #cat-5 li a {  	
color:#eeeeee;/*text whitish*/
text-decoration:none;

}
#cat-1 h3 a, #cat-2 h3 a, #cat-3 h3 a, #cat-4 h3 a, #cat-5 h3 a {  	
color:#27A4E4;/*turquoise*/
text-decoration:none; }

#cat-1 a:hover, #cat-3 a:hover, #cat-5 a:hover {color:#b7323a;} /*orange */
#cat-2 a:hover, #cat-4 a:hover {color:#b7323a;} /*orange */


.category ul {
	padding: 0px 5px 5px 0px;
	line-height:14px;
}






 
/*	 Miscellaneous  */

.disclaimer {
	font-size:11px;}
	
.blink a{
    background: url(images/ani-arrow.gif) no-repeat top left;
	padding-left:20px;
	padding-bottom:5px;
	margin-bottom:10px;
	font-weight:bold;
	
}
	
	
.navigation {
 margin:0;
 padding:0;
 } 

.price {
 font-family:Arial, Helvetica, sans-serif;
 color:#b7323a;
 text-align:center;
}
 
 .aligncenter,
div.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
 background:#fff;
 }

.alignright {
 float: right; 
 margin: 0;
 margin-left:12px; 
 margin-bottom:10px;
 padding:3px; 
 }
 
.alignleft {
 float: left; 
 margin:0; 
 margin-right:12px;
 margin-bottom:10px;
 padding:3px;

 } 
.alignwithtext {
 float: left; 
 padding-right:10px;
 vertical-align:middle;
 }  
 


 
blockquote p{
 padding:5px;
 margin:0;
 height:100%;
 /*border-left:1px dotted #058DC7;  dark turquoise */
 
 } 
 


/* home Accordion */

	
#wrap-acc {
	margin:0 auto 0;
	padding:0;
	width:700px;
	height:232px;
	}
	
#acc{
	width:580px;
	margin: 0 auto 0;
	height:232px;
	padding:0px;
	
	}
	
#acc ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#acc ul li{
	float: left;
	padding: 0px;	
	display: block;
	margin-right: 0px;	
	}



#acc ul li a{	
	display: block;	
	overflow: hidden;
	height: 232px;
	width: 60px;
	cursor: pointer;	
}

#acc #a1{
	width: 710px;
}

#acc ul.acc li img{	
	z-index: 100;
	position: absolute;
	border: 0px solid #881212;	
}

#web-buttons {	
list-style:none;
margin:0 0 0 -20px;
}

#web-buttons li{
	background: url(images/checkmark-blue.gif) no-repeat;
	height:24px;
	vertical-align:top;
	padding: 0px 0px 1px 20px;
}

#web-buttons2 {	
list-style:none;
margin:0 0 0 -20px;
}

#web-buttons2 li{
	font-size:14px;
	background: url(images/arrow-right.gif) no-repeat;
	height:24px;
	vertical-align:bottom;
	padding: 0px 0px 1px 25px;
}




/* hackadelic sliding text explanation *********************************************/

	.hackadelic-sliderPanel {
	border: 1px solid #ccc;
	padding:  5px;
	background-color:#eff7fa;
	-moz-border-radius: 1em; -webkit-border-radius: 1em;
}

a.hackadelic-sliderButton {
	border: 1px solid #eeeeee;
	color: #27A4E4;
	padding: 0 3px;
	-moz-border-radius: 1em; -webkit-border-radius: 1em;
}
a.hackadelic-sliderButton:hover {
	border: 1px solid #F0F0E0;
	background-color: #F0F0E0;
}
.entry .hackadelic-sliderPanel {
	background-color: #fcfcfc;
}
.textwidget .hackadelic-sliderButton {
	display: block;
	text-align: center;
	margin: .5em;
}
.textwidget .hackadelic-sliderPanel {
	background-color: #F0F0E0;
}

a.hackadelic-sliderButton.left-image {
  padding-left:350px;
  padding-bottom:100px;
  background: url(images/free-quote.png) no-repeat;
  border:0;
}

/*Rounded corner boxes **************************************************************************/ 

/*================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0;
	border:1px solid #666;
	background:#fff;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	/*height:17px; cs removed rounded top*/
	height:0px;
	/*margin:0 0 0 18px;*/
	/*background:url(images/rounded-corner/box.png) no-repeat 100% 0; cs removed*/
}
.bt div {
	/*position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(images/rounded-corner/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0; cs removed*/
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(images/rounded-corner/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(images/rounded-corner/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(images/rounded-corner/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(images/rounded-corner/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 1px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/*Rounded corner boxes end **************************************************************************/ 

/*Simple rounded corners ***************************************************************************/
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0; padding:0;}
#xsnazzy h1 {}
#xsnazzy h2 {}
#xsnazzy p {}
#xsnazzy {background: transparent; margin:5px 1em 5px 1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;margin:0;padding:0;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.xb1 {margin:0 5px; background:#ddd;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #ddd; border-width:0 1px; padding:20px}


/*Simple rounded corners end ***************************************************************************/
 
 
/*	Search Box		*/ 

.search-box {
 margin:4px 3px ;
 padding:0;
 float:right;
 }
 
#search #searchsubmit {
 margin:5px;
 }   
 

input#s {
 background:#fff;
 border:1px solid #637619;
 height:18px;
 width:160px;
 padding:0 2px 3px 5px;
 float:left;
 margin-right:3px;
 margin-top:5px;
 color:#314145;
 }
 
input#sbutt {
 margin:0 0 5px 8px ;
 padding:0;
 height:30px; 
 width:30px;
 color:#eee;
 background: url(images/search.png) no-repeat;
 border:none;
 } 
  

.clear {
 padding-top:6px;
 } 
  /* Captions           */

.wp-caption {
 text-align: center;
 padding-top: 4px;
 border:1px solid #ddd;
 background:#eee;
}

.wp-caption img {
 margin: 0;
 padding: 0;
 border: 0 none;
}

.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 padding: 0 4px 5px;
 margin: 0;
}