/*  
Theme Name: Dubai Audio
Theme URI: http://www.dubaiaudio.com/
Description: WordPress theme for Dubai Audio.
Version: 1
Author: Jason Craft
Author URI: http://deftdevelopment.com/
*/

body {
    margin:0;
    padding:0;
    background:url(images/body-bg.gif) repeat-x #193958;
    font-size:12px;
    font-family:Verdana, sans-serif;
    line-height:1.4em;
    color:#6D6C6C;
}
a img, img {
    border:none;
    vertical-align:middle;
}
a {
    text-decoration:none;
    color:#3A89A5;
}
a:hover {
    text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
    margin:14px 0 10px;
    padding:0;
    font-size:1.4em;
    font-weight:normal;
    color:#3A89A5;
    text-transform:uppercase;
    line-height:1.1em;
}
h3, h4, h5, h6 {
    margin:14px 0 4px;
    font-size:1.1em;
}
h4, h5, h6 {
    margin:14px 0 0;
    font-size:0.9em;
    font-weight:normal;
}
h2.first, h3.first {
    margin-top:0;
}
p {
    margin:4px 0 16px;
}
ul {
    list-style-type:disc;
    margin:10px 0;
    padding:0 0 0 20px;
}
li {
    margin:0;
    padding:0;
}
form {
    margin:0;
    padding:0;
}
b, strong {
    color:#333;
}
big {
    font-size:1.25em;
}
small {
    font-size:0.8em;
}
.alignRight {
    text-align:right;
}
.alignCenter {
    text-align:center;
}
.clear {
    clear:both;
}
.left {
    float:left;
}
img.left {
    margin:0 14px 14px 0;
}
.right {
    float:right;
}
img.right {
    margin:0 0 14px 14px;
}
.statusMessage, .error {
    color:#F6A600;
}

/**** outer ****/
#outer {
    margin:0 auto;
    background:url(images/outer-bg.gif) repeat-y;
    width:1023px;
}
#outer_inner {
    background:url(images/outer-inner-bg.gif) no-repeat;
    padding:0 12px;
    min-height:600px;
}

/**** header ****/
#header {
    position:relative;
    margin:0;
    height:128px;
}
#header h1 {
    position:absolute;
    left:34px;
    top:14px;
    margin:0;
    padding:0;
    cursor:pointer;
}
#header h1 a {
    display:block;
    background:url(images/logo.gif) no-repeat;
    text-indent:-9999px;
    width:228px;
    height:80px;
    outline:none;
}
#header h1 object {
    margin-top:-22px;
}
#header #navigation {
    position:absolute;
    right:0;
    bottom:0;
    list-style-type:none;
    margin:0;
    padding:0;
    background:url(images/nav-bg.gif) repeat-x;
    width:916px;
}
#header #navigation li {
    float:left;
    margin:0;
    padding:0;
    border-left:solid 4px #FFF;
}
#header #navigation a {
    display:block;
    padding:6px 0;
    border-top:solid 3px #D7D7D7;
    font-weight:bold;
    font-family:verdana, sans-serif;
    font-size:12px;
    text-transform:uppercase;
    color:#6D6C6C;
    width:114px;
    height:18px;
    outline:none;
}
#header #navigation .home a {
    background:url(images/nav-home.gif) 0 10px no-repeat;
}
#header #navigation .home.active a, #home #navigation .home a {
    border-top-color:#BE1E2D;
}
#header #navigation .brands a {
    background:url(images/nav-brands.gif) 0 10px no-repeat;
}
#header #navigation .brands.active a, #home #navigation .brands a {
    border-top-color:#F6921E;
}
#header #navigation .news a {
    background:url(images/nav-news.gif) 0 10px no-repeat;
}
#header #navigation .news.active a, #home #navigation .news a {
    border-top-color:#F7D128;
}
#header #navigation .solutions a {
    background:url(images/nav-solutions.gif) 0 10px no-repeat;
}
#header #navigation .solutions.active a, #home #navigation .solutions a {
    border-top-color:#B1D350;
}
#header #navigation .ci a {
    background:url(images/nav-ci.gif) 0 10px no-repeat;
}
#header #navigation .ci.active a, #home #navigation .ci a {
    border-top-color:#CC00CC;
}
#header #navigation .mailingList a {
    background:url(images/nav-mailing-list.gif) 0 10px no-repeat;
}
#header #navigation .mailingList.active a, #home #navigation .mailingList a {
    border-top-color:#00B0D8;
}
#header #navigation .contactUs a {
    background:url(images/nav-contact-us.gif) 0 10px no-repeat;
   
}
#header #navigation .contactUs.active a, #home #navigation .contactUs a {
    border-top-color:#959595;
}
#header #navigation li a:hover, #header #navigation .active a {
    background-position:0 -10px;
}

/**** content ****/
#content {
    margin:0;
    padding:12px 0 32px 84px;
}

/**** main content ****/
#main_content {
    float:left;
    padding:0;
    width:482px;
    min-height:300px;
    overflow:hidden;
}
#main_content p {
    line-height:1.5em;
}

/**** sidebar ****/
#sidebar {
    float:left;
    padding:0 10px 0 0;
    font-family:arial, sans-serif;
    font-size:0.9em;
    width:150px;
    overflow:hidden;
}
#sidebar .navigation {
    list-style-type:none;
    margin:0 0 14px;
    padding:0;
}
#sidebar .navigation li {
    margin:0;
    padding:0;
    text-transform:none;
}
#sidebar .navigation a {
    color:#808080;
}
#sidebar .navigation a:hover, #sidebar .navigation .current_page_item a {
    font-weight:bold;
    color:#404040;
    text-decoration:none;
}

/**** right sidebar ****/
#right_sidebar {
    float:right;
    margin:32px 0 0;
    padding:12px 12px 12px 0;
    border:solid 3px #EC1C24;
    border-left:none;
    border-right:none;
    background:url(images/contact-sidebar-bg.jpg) 0 100% no-repeat;
    font-size:0.9em;
    width:260px;
}
#right_sidebar .contactInfo {
    padding:6px 0 0 94px;
}
#right_sidebar .footer {
    margin:12px 0 0;
    padding:8px 0 0;
    border-top:solid 1px #D5D5D5;
}

/**** footer ****/
#footer {
    position:relative;
    clear:both;
    margin:0 auto;
    padding:10px 12px 20px;
    background:url(images/footer-bg.gif) no-repeat;
    font-size:0.8em;
    width:999px;
}
#footer .left {
    float:left;
    width:550px;
}
#footer .right {
    float:right;
    width:200px;
}
#footer p {
    margin:12px 0;
}
#footer a {
    color:#FFF;
}

/**** home page ****/
#home #main_content {
    float:none;
    width:auto;
}
#home .homeText {
    margin:0 18px 0 0;
    padding:18px 0 0;
    border-top:solid 3px #959595;
}
#home_banner {
    position:relative;
    margin:26px 0 18px;
    width:893px;
    height:168px;
}
#home_banner ul {
    position:absolute;
    list-style-type:none;
    margin:0;
    padding:0;
    width:108px;
    height:82px;
}
#home_banner li {
    position:absolute;
    display:none;
}
#home_banner li.current {
    display:block;
}
#home_banner .a {
    top:0;
    left:0;
}
#home_banner .b {
    bottom:0;
    left:0;
}
#home_banner .c {
    top:0;
    left:112px;
    width:220px;
    height:169px;
}
#home_banner .d {
    top:0;
    left:336px;
}
#home_banner .e {
    bottom:0;
    left:336px;
}
#home_banner .f {
    top:0;
    right:336px;
}
#home_banner .g {
    bottom:0;
    right:336px;
}
#home_banner .h {
    top:0;
    right:112px;
    width:220px;
    height:169px;
}
#home_banner .i {
    top:0;
    right:0;
}
#home_banner .j {
    bottom:0;
    right:0;
}

/**** contact us ****/
#contact_us #sidebar {
    padding:10px 10px 0 0;
    font-size:0.9em;
    width:110px;
}
#contact_us #sidebar li {
    text-transform:uppercase;
}
#contact_us #sidebar .navigation a {
    color:#6D6C6C;
}
#contact_us #sidebar .navigation a:hover, #contact_us #sidebar .navigation .current_page_item a {
    color:#EC1C24;
    text-decoration:none;
}
#contact_us .post {
    margin:30px 0 12px;
}

/**** mailing list ****/
#mailing_list #content {
    padding:42px 0 32px 424px;
    background:url(images/mailing-list-bg.jpg) 54px 22px no-repeat;
    min-height:440px;
}
#mailing_list .mailSignup label {
    display:block;
    font-size:0.8em;
}
#mailing_list .mailSignup .text {
    padding:3px 2px;
    border:solid 1px #B2B4B4;
    border-left:none;
    border-top:none;
    background:url(images/text-box-bg.gif) no-repeat;
    font-size:1.1em;
    color:#999;
    width:200px;
    height:16px;
}
#mailing_list .mailSignup .text:focus {
    color:#555;
}
.wpcf7-response-output {
    padding:14px 10px !important;
    border:solid 1px #CCC !important;
    background:#FAFAFA;
    font-weight:bold;
    color:#444;
}

/**** solutions ****/
#solutions #main_content {
    min-height:360px;
}
#solutions.hiFi #content {
    padding-bottom:50px;
}
#solutions #sidebar h3 {
    color:#B1D350;
}

#solutions #main_content {
    float:right;
    padding:74px 414px 32px 0;
    border-bottom:solid 3px #F6921E;
    background:url(images/solutions-hifi-bg.jpg) 260px 12px no-repeat;
    width:330px;
}
#solutions.homeTheater #main_content {
    padding-right:400px;
    background:url(images/solutions-theater-bg.jpg) 360px 12px no-repeat;
    width:344px;
}
#solutions.entertainmentServers #main_content {
    padding-right:370px;
    background:url(images/solutions-servers-bg.jpg) 396px 12px no-repeat;
    width:374px;
}
#solutions.designServices #main_content {
    padding-right:380px;
    background:url(images/solutions-design-bg.jpg) 286px 12px no-repeat;
    width:364px;
}

/**** news ****/
#news #sidebar {
    width:120px;
}
#news #sidebar h3, #news #sidebar h3 a {
    color:#ECAC00;
}
#news #main_content {
    padding-top:10px;
    width:650px;
}
table.newsItems {
    margin:0 auto 12px;
    width:530px;
}
table.newsItems td {
    padding:12px 6px;
    border-bottom:solid 1px #999;
    vertical-align:middle;
}
table.newsItems td.image {
    text-align:center;
    width:90px;
}
table.newsItems h5, table.newsItems a {
    color:#555 !important;
}
table.newsItems h5 {
    font-size:1em;
    font-weight:bold;
    text-transform:none;
}

/**** brands ****/
#brands #sidebar .navigation li a, #brands #sidebar .navigation li a:hover,
#brands #sidebar .navigation li.current_page_item a {
    font-size:1.1em;
    font-weight:normal;
    color:#F6921E;
    text-transform:uppercase;
}

#brands #sidebar .navigation li ul {
    list-style-type:none;
    margin:0 0 10px;
    padding:0;
}
#brands #sidebar .navigation li li a {
    font-size:1em;
    color:#808080;
    text-transform:none;
}
#brands #sidebar .navigation li li a:hover, #brands #sidebar .navigation li .current_page_item a {
    font-size:1em;
    font-weight:bold;
    color:#404040;
    text-transform:none;
}

#brands #main_content {
    position:relative;
    float:right;
    padding:24px 24px 32px 0;
    border-bottom:solid 3px #F6921E;
    width:714px;
}
#brands #main_content .post {
    float:right;
    padding:64px 0 0;
    width:336px;
}
#brands #main_content .gallery {
    float:left;
    width:350px;
    overflow:hidden;
}
#brands #main_content .gallery ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
#brands #main_content .gallery li {
    margin:0;
    padding:0;
}
#brands #main_content .gallery .large {
    display:relative;
    width:350px;
    height:260px;
}
#brands #main_content .gallery .large li {
    display:none;
    position:absolute;
}
#brands #main_content .gallery .large .current {
    display:block;
}
#brands #main_content .gallery .thumbs {
    padding:12px 0 0;
    word-spacing:2px;
}
#brands #main_content .gallery .thumbs li {
    display:inline;
    padding-bottom:6px;
    cursor:pointer;
}
#brands #main_content .gallery .thumbs img {
    margin:0 0 6px;
}

#brands #main_content .files {
    position:absolute;
    top:0;
    right:26px;
    height:118px;
}
#brands #main_content .files ul {
    position:absolute;
    right:0;
    bottom:0;
    list-style-type:none;
    margin:0;
    padding:0;
    font-size:0.8em;
    text-align:right;
    width:180px;
}

/**** brands landing ****/
#brands.brandsLanding #main_content {
    border:none;
}
.brandsLanding .leftCol {
    float:left;
    width:49%;
}
.brandsLanding .rightCol {
    float:right;
    width:47%;
}
#brands.brandsLanding #main_content .post {
    float:none;
    padding:0 0 12px;
    font-size:1.2em;
    width:auto;
}
.brandsLanding #main_content .post p {
    margin:4px 0;
}
.brandsLanding #main_content h3 {
    margin:14px 0;
    font-size:17px;
    text-transform:none;
    color:#6D6C6C;
    line-height:1.1em;
}
.brandsLanding #main_content .soundDesign {
    padding:104px 0 0;
    background:url(images/sound-design.gif) 18px 4px no-repeat;
    font-size:0.9em;
}
.brandsLanding #main_content .soundDesign .info {
    float:left;
    margin-right:-25px;
    padding:4px 24px;
    border-top:solid 3px #F6921E;
}
.brandsLanding .quote {
    float:right;
    margin:18px -26px 0 0;
    padding:84px 0 0;
    background:url(images/audio-players.jpg) 100% 0 no-repeat;
    font-style:italic;
    color:#222;
    width:190px;
}
.brandsLanding .issuu h3 {
    margin-bottom:12px;
}

/**** blog ****/
#blog #content {
    margin-top:16px;
    padding-top:0;
    background:url(images/blog-col-divider.gif) 778px 0 repeat-y;
}
#blog #main_content {
    width:660px;
}
#blog h2#blog_header {
    margin:0 0 10px;
    background:url(images/blog-header.gif) 100% 0 no-repeat;
    text-indent:-9999px;
    height:46px;
}
#blog h2.first {
    margin:16px 0;
    font-size:1.8em;
    color:#333;
}
#blog .post {
    margin:0 0 14px;
    border-bottom:solid 1px #ACACAC;
}
#blog .post h3, #blog .post h3 a {
    font-size:1.3em;
    text-transform:uppercase;
    color:#333;
    line-height:1.1em;
}
.post img.alignleft {
    float:left;
    margin:10px 10px 10px 0;
}
.post img .alignright {
    float:right;
    margin:10px 0 10px 10px;
}
#blog.archive .post h3 {
    font-size:1.1em;
}
#blog .post .meta {
    padding:1px 0 8px;
    font-size:0.9em;
    color:#808080;
}
#blog .post .meta .comments {
    padding:0 16px 1px 0;
    background:url(images/icon-comment.gif) 100% 2px no-repeat;
}

#blog #sidebar {
    float:right;
    font-size:1em;
    color:#808080;
    line-height:1.5em;
    width:200px;
}
#blog #sidebar .widget {
    padding:12px 16px 16px;
    border-bottom:dashed 1px;
}
#blog #sidebar .widget h3 {
    margin:6px 0 8px;
    font-size:1.1em;
    font-weight:bold;
    color:#333;
    text-transform:none;
}
#blog #sidebar .widget ul {
    list-style-type:none;
    margin:10px 0;
    padding:0;
}
#blog #sidebar .widget ul li {
    margin:2px 0;
    padding:0;
}
#blog #sidebar .widget ul a {
    color:#808080;
}

#blog .pageNav {
    text-align:center;
}

/**** comments ****/
.commentlist {
    list-style-type:none;
    margin:14px 0;
    padding:0;
    border-top:solid 1px #D1E0E8;
}
.commentlist li {
    margin:0;
    padding:8px;
    border-bottom:solid 1px #D1E0E8;
}
.commentlist li.alt {
    background:#EDF4F7;
}
.commentlist li cite {
    font-style:normal;
    font-weight:bold;
    color:#333;
}
.commentlist li .date {
    display:block;
    margin:0 0 10px;
    color:#777;
}
.comments textarea {
    width:450px;
    height:150px;
}
.comments h3 {
    margin:22px 0 6px;
    font-weight:bold;
}