/*
Theme Name: Crazy White Worbz
Theme URI: http://yellowpimento.com/
Description: Worbz Crazy Theme for iPhone
Version: 4.1.1
Author: Marianne Hauchecorne & Gregory Clement
*/

*{margin:0;padding:0;border:0;background:none;font:normal normal 12px/1.2em Helvetica;outline:0;}
html, body{background:#fed201;color:#000;}

#bigback{display:none;}
#header{display:none;}
#backhome{width:100%;height:104px;display:block;margin:20px 0 0;background:url(images/logoiphone.gif) 50% 0 no-repeat;}
#progress{-webkit-border-radius: 5px;background-color: rgba(0,0,0,.7);color: white;font-size: 18px;font-weight: bold;height: 80px;left: 50%;line-height: 80px;margin: -40px 0 0 -100px;position: absolute;text-align: center;top: 50%;width: 200px;}

/*
HOME
*/
#iphonerow{margin:0 0 0 10px;clear:both;}
#iphonerow div.item{padding:5px;background:#fff;-webkit-box-shadow: 0px 3px 3px grey;margin:0 10px 10px 0;float:left;width:135px;}
#iphonerow div.item span.links{display:none;}
#iphonerow div.item img{display:block;width:135px!important;margin-bottom:5px;}
#iphonerow div.item h2{font-size:1em;color:#000;max-width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

#iphonerow div.content{padding:10px;background:#fff;-webkit-box-shadow: 0px 3px 3px grey;margin:0 20px 10px 10px;}
#iphonerow div.content img{max-width:100%;}
#iphonerow div.content p{padding-bottom:10px;text-align:justify;}
#iphonerow div.content b, #iphonerow div.content strong{font-weight:bold;}
#iphonerow div.content i, #iphonerow div.content em{font-style:italic;}
#iphonerow div.content h2{padding-top:10px;font-size:1.6em;font-weight:bold;color:#000;max-width:100%px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#iphonerow div.content div.meta{color:#888;}

#navigation a.alignleft{position:absolute;width:40px;height:43px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;background-color: rgba(0,0,0,.6);background-image:url(images/toleft.png);background-position:50% 50%;background-repeat:no-repeat;top:44px;left:0;}
#navigation a.alignright{position:absolute;width:40px;height:43px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;background-color: rgba(0,0,0,.6);background-image:url(images/toright.png);background-position:50% 50%;background-repeat:no-repeat;top:44px;right:0;}

/*
SINGLE
*/
#contenu{background:none;padding:20px 0 20px 20px;}
#contenu p a{text-decoration:underline;color:#000;}
/*
div.cat1 p a{color:#ccd12f;}
div.cat2 p a{color:#13bbb4;}
div.cat3 p a{color:#f2d100;}
div.cat4 p a{color:#f8578c;}
div.cat5 p a{color:#f79521;}
*/
#contenu p a:hover{text-decoration:none;color:#fff;}
div.cat1 p a:hover{color:#fff;background:#ccd12f;}
div.cat2 p a:hover{color:#fff;background:#13bbb4;}
div.cat3 p a:hover{color:#fff;background:#f2d100;}
div.cat4 p a:hover{color:#fff;background:#f8578c;}
div.cat5 p a:hover{color:#fff;background:#f79521;}

#contenu div.col{width:400px;margin:10px 40px 0 0;float:left;min-height:216px;}
#contenu p{text-align:justify;margin:0 0 10px 0;font-size:9pt;line-height:12pt;}
#contenu ul,#contenu ol{text-align:justify;margin:0 0 10px 20px;font-size:9pt;line-height:12pt;}
#contenu p strong, #contenu p b{font-weight:bold;}
#contenu em, #contenu i{font-style:italic;font-weight:inherit;font-size:inherit;}
#contenu h3 a{text-transform:uppercase;display:block;text-decoration:none;font-weight:bold;font-size:26pt;color:#000;width:380px;margin-bottom:10px;}
#contenu h4 {text-transform:uppercase;font-weight:bold;font-size:13pt;color:#000;}
#contenu div.meta{color:#888;}
#contenu div.meta a{color:#000;text-decoration:none;}
#contenu div.meta a:hover{color:#000;text-decoration:underline;}
#contenu div.share{height:16px;margin-bottom:11px;}

#deezer{display:none;}

div.myflickr img{padding-bottom:10px;max-width:800px;max-height:600px;}

#contenu div.cols{width:820px;margin-top:10px;}

#contenu div.who{width:650px;clear:both;}
#contenu div.who div.pict{width:300px;height:160px;float:left;margin:0 40px 20px 0;background-position:50% 50%;}
#contenu div.who p{font-size:0.8em;line-height:1.2em;margin:0;padding:0;}
#contenu div.who h2{text-transform:uppercase;font-weight:bold;margin:0;padding:0;}
#contenu div.who p strong{display:block;text-transform:uppercase;font-weight:bold;margin-bottom:10px;}
#contenu div.who address{display:block;text-align:right;font-weight:bold;margin-top:5px;}
#outer div.weareworbz{background:#e6e6e6 url(images/backsingle.gif) -100px 0 repeat-y;}
#outer div.weareworbz h3{text-transform:lowercase;display:block;font-weight:bold;font-size:26pt;color:#000;margin:0 0 20px 340px;}

#closeitem{position:absolute;width:45px;height:39px;background:url(images/closeblack.gif) 50% 50% no-repeat;left:840px;top:0px;}
#contenu a.post-edit-link{position:absolute;top:10px;left:810px;color:#aaa;text-decoration:none;}
#contenu a.post-edit-link:hover{color:#000;}

#right{display:none;width:55px;height:39px;position:absolute;top:60px;left:75px;background:url(images/right.png) 0 0 no-repeat;}
#left{display:none;width:55px;height:39px;position:absolute;top:60px;left:20px;background:url(images/left.png) 0 0 no-repeat;}


/*
FOOTER
*/
#footer{display:none;}
/*
GLOBAL BEHAVIOR
*/
.vvqbox{margin-top:0;padding-top:0!important;margin-top:0!important;}

.relative{position:relative!important;}
.alignleft{float:left;margin:0 10px 10px 0;}
.alignright{float:right;margin:0 0 10px 10px;}
.clear{clear:both;}