html {background:#000 url(http://ensoaudio.com/images/bg-wave.gif) repeat; padding-bottom:50px;}
body {font-family:Helvetica, Arial, sans; color:#000; width:60em; margin:20px auto 40px; font-size:16px; line-height:1.5em;}

#main {
background: #ffffff; /* Old browsers */
	background-image: url(http://ensoaudio.com/_IE9grad.svg);
	background-size: 100% 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
background: -moz-linear-gradient(top,  #0260a0 0%, #ffffff 34%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0260a0), color-stop(34%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0260a0 0%,#ffffff 34%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0260a0 0%,#ffffff 34%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0260a0 0%,#ffffff 34%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0260a0 0%,#ffffff 34%,#ffffff 100%); /* W3C */
}
#main, #contact-box {float:left; width:60em; margin:0; padding:0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
 #contact-box {border:1px solid #006699;}

*{margin:0; padding:0;}

.category {display:none;}
p {margin-bottom:10px;}
a {color:#000; text-decoration:none; border-bottom:1px dotted #000;}
a:hover {color:#0462a1; border-bottom:1px dotted #0462a1;}
img, img a, a img, a.img, #social a {border:none; outline:none;}

h1, h2, h3, h4 {color:#000; margin:.4375em 0 .9375em;}
 h1.storytitle a, h1.storytitle a:hover {color:#000; border:none; line-height:1.1em;}
 .home h1.storytitle, .page-id-33 h1.storytitle, .page-id-42 h1.storytitle, .page-id-7 h1.storytitle, .page-id-9 h1.storytitle, .page-id-54 h1.storytitle {display:none;}
#content h2 {text-align:center; font-size:1.625em; background:#444; color:#fff; padding:5px 30px 10px; line-height:1;}
 .home h2 {text-align:left;}
h3 {margin:1.25em 0 .3125em;}
h4 {clear:both; font-size:1.125em;}
h4 a:link, h4 a:visited{color:#cddb59;}
h4 a:hover {color:#fff;}
p.byline {display:none;}
.olive {background:#cddb59; padding:.3125em; text-align:center; font-weight:bold; font-size:1.05em; clear:both;}
a.arrow-r {background:url(/images/arrow-r.png) right no-repeat; padding:.3125em 1.875em; border:none;}

#header {width:100%; float:left; clear:both; height:10.25em; padding:0; margin:0; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; position:relative;}
 #header h2 {margin:0 0 0 .625em;}
 #header h2 a {float:left; display:block; width:18em; height:11em; margin:-5px 0 0; padding:0; font-size:.5em; color:#0864a3; background:url(/images/enso-logo.jpg) left bottom no-repeat; border:none;}
 #header h3 {display:block; float:left; width:15em; padding:1em 0 0; margin:.1em 0 0 1.5em; text-align:center; font-size:2em; line-height:1em; text-shadow: 0.1em 0.1em 0.05em #333; color:#cddb59;
 DIV.aFilter {filter:
    progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=45);
    width: 150px; color: #333333;} }
.like {position:absolute; top:0; right:20px; width:50px; padding:0; margin:35px 50px 0 0;}
  
#nav {clear:both; width:100%; z-index:3000; zoom:1;}
 #nav ul {float:left; list-style:none; dispaly:block; margin:.625em 0 0; z-index:3000; zoom:1; width:100%; background:#000;} 
 #nav li {position:relative; float:left; text-transform:uppercase; margin:0 1.25em; padding:.125em .4375em; z-index:3000; zoom:1;}
 #nav li a {display:block; padding:.4375em 1.25em .1875em; color:#f7f7f7; text-decoration:none; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border:none; zoom:1; }
 #nav a:hover, #nav li.current_page_item a, #nav li.current_page_item li a:hover {color:#000; background:#cddb59; border:none;}

#nav li.current_page_item li a {color:#fff; background:#000;}
 #nav li ul {position:absolute; left:-999em; width:100%; padding:0; margin:.1em 0 0; z-index:3000; zoom:1;}
 #nav li li {display:block; width:100%; background:#000; min-width:95px; padding:0; margin:0; z-index:3000; zoom:1;}
 #nav li li a {padding:.5em 1em; font-size:.9em; text-align:left; border:none; zoom:1; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
 #nav li li a:hover {background:#cddb59; color:#000;}
 #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:0;}

#content {clear:both; float:left; padding:1.25em 1.875em; margin:0; width:40.9375em; position:relative; z-index:1000;}
 .home #content {padding:0; margin:0 0 20px 0; width:60em; height:270px; display:block; position:relative;}
 
.page-id-7 dl {font-size:1.2em; line-height:1.2em;}                  /* Recording page */
  .page-id-7 dt {font-size:1.3em; padding-top:10px; color:#444;}
  
 .page-id-7 #content ul {width:600px; height:150px; margin:30px 0 10px; display:inline-block; background-color:none;}   
  .page-id-7 #content li {width:165px; height:150px; display:block; float:left; margin:0 10px; padding:5px; border:2px solid #444; text-align:center;} /* Recording page */
   .page-id-7 #content li a {height:150px; display:block; border:none;}
   .mics a {background:url('/images/mics.jpg') 0 no-repeat;}
   .cd-book a {background:url('/images/cd-book.jpg') 0 no-repeat;}
   .hd24 a {background:url('/images/hd24.jpg') 0 no-repeat;} 
 .page-id-7 #content li:hover {background:rgba(0,0,0,.1);}

.page-id-33 #content ul {list-style:circle; padding-left:150px;}     	/* Graphic Design page */
  .page-id-13 #content .post-13  {width:300px; float:left;}          	 /* Contact page */

.page-id-9 #content {width:56.25em;}                                    /*  Web Design page  */

.page-id-506 #content {width:40.625em; border-right:1px dotted #444;}	/*  Web Dev page  */

.slide-resize {width:37.5em;}
  
#banner {width:900px; padding:10px 20px 5px; margin:10px 0 0 0; display:block; background:#a49040;}

/*   FORMS   */
#contactForm {margin:30px 40px 0 0; width:290px; float:right;}
 label {width:200px; float:left; font-size:.9em; }
 input, textarea {float:right; width:285px; margin:5px 0;}
  .radio {width:auto;} input.radio {margin:5px 10px;}  label.radio {padding:10px 0 0 30px; margin-bottom:10px;}
 form :focus, form .required:focus {background:#e7ef99;}
 .error {color:red;}
 input.button {width:80px; cursor:pointer;}
 b.thanks {font-size:1.1em;}

a#contact-box {position:absolute; top:30px; right:40px; display:block; font-size:1.3em; text-align:center; padding:10px; background:#cddb59; width:180px; box-shadow:2px 2px 4px #444; -moz-box-shadow:2px 2px 4px #444; -webkit-box-shadow:2px 2px 4px #444;}
 a:hover#contact-box {background:#2077ac; color:#cddb59;}

#sidebar, #hosting-sidebar {float:right; width:220px; display:block; margin:10px 0; padding:0; line-height:1.5em;}
 #sidebar ul {list-style:none; margin:0;}
 #sidebar ul li {width:210px; border:1px solid #444; float:right; clear:right; margin:30px 10px 0 0; padding:0 10px 10px;}
 #sidebar h4,  #sidebar h4 a {background:#0462a1; color:#fff; padding:5px 10px; margin:20px 0 0 0; width:190px; font-size:14px; border:none;}
  #sidebar h4 a:hover {color:#cddb59;}
  #facebook_fanbox_with_css-4 {background:#444; padding:5px;}

#linkcat-11 {float:right; width:13.125em;}            /* Music Samples sidebar  */
#linkcat-11 ul {width:13.125em;}
#linkcat-11 ul li {width:18.5em; border:none; font-size:.7em; line-height:1.5; padding:0; margin:0; background:#ddd;}
#linkcat-11 ul li a {border:none; width:200px; display:block; margin:0; padding:5px 5px 0;}
object.audio-link-player {}

#hosting-sidebar {position:relative; padding:30px 10px;}
 #hosting-sidebar  #contact-box {position:relative; top:0; left:5px;}
 #hosting-sidebar div {margin-top:20px;}

#query-posts-6 {width:610px; float:left;}

#links ul li {margin:20px 0;}
 #links img {vertical-align:middle; margin-right:20px;}
 #links li a {display:block; font-size:1.5em;}
 #links li a:hover {}

#footer {float:left; width:610px; padding:0 20px; margin:0 10px;}
 #footer a, #footer a:visited {border:none;}
 .home #footer {width:910px;}
 .home #footer h2 {margin:0 0 10px;}
#equip {margin:10px 0; float:left;}
 #equip .alignright, #equip .alignleft {margin:0 18px;}

#web {clear:both; margin:20px 0;}     /*  We Dev page portfolio sidebar  */
#web ul li {float:left; margin:.3125em; padding:.3125em; border:1px solid #555; text-align:center; background:none;}
 #web ul li:hover {background:#444; color:#fff;}
 #web a {border:none;}
 #web img {height:9.375em; width:12.5em;}

.web-pricing {width:13em; border:2px solid #eee; float:right; font-size:.9em; line-height:1.3; margin-left:3.4375em; padding:.5em 1em;}

ul#web-box {display:block; float:none; width:960px;}
 ul#web-box li {float:left; margin:.625em .45em 1.3em 0; padding:.3125em .625em; background:#444;}
 ul#web-box li a {color:#fff; text-align:center; display:block; border:none;}
 ul#web-box li:hover {background:#000;}
 ul#web-box li a strong {letter-spacing:4px; text-decoration:underline;}

.page-id-27 #content ul li {float:left; margin:10px 15px 30px 0; padding:5px 10px; background:#444;}
.page-id-9 #content ul li h4, .page-id-27 #content ul li h4 {margin:0; padding:0; text-align:center; font-size:20px;}

.mirror {margin-top:10px;}

.post {border-bottom:1px solid #eee; margin:10px 0; padding:0 0 10px;}

#slides {width:960px; height:280px; overflow:hidden; padding:0; margin:0; display:block; position:relative; float:left; z-index:500;}
 #slides p img {width:960px; margin:0; padding:0; display:block; position:relative; z-index:500;}

#pager {position:absolute; top:265px; left:5px; z-index:800; }
 #pager a {display:block; float:left; width:10px; height:7px; margin:0 0 0 10px; text-indent:-5000px; border:1px solid #cde0f7;}
 #pager a.activeSlide {background:#888;}
 #pager a:hover {background:#fff;}

.home #content h2 {margin:-10px 0 0 20px; padding:0; color:#ccc;}

ul {list-style-type:none;}
ol {color:#444; line-height:1.5em; padding-left:60px;}
dt {color:#cddb59;}
dd {padding-left:20px;}
hr {color:#444; border:2px dotted #444; border-bottom:none; border-right:none; border-left:none;}
.small {font-size:.8em;}

.button, input.button, a.button {color:#000; background:#eee; border:1px solid #cddb59; padding:3px; }
 .button:hover, input.button:hover, a.button:hover {background:#444; color:#cddb59;}

.button, .page-id-7 #content li, .page-id-9 #content ul li {border-radius:5px; -moz-border-radius:5px; -webkit-border-bottom-right-radius:5px;}

.page-id-33 #content ul {margin:20px 0; font-size:1.1em; list-style-type:circle; text-align:left;} 
.page-id-33 #content ul li {display:inline; padding:0 10px;}                                     /* Graphic Design page */

.shadow {
  -moz-box-shadow: 0px 0px 20px #bfbfbf;
  -webkit-box-shadow: 0px 0px 20px #bfbfbf;
  box-shadow: 0px 0px 20px #bfbfbf;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/*    ALIGNMENT    */
.alignright {float:right; margin:0 0 10px 20px;}
.alignleft {float:left; margin:0 20px 10px 0;}
.clear {clear:both; padding-top:10px;}

.enso {clear:both; display:block; text-align:center; padding:10px; border-top:1px dotted #444;}
 .enso a {border:none;}
.post-edit-link {display:none;}

/*--------- Responsive querries ------------*/

@media screen and (max-width:320px) {
html, body, #main, #header {width:320px; margin:0; float:none;}
#slides, #pager, #nav li ul {display:none;}
#nav li {float:none; border-bottom:1px solid #ccc;}
#header h2 {width:300px;}
#header h2 a {color:#fff; font-size:1em; margin:.1em 0 0; height:6em; width:280px;}
#header h3 {margin:0; padding:3px 5px 0; font-size:1.25em;}
#content {width:290px; clear:both; float:none; padding:1em;}
  .home #content {width:300px; height:10px;}
   .page-id-9 #content {width:300px;}                                    /*  Web Design page  */
#sidebar {width:280px; margin:1em auto; padding:0 .1em; float:none;}
 #sidebar ul li {width:270px; margin:1em auto; padding:.1em; float:none;}
 #sidebar h4 {width:250px;}
#footer {float:none; width:320px; padding:10px; margin:5px;}
 .home #footer {width:120px;}
 .home #footer .post {margin:10px 0 0; width:300px;} 
 #sidebar-footer {clear:both; width:300px;}
  #sidebar-footer li {width:300px;}
#contactForm {margin:0; padding:.2em; height:auto; width:280px; float:none;}
 input, textarea {padding:.2em; width:200px; float:none;}
img {max-width:80%;}
a#contact-box, .web-pricing, .page-id-9 #content h2 {display:none;}						/*  Web Design page  */
  ul#web-box {width:320px;}
 ul#web-box li {float:none; clear:both; margin:.5em 0; width:260px;}
 ul#web-box li a {color:#fff; text-align:center; display:block; border:none;}
 
 .page-id-7 #content li {float:none; clear:both; width:200px; margin:0 20px 5px; padding:5px 10px;}			/* Recording page */
  .page-id-7 #content ul {width:300px; height:auto; float:none;} 
 
.page-id-506 #content {width:300px; float:none;}										/*  Web Dev page  */
#web ul li {float:none; margin:.5em 0; padding:.5em 0; width:250px;}
 #web img {height:180px; width:250px;}
 #hosting-sidebar, #hosting-sidebar div, #web {padding:0; margin:0 20px; float:none; clear:both;}

.alignleft, .alignright {float:none; margin:.1em;}
.enso {font-size:1.1em;}

}

@media print {
	html, body {background:#fff; color:#000;}
	#sidebar, #footer, #nav {display:none;}
}