/*
Theme Name:		audiovisual
Theme URI: 		
Version: 		0.0.1.10
Description: 		Theme for Paz Audiovisual Solutions
Author: 		anotherarc
Tags:			two-columns, three-columns, fixed-width, multiple widgets, microformats. built on wpframework (http://wpframework.com/)

*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );



/* Document Body */
 body {		
     font-family: Helvetica,  Arial, sans-serif;
      color:#333; font-size:12px;line-height:16px;
      background-color:#fbfbfb;
background-image: url('http://www.apaz.co.uk/wp-content/uploads/2011/03/footer.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: scroll;}
@media screen and (max-device-width: 480px) {
 body { background-position:  center 270px;  }
}      
h1, h2, h3 {font-family:Trebuchet MS, Lucida Grande, Helvetica, Arial,sans-serif;}
.container {position:relative; width: 860px; margin: 0 auto;padding:0; }
#header,#masthead {position:relative; float:left;width:860px; height:110px;}
#branding {position:absolute;width:860px; height:110px;top:0px; left:0px; background:url(http://www.apaz.co.uk/wp-content/uploads/2011/03/apaz-logo-5.png) no-repeat;}
#site-title{position:relative;top:0px;float:left;width:400px; height:110px;}
#site-title  a, #site-description {text-indent:0em;}
#site-title  a  {text-indent:0em;}
#site-description {height:0px;display:none;}
#header_info {height:60px; width:390px;display:block; position:relative;top:28px;float:right; color:#339933;}
#text-3 {float:left; text-align:right;margin-top:0px;} 
#text-3 div {margin-top:4px;}

a {color:#339933; text-decoration:none;}
#content {position:relative; float:left;width:660px; height:420px; margin:0; padding:0; overflow:hidden;}
#primary, .page, .entry-content, .hfeed {margin:0; padding:0;}
.hfeed { width: 660px; float: left; }
h1.entry-title {display:none;}
#slideshow {position:relative; height:180px; width:460px; display:block; overflow:hidden; margin-bottom:10px;text-align:center;background:#8FBF2E}
#output{position:absolute;top:80px; left:60px; width:380px; height:30px; display:block; text-align:center; z-index:999}

.entry-content { float:left; margin-top:0; }
.aside {position:relative; top:18px; width: 200px; height:400px; float: right; overflow:hidden; }
#text-8 {float:left;width:200px; height:300px; overflow:hidden;} 
#randomtext-4 {position:relative; top:23px;width: 180px; float: right;padding:5px 7px; background:#ebebeb;}
.pageid-4 #randomtext-4 {top:0px}
.pageid-17 #randomtext-4 {width:170px;}
.home #randomtext-3 {top:0px;}
p.green {color:#339933; margin:2px 0 8px 0}
.home .entry-title {display:none}
.footer { clear: both;width:860px; height:80px; margin-top:40px; }
.footer-right,.footer-center,.footer-left {
	float:left;
	position:relative;
	padding:0 0 1% 0;
	overflow:hidden;}
.footer-right {width:32%;}
.footer-center{width:32%;	padding:0 2% 0 2%;}
.footer-left {width:32%;}

 .footer .widget_text h2{color:#669966; width: 250px; height:18px; display:block; padding:2px 0 0 0; text-transform:uppercase; font-family:Arial, san-serif; font-size:14px; font-weight:600; line-height:16px; }
       .footer .widget_text h2{ background:url(../images/arrowR.png) no-repeat 170px 1px;}
      .footer .widget-text h2 a:hover {color:#539D4D;}
        .footer .widget_text p {
        padding:-5px 10px 10px 0px;
        margin:0;
        color:#777;
        font-weight:700;
        font-size:12px;
        line-height:14px;
    }
   .footer .widget_text p:hover { color:#444;}

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}


#Tabs {position:relative; top:2px;height:410px; width:100%; float:left; }
#Tabs h1 {font-size:14px; font-weight:100;margin-top:16px;color:#666;}
#Tabs p {margin:0; padding:0;}
#tabContainer {position:absolute; left:157px; top:16px; height:auto; width:502px;border-left: 2px solid  #ebebeb;padding-left:20px;none; overflow:hidden;}
.reader {overflow:hidden; text-align:left;}
.reader p.green{padding-bottom:1px\9;}
#tabContainer p {padding-left:0px;padding-right:0px; margin:0 0 8px 0;}
#nav {position:relative; height:400px; width:220px; float:left;border-right:0px dotted #9ac1c9; overflow:hidden;} #navbox {position:relative; height:348px; width:220px; float:left;border-right:2px dotted #9ac1c9; }#navbox p,#nav p {padding:0 10px 10px 0;line-height:16px;}
#tabContainer ul {padding-left:20px;padding-right:20px; list-style:none;}
#tabContainer h2 {text-indent:0px; margin:0px 0px 12px 0px; padding:0px 0 0px 0; font-size:14px; line-height:12px; text-transform:uppercase; color:#339933;  font-weight:500;border-top:0px solid #9ac1c9; background:#fbfbfb;}
#tabContainer h3 {margin: 0; font-size:12px; width:380px; text-transform:uppercase; color:#444;  font-weight:700;}
.tab_content p{line-height:16px;width:460px; }
.tab_content img.bog{float:left;margin:0 135px 20px 135px; width:200px; padding:3px;border:2px solid #9ac1c9; background:#fff;}
.tab_content img.intro {float:left;margin:0 10px 20px 0px; width:190px; padding:3px;border:2px solid #9ac1c9; background:#fff;}
.hidden {display:none; }
.terms {font-size:9px;}
span.green {color:#339933;}
.sickgreen {color:#8FBF2E;}
p.merms {line-height:20px;}
#nav{width:158px; list-style:none; z-index:999;padding:0; margin:0; }
#nav li{list-style:none; padding:0; margin:0; }
#nav h3 {width:150px;text-indent:0px; border:0px solid #9ac1c9; border-bottom:0px solid #9ac1c9; padding:5px 0 6px 0; font-weight:500; margin-top:5px; cursor:pointer; color:#8FBF2E; background-image:urli(library/media/images/arrowDown.png);background-repeat: no-repeat; background-position: 0px 1px;}
#nav .selected h3  { background-image:urli(library/media/images/arrowUp.png);background-repeat: no-repeat; background-position: 0px 1px; border-bottom:0px solid #ddd; }
#nav h3 a{color:#339933; font-size:12px; }
div.acc-container {overflow:hidden;display:none;padding:0; margin:0;}
 ul.block,ul.block2  {padding:0; margin:0;list-style:none; }
ul.block li  {width:140px; height:20px;border-bottom:1px dotted #339933; }
ul.block2 li  {width:140px;border-bottom:1px dotted #339933;padding:0;height:35px; }
ul.bloc li  {width:140px; height:0px;border-bottom:0px dotted #339933; }
ul.block li a {line-height:20px; padding: 0; margin:0;color:#8FBF2E;}
ul.block2 li a {line-height:1.2;height:30px; padding: 5px 0 5px 0;color:#8FBF2E;text-decoration:none;}
ul.block2 li a:link,ul.block li a:link, ul.block2 li a:visited,ul.block li a:visited{text-decoration:none;color:#8FBF2E;}
ul.block2 li a:link.playing,ul.block li a:link.playing {color:#333;}
ul.block2 li a:link.paused,ul.block li a:link.paused {color:#666;}
li.test {width:460px; height:90px; display:block;}
#nav a {cursor:pointer;}
p#copyright {text-align:center; width:860px; height:20px; display:block; font-size:9px;}






/* Vertical Rhythm  */
.entry-meta { margin-bottom: 10px; }
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }
.hentry, .widget, .comment, .navigation-links { margin-bottom: 40px; }



/* Menu */
div.menu {position:absolute;left:158px;top:92px;background-color: #fbfbfb;width:502px;z-index:1}
.nav { position:relative; line-height: 1; margin:0 auto; }
.nav, .nav * { list-style: none; margin: 0; }
.nav li { float: left; padding: 0; position: relative; }
.nav li a {background-color: #ebebeb;color:#000; font-size:12px; font-weight:bold;}
.nav a { display: inline-block; position: relative; text-transform:uppercase; padding: 4px 9px; }






.nav a { color: #666; border-right: 1px solid #fbfbfb; }
.nav a:hover { text-decoration: none; background: #fbfbfb; }
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus,.nav li.current_page_item a{ background: #fbfbfb;}


/* Links */
a { color: #339933; text-decoration: none; }
a:hover { text-decoration: underline; }
.entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #339933; text-decoration: underline; }
.entry-content a:hover { text-decoration: none; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
h1 { font-size: 18px; line-height:1; padding:0  0 5px 0; }
h2 { font-size: 14px; line-height: 18px; padding: 5px 0px; }
h3 { font-size: 12px; line-height: 12px; padding: 0px 0px; }
h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }
#output h3{color:#fff;font-size:18px;font-weight:normal;}
.reader h2 {text-align:center; font-size: 12px;text-transform:uppercase; height: 18px; line-height:1;  width:200px; color:#333;}

/* Content */
.page-title { font-size: 14px; font-weight: bold; }
.page-title span { font-style: italic; font-weight: normal; }
.entry-title, .entry-title a { color: #000; font-size: 24px; line-height: 28px; }
.entry-title a:hover { color: #2361a1; text-decoration: none; }

/* Text Elements */
address { font-style: italic; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }

blockquote { color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; }

strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }

sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 12px; }

del { text-decoration: line-through; }
ins { text-decoration: underline; }

code, pre {  line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }

/* Lists: (ul, ol, dl) */
ul, ol, dl { }
.nav { margin-left: 0px; }
.entry-content ul, .entry-content ol, #search-query {  }

li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

ol { list-style-type: decimal; }

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }

dt { font-weight: bold; }

.fat li { margin-bottom: 10px; }

/* Tables */
table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 5px 3px; }



/* Forms */
input, textarea, button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; }
input, textarea, button {  font: normal 12px arial, sans-serif; padding: 3px; outline:none;}
.tab_content img.wpcf7-captcha-captcha-283 {border:0; outline:0;padding:0: margin:0}
#contactpaz li {list-style:none;}
#contactpaz li span.label {width:80px; height:20px; display:block;text-align:right; margin-right:10px;}
#contactpaz li span {float:left;}li span.label, .clearleft{clear:left;}
button { font: 12px; padding: 2px 10px; cursor: pointer; }
input:focus, textarea:focus{ background: #fff; border-color: #777 #ccc #ccc #777; }
select  {
  outline: 0;
  overflow: hidden;
  height: 20px;
  background: #fff;
  color:#333;
  border:#2c343c ;
  padding:1px 3px 1px 10px;

}

select option {background:#fbfbfb;}
.button {
    background: transparent ;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
     behavior: url(../css/border-radius.htc);
    border-radius: 5px;
    text-decoration: none;}
.button:active {outline: none;}

/* bugfix */
.safari input { padding: 0px 3px; }
.chrome input { padding: 1px 3px; }

/* Comments */
.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 10px; }
.comment { margin-bottom: 40px; }
.comment-list .children { margin-top: 40px; }
.comment-meta { margin-bottom: 10px; }
.commenter { font-size: 16px; }
.avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; }

/* Comment Reply */
#comment-form .form-section input { margin-right: 10px; }
.form-section { margin-bottom: 10px; }
.form-section label { cursor: pointer; }
#commenter-details input { margin-right: 10px; }
#allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; }

/* Images */
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }

.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }

.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */

/* [gallery] */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }

.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }

/* Navigation */
.page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; }

/* [gallery] + navigation clearfix */
.gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery-row, .navigation-links, .container, .menu { display: block; }

/* Basic Alignments */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }