/*
Theme Name: Watumi
Theme URI: http://www.watumi.ro
Version: 1.0
Description: Watumi
Author: Alex
*/
/* CSS Document */

body{
    background-color:#222222;
    font-family : Arial,sans-serif;
    font-size : 11px;
    font-weight : normal;
    color : #000000;

}

img{
    border: none;
}

#outer{ 

background-color: #FFF;

position: relative;
/*
    The width value below controls the overall width of the design. By default it's set to 82%
    (so it'll take up 82% of the browser window's width). You can set it to a different percentage
    value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 938px;
margin: 0 auto;
padding-top: 35px;
padding-bottom: 0px;
}

.all{ 
height:100%;
}


/* Layer Positioning */

#logo 
{ 
float: right;
height: 72px; width: 105px; 
margin-right: 15px;
}

ol
{ 
list-style: none;
margin-left:-39px;
}

#menu_wrapper {
margin-left: 12px;
}

#menu 
{ 
float: left; /*width: 938px;*/ padding: 10px 0; margin: 20px 12px 0px;
background-color: #FFF;
}
#menu li 
{ list-style:none;
font-size: 11px; display: inline;
}
#menu li a 
{ list-style:none;
padding: 10px 10px 10px 10px; margin: 0 5px 0 0; color: #343434;
font-size: 20px;
}
#menu li a:hover 
{ list-style:none;
}
#menu span.feed
{ 
padding: 3px 20px 3px 3px; background: url(images/feed.gif) no-repeat right center; 
}
        #menu{
    margin:0px;
    padding:0px;
    list-style:none;
    color:#fff;
    line-height:45px;
    display:inline-block;
    float:left;
    z-index:1000;
    text-transform: uppercase;
}
        #menu a { color:#000; text-decoration:none; }
        #menu > li {background:#FFF none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:5px 5px;}
        #menu > li a:hover {background-color: #ff0066; color:#fff;}
        #menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
        /* sub-menus*/
        #menu ul { padding:0px; margin:0px; display:block; display:inline;}
        #menu li ul { position:absolute; left:0px; top:0px; margin-top:45px; width:220px; line-height:16px; background-color:#FFF; color:#0395CC; /* for IE */ display:none; }
        #menu li:hover ul { display:block;}
        #menu li ul li{ display:block; margin:5px 10px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
        #menu li ul li:first-child { border-top: none; }
        #menu li ul li a { display:block; color: #000; }
        #menu li ul li a:hover { background-color: #ff0066; color:#fff; }
        /* main submenu */
        #menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
        /* search */
        .searchContainer div { background-color:#fff; display:inline; padding:5px;}
        .searchContainer input[type="text"] {border:none;}
        .searchContainer img { vertical-align:middle;}
        /* corners*/
        #menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
        #menu .corner_inset_right { position:absolute; top:0px; left:150px;}
        #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
        #menu .corner_left { position:absolute; left:0px; top:0px;}
        #menu .corner_right { position:absolute; left:132px; top:0px;}
        #menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;}
        
        /* end menu*/

#intro 
{
    clear: both;
    background: #fff url(images/teaser.jpg) no-repeat;
    height: 250px;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 20px;
    color: #f4eeaf;
}
#intro_text {
    background-color: #1b1b1b;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    float: left;
    text-align: center;
    /*-moz-opacity: 0.85;
    opacity:0.85;
    filter:alpha(opacity=85);*/
    cursor: pointer;
    
}
#intro_text .txt {
    font-size: 24px;
    color: #DFE53D;
}

#bannerBg {
    position: absolute; 
    left: 0;
    top: 0; 
    background-color: black; 
    z-index: 100;
    -moz-opacity: 0.6;
    opacity:0.6;
    filter:alpha(opacity=60);
}

#banner {
    position: absolute; 
    left: 0;
    top: 0; 
    z-index: 101;
    cursor: pointer;
}

/*#intro h1 
{ letter-spacing:-1px;font-family: arial; font-size:30px;
margin: 0; background: #1b1b1b; display: inline;  color: #f4eeaf; padding: 2px 5px; 
}

#intro h1 a
{ letter-spacing:-1px; font-family: arial;
margin: 0; background: #1b1b1b; display: inline;  color: #f4eeaf;
}
#intro h1 a:hover
{ letter-spacing:-1px;  font-family: arial;
margin: 0; background: #1b1b1b; display: inline;  color: #ff0066; 
}*/

#intro p 
{ 
margin: 0; color: #343434; font-weight: bold; font-size: .9em; 
}

#bar{
    position : absolute;
    top : 305px;
    left : 15px;
    width : 700px;
    height : 15;
    z-index : 50;
}


#quote{
    text-align: center;
    position : absolute;
    top : 330px;
    left : auto;
    right : auto;
    width : 938px;
    z-index : 50;
}


#main{
    position : absolute;
    top : 350px;
    left : 259px;
    width : 420px;
    z-index : 50;
    
}

#main img{
    width : 420px;
}

#main_right{
    position : absolute;
    top : 350px;
    left : 270px;
    width : 420px;
    z-index : 50;
    background-image : url(images/white.gif)
}

#side{
    position : absolute;
    top : 350px;
    left : 700px;
    width : 200px;
    z-index : 50;
    float: right;
    margin-top: 33px;
}
#side li {
    font-size: 14px;
    list-style: none;
}
.fb_widget {
    margin-top: 20px;
}


#lang {
    color: #999;
    font-weight: bold;
    float: right;
    padding: 5px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
}

#side a, #lang a {
        color: #999;
        font-size: 12px;
        /*text-decoration: underline;*/
}
#side a:hover, #lang a:hover {
    color: #000;    
    text-decoration: underline;
}

#side_left{
    position : absolute;
    top : 350px;
    left : 34px;
    width : 190px;
    z-index : 50;
}

#side_left li {
    list-style: none;
    margin: 0px;
    text-transform:uppercase;
    font-weight: normal;
    
}
#side_left a {
    font-weight: normal;    
}
#side_left h4 {
    width: 100%;
    font-size: 16px;
    
}
#side_mid {
    position : absolute;
    top : 350px;
    left : 234px;
    width : 190px;
    z-index : 50;
}
#side_mid li {
    list-style: none;
    margin: 0px;
    text-transform:uppercase;
    font-weight: normal;
    
}
#side_mid a {
    font-weight: normal;    
}
#side_mid h4 {
    width: 100%;
    font-size: 16px;
    
}
#side_right {
    position : absolute;
    top : 350px;
    left : 434px;
    width : 190px;
    z-index : 50;
}
#side_right li {
    list-style: none;
    margin: 0px;
    text-transform:uppercase;
    font-weight: normal;
    
}
#side_right a {
    font-weight: normal;    
}
#side_right h4 {
    width: 100%;
    font-size: 16px;
    
}

#copy{
    margin-left : 125px;
    margin-top : 5px;
    z-index : 50;
    position: absolute;
}

/* Text Styling */

p{  /* body text */
    background-color : transparent;
    line-height : 120%;
}

h1{  /* body text */
    font-family : "Helvetica Neue","Helvetica",Arial,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #999999;
    text-transform : uppercase;
    background-color : transparent;
    line-height : 120%;
    margin-bottom : 0;
    margin-top : 0;
}

h2{  /* body text */
    font-family : "Helvetica Neue","Helvetica",Arial,sans-serif;
    font-size : 13px;
    font-weight : bold;
    color : #ff0066;
    text-transform : uppercase;
    background-color : transparent;
    line-height : 120%;
    margin-bottom : 0;
    margin-top : 0;
}

h3{  /* body text */
    font-family : "Helvetica Neue","Helvetica",Arial,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #343434;
    text-transform : uppercase;
    background-color : transparent;
    line-height : 120%;
    margin-bottom : 0;
    margin-top : 0;
}

h4{  /* body text */
    font-family : "Helvetica Neue","Helvetica",Arial,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #7c7c7c;
    text-transform : uppercase;
    background-color : transparent;
    line-height : 120%;
    margin-bottom : 0;
    margin-top : 0;
    padding-bottom:10px;
    padding-top:2px;
}

#main p{  /* body text */
    background-color : transparent;
    line-height : 120%;
}

#main h1{  /* main : heading */
    font-weight : bold;
    color : #7c7c7c;
    text-transform : uppercase;
    background-color : transparent;
    line-height : 120%;
    margin-top : 0;
}

#main_right p{  /* body text */
    font-weight : normal;
    color : #000000;
    background-color : transparent;
    line-height : 120%;
    margin-bottom : 0;
    margin-top : 0;
}

#main_right h1{  /* main : heading */
    font-weight : bold;
    color : #ff0066;
    text-transform : uppercase;
    background-color : transparent;
    line-height : 120%;
    margin-top : 0;
}


#side p{  /* body text */
    font-size : 10px;
    font-weight : normal;
    color : #000000;
    background-color : transparent;
    line-height : 120%;
    margin-top : 0;
}

#side_left p{  /* body text */
    font-size : 10px;
    font-weight : normal;
    color : #000000;
    background-color : transparent;
    line-height : 120%;
    margin-top : 0;
}



#copy p{ /* copyright notice */
    font-size : 8px;
    font-weight : normal;
    color : #ff0066;
    line-height : 120%;
    margin-top : 10px;
    padding-top : 10px;
}

#news_head{
    position : absolute;
    top : 0px;
    left : 15px;
    width : 420px;
    height : 70px;
    z-index : 50;
}

#news_bar{
    position : absolute;
    top : 75px;
    left : 15px;
    width : 420px;
    height : 35px;
    z-index : 50;
}

#news_content{
    position : absolute;
    top : 110px;
    left : 20px;
    width : 420px;
    z-index : 50;
}

#faq_questions{
    position : absolute;
    top : 0px;
    left : 125px;
    width : 295px;
    height : 170px;
    overflow : auto;
    z-index : 50;
}

#faq_break{
    position : absolute;
    top : 185px;
    left : 0px;
    width : 420px;
    height : 1px;
    z-index : 50;
}

#faq_answers{
    position : absolute;
    top : 201px;
    left : 125px;
    width : 295px;
    height : 200px;
    z-index : 50;
}

a:link, a:visited, a:active{
    color : #ff0066;
    font-weight : bold;
    text-decoration : none;
}

a:hover{
    color : #343434;
    font-weight : bold;
    text-decoration : none;
}


/* classes */
.title_news{ font-size : 11px; font-weight : bold; color : #ff0066 } 
.artist_news{ font-weight : bold; color : #ff0066; } 
.release_news{ font-weight : bold; color : #ff0066; }
.minihead_news{ font-size : 10px; font-weight : bold; color : #7c7c7c; }
.date_news{ font-weight : bold; color : #ff0066; }

.yellow{ color : #FF9900 }
.orange{ color : #ED5802 }
.red{ color : #C40514 }
.magenta{ color : #E9004A }

.sub{ text-transform : none; font-weight : normal } 
 
 .divider2
{
position: relative;
height: 1px;
width: 420px;
border-bottom: solid 1px #FF0066;
margin: 2.0em 0em 2.0em 0em;
}

 .divider1
{
position: relative;
height: 1px;
width: 190px;
border-bottom: solid 1px #FF0066;
margin: 2.0em 0em 2.0em 0em;
}

 .flickr img
{
padding-bottom:10px;
}

#pageContent {
    width: 600px;
    padding: 20px;
    font-size: 14px;
    background-color: #FFF;
    min-height:480px;
    height:auto !important;
    height:480px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #pageContent {
        padding-top: 23px;
    }
}
#pageContent h1 {
    font-size: 24px;
}
#footer {
height:55px;
width: 938px;
margin: auto;
background-color: #ee548d;

}
#footer a {
    color: #000;
}
#homeFooter {
height:70px;
width: 938px;
margin: auto;
background-color: #ee548d;
padding-left: 20px;
padding-top: 5px;
font-size: 13px;
}
#homeFooter a {
    color: #000;
}
#homePage {
    width: 610px;
    background-color: #FFF;
    padding: 10px;
    padding-left: 20px;
    margin-top: 10px;
    font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #homePage {
        margin-top: 13px;    
    }
}

.socialmedia {
    margin-top: 7px;
    margin-bottom: 6px;
}
.socialmedia img {
    margin-left: 2px;
    margin-right: 3px;
}

.slider_container {
    padding-left: 5px;
    padding-bottom: 10px;
}
.slider_container img {
    margin-right: 3px;
    margin-bottom: 5px;
}