/*  
Theme Name: Big Blue
Theme URI: http://www.blogohblog.com/
Description: Big Blue is a 3 columns Wordpress theme. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
Version: 0.1
Author: Bob 
Author URI: http://www.blogohblog.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/

body{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 background-color:#fff;
 background-image:url(images/topbck-1.gif);
 background-repeat:repeat-x;
 color:#505050;
 margin:0;
 padding:0;
}

a, a:link, a:active, a:visited {
 color:#212121;
 text-decoration:none;
}

a:hover {
 color:#fff !important;
 background-color:#ff0090 !important;
 border-bottom:1px #ff0090 solid !important;
}

.aligncenter,img.aligncenter{
 display:block;
 margin:0 auto;
 text-align:center;
}


/* Citations ------------------------------------------------------ */

blockquote {
 line-height:15px;
 font-size:11px;
 margin: 15px 0 0 30px;
 padding-left:15px;
 border-left:5px solid #ff0090;
 color: #af0063;
 background:#ffffff;
}



/* Images --------------------------------------------------------- */

img{
 border:0;
}



/* Blocs -------------- */

#wrap{
 width:980px;
 margin:0 auto;
 padding:0;
}


#top{
 height:69px;
 width:980px;
 clear:both;
 margin:0 auto;
 padding:0;
}



h2,h3{
 font-size:16px;
 font-weight:700;
 margin:0;
 padding:0;
}


/* main -------------- */

#main{
 width:980px;
 margin:10px auto;
 padding:0;
}


/* header -------------- */

#header{
 width:400px;
 height:69px;
 float:left;
 margin:0;
 padding:0;
}


#header h1.blogtitle{
 font-family:Arial, Helvetica, sans-serif;
 color:#fff;
 margin:0;
 padding:0;
}


h1 a { 
 display:block;
 float:left;
 margin:0 auto;
 height:100px;
 width:200px;
 background:url(http://soundsystem3104.com/wp-content/themes/bigblue/images/top_logo.gif);
 background-repeat:no-repeat;
}


h1 a:hover {
 color:#fff !important;
 background-color:#fff !important;
 border-bottom:0px #fff solid !important;
}


h1 span {
 display:none; 
}


#header p.desc{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#fff;
 font－size:11px;
 margin:0;
 padding:0;
text-indent:-9999px
}



/* Affichage des pages ------------------------------------- */

#nav{
 height:30px;
 float:right;
 width:400px;
 margin:0 auto;
 margin-top:0px;
 margin-bottom:25px;
 padding:0;
 text-align:center;
}


ul.nav{
 float:right;
 list-style:none;
 font-size:11px;
 text-transform:uppercase;
 margin:0 auto;
 padding:0;
}


ul.nav li{
 float:left !important;
 font-family:Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; 
 font-size:14px;
 font-weight:700;
 text-transform:lowercase;
 list-style-type:none;
 margin:0 8px 0 0;
 padding:0;
 text-align:center;
}


ul.nav li a,ul.nav li a:link,ul.nav li a:visited{
 background:#000;
 color:#fff;
 float:left;
 display:block;
 text-decoration:none;
 padding:3px 5px 3px 5px;
}


ul.nav li a:hover,ul.nav li a:active{
 background:#fff;
 color:#ff0090;
 text-decoration:none;
}


ul.nav li.current_page_item a{
 text-decoration:none;
 background:#000;
 color:#ff0090;
}


ul.nav li ul{
 float:left;
 margin:0;
 padding:0;
}



/* Content -------------------------------------------------------- */

#content{
 width:510px;
 float:left;
 margin:0;
 padding:20px 0 0;
}


.entry{
 font-size:11px;
 float:left;
 width:500px;
 text-align:justify;
 margin:0;
 padding:0 0 20px;
}


.entry img{
 margin:0 7px 4px 0;
}




/* -------------------------------------------------------------------------------------- */
/* Sidebar  ----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

#sidebar{
 float:right;
 width:450px;
 margin:0;
 padding:20px 0 0;
}



/* RIGHT SIDEBAR -------------------------------------------------------------------- */

.rsidebar{
 float:right;
 width:230px;
 margin:0;
 padding:0 0 0 15px;
 background-color:#000;
 color:#fff;
 overflow:hidden;
}


.rsidebar a, .rsidebar a:link, .rsidebar a:active, .rsidebar a:visited {
 color:#ddd;
 text-decoration:none;
}


.rsidebar h2{
 background-color:#000;
 height:15px;
 font-size:13px;
 font-weight:700;
 color:#fff;
 margin:0;
 padding:0 0 10px 8px;
}


.postmetadata{
 background:#eee;
 border-bottom:1px #ccc solid;
 border-top:1px #eee solid;
 font-size:10px;
 margin:0;
 padding:5px;
}


.boxcomments{
 border-top:5px solid #ddd;
 border-bottom:5px solid #ddd;
 margin-bottom:20px;
 width:510px;
}


#commentform{
 border-top:1px solid #eee;
 margin:0;
 padding:15px 15px 1px;
}


#commentform label{
 display:block;
 margin:0;
}


#commentform input{
 width:170px;
 margin:0 5px 10px 0;
 padding:1px;
}


#commentform textarea{
 width:400px;
 margin:0 0 10px;
 padding:0;
}


#commentform #submit{
 margin:0 0 20px;
}


#commentform p{
 margin:5px 0;
}


ol.commentlist{
 margin:0 0 1px;
 padding:0;
}


ol.commentlist :hover{
 background:url(images/latestbck.gif) repeat-x;
}


ol.commentlist li{
 border-top:1px solid #eee;
 display:block;
 list-style:none;
 margin:0;
 padding:15px 15px 1px;
}


ol.commentlist li :hover{
 background:none;
}


ol.commentlist li.commenthead{
 display:block;
 list-style:none;
 margin:0;
 padding:5px 15px;
}


ol.commentlist li.commenthead h2{
 margin:0;
}


ol.tblist{
 border-top:1px solid #fff;
 list-style:none;
 margin:0 0 1px;
 padding:15px;
}


ol.tblist li{
 display:block;
 list-style:none;
 background:transparent url(images/c.gif) 0 2px no-repeat;
 padding-left:15px;
 margin:0 0 5px;
}


#eof{
 width:980px;
 clear:both;
 height:10px;
 background:#fff;
 margin:0 auto;
 padding:0;
}


.navigation{
 width:500px;
 float:left;
 color:#666;
}


.alignright{
 float:right;
 margin-top:10px;
}


.alignleft{
 float:left;
 margin-top:10px;
}



/* LEFT SIDEBAR ------------------------------------------------------ */

.lsidebar{
 float:left;
 width:190px;
 margin:0;
 padding:0;
}


.lsidebar h2{
 background-color:#000;
 height:15px;
 font-size:13px;
 font-weight:700;
 color:#fff;
 margin:0;
 padding:0 0 10px 8px;
}


a:link,a:active,a:visited,a:hover{
 text-decoration:none;
 color:#464646;
 border:none;
}


#header h1 a:link,#header h1 a:active,#header h1 a:visited,#header h1 a:hover{
 text-decoration:none;
 color:#fff;
 border:none;
}


.rsidebar ul,.lsidebar ul{
 list-style-type:none;
 line-height:200%;
 font-size:11px;
 margin:0 auto;
 padding:0;
}


.rsidebar ul li,.lsidebar ul li{
 list-style-type:none;
 margin:0 0 20px;
 padding:0;
}


.rsidebar ul li ul,.lsidebar ul li ul{
 list-style-type:none;
 margin:0 auto;padding:0 3px;
}


.rsidebar ul li ul li,.lsidebar ul li ul li{
 list-style-type:none;
 border:0;
 border-bottom:#dadada solid 1px;
 margin:0 auto;
 padding:0;
}


.rsidebar ul li ul li ul.children li,.lsidebar ul li ul li ul.children li{
 list-style-type:none;
 border:0;
 margin:0 auto;
 padding:0;
}


.rsidebar ul li ul li a,.lsidebar ul li ul li a{
 text-decoration:none;
}




/* ------------------------------------------------------------------------------ */
/* Footer  -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ */

#footer {
 color:#fff;
 background-color:#ff0090;
}


.footer {
 width:980px;
 text-align:left;
 font-size:11px;
 margin:0 auto;
}


.footer a, .footer a:link, .footer a:visited, .footer a:active {
 color:#fff;
 font-weight:700;
}


.footer a:hover {
 background-color:#84004b !important;
}


#footer li{
  list-style-type:none;
}


/* Footer-left / Recent Entries ---------------------------------------------- */

#footer-1 {
 width:310px;
 height:300px;
 float:left;
 margin:15px 10px 10px 0;
 padding-top:5px;
 background-color: #ed0086;
}   
 

 #footer-1 h3 span {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
 }


/* Footer middle / Recent Comments ------------------------------------ */

#footer-2 { 
 width:310px;
 height:300px;
 float:left;
 margin:15px 10px 10px 15px;
 padding-top:5px;
 background-color: #ed0086;
}


#footer-2 h3 span {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
 }


/* Footer right 1/ Credits ---------------------------------------- */

#footer-3 { 
 width:310px; 
 height:170px;
 float:left;
 margin:15px 0 5px 15px;
 padding-top:5px;
 background-color: #ed0086;
} 


#footer-3 h3 span {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
 }



/* Footer right 2/ Meta ---------------------------------------- */
#footer-4 { 
 width:310px; 
 height:110px;
 float:left;
 margin:10px 0 10px 15px;
 padding-top:5px;
 background-color: #ed0086;
} 


#footer-4 h3 span {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
 }


/* copyright --------------------------------------------- */
#copyright {
 font-size:11px;
 width:950px;
 margin:0 auto;
 padding:5px 0 15px 0;
 color:#84004b;
}


#copyright  img{
 float:left;
 margin:0 8px 0 0;
 }


#copyright a {
 font-weight:700;
 color:#84004b;
}


#copyright a:hover {
 color:#fff !important;
}

#footer .clear-both {clear:both;} 