/*  
Theme Name: Pop Blue Clean
Theme URI: http://www.blogohblog.com/
Description: Pop Blue is a 2 columns Wordpress theme. Clean, simple and lightwieght 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: 
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>.
*/

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

body{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #374853; font-size:13px; margin:0; padding:0; 
background:url('images/fond-noir.jpg') repeat;
}

/* Top + Header + Menu */

#top{
width:1000px; height:184px;margin:0 auto; padding:0;
background:transparent url('images/fond-beige.jpg');
}
#header{
width:1000px; height:164px ;margin:0;
background:transparent url('images/header.gif') no-repeat bottom left;
}
#header h1{
text-indent:-10000px;
margin:0;padding:0;
}
#header h1 a{
display:block;
}

#menu {
	width: 503px;
	height:67px;
	background: transparent;
	margin:-87px 0 0 394px;
	padding:0 0 0 0;
	float:right; 
	position:absolute;
	z-index:200;
	}
*html #menu {
	width: 503px;
	height:67px;
	background: transparent;
	margin:-108px 0 0 392px;
	padding:0 0 0 0;
	float:right; 
	position:absolute;
	z-index:200;
	}

#menu ul { display:inline;}
#menu ul li{ display:inline; }
#menu ul li a{
	height:67px; float:left; display:inline; 
	background-color:#ccc; margin:0 0 0 0;
	text-indent:-9999px;
	}
#menu-home{
	width:74px; display:block;
	background: transparent url('images/menu-top/menu-home.gif');
}
#menu-shop{
	width:68px; display:block;
	background: transparent url('images/menu-top/menu-shop.gif');
}
#menu-lookbook{
	width:109px; display:block;
	background: transparent url('images/menu-top/menu-lookbook.gif');
}
#menu-blog{
	width:72px; display:block;
	background: transparent url('images/menu-top/menu-blog.gif');
}
#menu-infos{
	width:78px; display:block;
	background: transparent url('images/menu-top/menu-infos.gif');
}
#menu-contact{
	width:102px; display:block;
	background: transparent url('images/menu-top/menu-contact.gif');
}
#menu ul li a:hover{
	background-position:0 -67px;
	}
#menu ul li a.currentpage{
	background-position:0 -134px;
	}




h1, h2, h3, h4 { 
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 24px;
color: #c94444;
font-weight: normal;
margin:0; padding:0;
}
a:link { text-decoration: none; color : #c94444; border: none;}
a:active { text-decoration: none; color : #c94444; border: none;}
a:visited { text-decoration: none; color : #c94444; border: none;}
a:hover	{ text-decoration: underline; color : #c94444; border: none;} 

.postmetadata { 
background: transparent url('images/fond-bleu.gif');
padding:5px;
}
span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}

/* Main container */

#main{ 
overflow:hidden;
width:1000px;
margin:0 auto;
padding:0;
background: transparent url(images/fond-beige.jpg);
}

#wrapper {
width: 945px;
margin: 20px 0 20px 28px;
background: #fff url('images/frise-blanche.gif') repeat-x top left;
clear: both;
padding: 15px 0 20px 0;
overflow:hidden;
}

#content{ 
float:left;
width:620px;
margin:10px 0 0 30px;
padding:0; 
border-right:1px #eeeeee solid;
overflow:hidden;

}
.entry{
float:left;width:590px;margin:0 0 20px 0;padding:0; overflow:hidden;
}
.entry p{
margin:0 0 20px 0;}
.ladate{
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 16px;
color: #999;
font-weight: normal;
margin:0; padding:0;
}
.lecontent{
margin:20px 0 20px 0; padding:0;
}
img.alignleft{margin:0 15px 0 0; float:left;}

/* Sidebar */
#sidebar{
float:left;
width:240px;
margin:10px 0 0 30px;
padding:0;}

/* Footer */
#footer{
width:945px; height:80px;
background:transparent url('images/footer.gif') no-repeat;
clear:both;
margin:20px auto;
padding:0;
}
#footer a{
text-indent:-9999px;
display:block;
float:right;
width:70px; height:50px;
margin:15px 0 0 0;
}
#footerbox{
}
.footer{width:945px;color:#717171;height:30px;line-height:30px !important;margin:0 auto;padding:0;text-align:right;}
.footer a {color:#717171!important; text-decoration:none!important;}
.footer a:hover{text-decoration:underline!important;color:#d9cfbc;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:underline;color:#25aacd;border:none;}


#rsidebar{list-style:none;}
#meetbettie{
width:223px; height:191px;
margin:0 0 20px 0;
}
#meetbettie a{
display:block;
width:232px; height:191px;
text-indent:-9999px;
background:transparent url('images/sidebar-cartouche-bettie.jpg') no-repeat;
}
#sidebar-categories {
margin:0 0 20px 0;
}
#sidebar-categories h3{
font-size:18px; color:#666;
padding:0 0 10px 0; margin:0 0 10px 0;
border-bottom:#dbd2c0 1px dashed;
}
#sidebar-categories a{
font-size:13px; color:#999;
font-style:italic;
}
#sidebar-archives {
margin:0 0 20px 0;
}
#sidebar-archives h3{
font-size:18px; color:#666;
padding:0 0 10px 0; margin:0 0 10px 0;
border-bottom:#dbd2c0 1px dashed;
}
#sidebar-archives a{
font-size:13px; color:#999;
font-style:italic;
}
#sidebar-links {
margin:0 0 20px 0;
}
#sidebar-links h2{
font-size:18px!important; color:#666;
padding:0 0 10px 0!important; margin:0 0 10px 0!important;
border-bottom:#dbd2c0 1px dashed!important;
}
#sidebar-links a{
font-size:13px; color:#999;
font-style:italic;
}



#rsidebar h2{font-size:12px;border-bottom:#eee 1px solid;margin:0 0 5px;padding:0;}
#rsidebar ul{list-style:none; margin:0;padding:0;}
#rsidebar ul li{list-style:none;margin:0 0 10px;padding:0;}
#rsidebar ul li ul{list-style:none;margin:0;padding:0 3px;}
#rsidebar ul li ul li{list-style:none;background:transparent url(images/li.gif) no-repeat 0 3px;border:0;margin:0;padding:0 0 3px 15px;}
.navigation{width:580px;color:#666;margin:0 auto; padding:0;}
.alignright{float:right;margin-top:10px; margin-bottom:10px;}
.alignleft{float:left;margin-top:10px; margin-bottom:10px;}
#searchform { height:35px; line-height:35px; float:right; margin: 0; padding: 0;  }
input#s { color: #5188d2; width: 200px; border: 1px solid #cbcbcb; background:#fcfcfc;}

.boxcomments{margin-bottom:20px;}
#commentform{margin:25px 0 0 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{}
ol.commentlist li{display:block;list-style:none;margin:0 0 20px 0;padding:15px 15px 15px 15px;
background:transparent url('images/fond-bleu.gif');
}
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:#e7f9ff;padding-left:15px;margin:0 0 5px;}