/*
THEME NAME:Sugar
AUTHOR:Jeaz
la couleur à changer : 00678B
*/

/* =structure */

body{margin:0;padding:0; background: url(img/body-back.jpg) repeat-x #1A1A1A; }
#wrapper{ padding:0;margin:0 auto;width:980px;position:relative;display:block}

/* =miscellaneous */
.clear{clear:both;}
img{border:none; display:block;}
.black{color:#000; font-size:16px;}
#container { padding:15px 0 0 0; margin:0; }
#content {width:600px; float:left;}
.single #content, .page #content {background-color:#000; min-height:665px;}
a{outline: none;}
:focus{-moz-outline-style: none;}


/* =header */
#logo {margin:0; padding:0; height:95px;;width:285px; float:left;}
#logo a{ display:block; height:95px;;width:285px; background-image:url(img/sugar-skateboard-magazine.gif); background-position:top;}
#logo a:hover{ background-position:bottom;}

#bandeau{ width:620px; height:80px; float:right; margin:15px 0 0 0;}

#menu{height:20px; width:980px; clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:13px; line-height:15px;}
#menu ul{margin:0; padding:0; list-style:none; height:20px;}
#menu li{margin:0; padding:0 4px 0 0; float:left; height:20px; display:block;}
#menu li a{margin:0; padding:0; text-decoration:none; height:20px; color:#1A1A1A;}
#menu li a:hover{color:#00678B;}

#menu li #fb {margin:0; padding:0; width:15px; height:20px;}
#menu li #fb a{margin:0; padding:0; display:block; width:15px; height:20px; background-image:url(img/fb.gif); background-position:top;}
#menu li #fb a:hover { background-position:bottom;}


/* =left */
#left {width:160px; height:665px; float:left; padding:15px 0 0 0;}
#left ul {width:150px; margin:7px 5px 10px 5px; height:60px; padding:0; list-style:none;color:#CCCCCC;}
#left li {width:142px; height:20px; margin:0; padding:0 0 0 8px; background:url(img/point.gif) no-repeat left center;}
#left li a{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#555; text-decoration:none; line-height:20px;}
#left li a:hover{ color:#00678B;}
#left .enkiosque a{ display:block; width:160px; height:220px; background:url(img/sugar-en-kiosque.jpg) top;}
#left .enkiosque a:hover{ background-position:bottom;}


/* =right */
#right {width:160px; height:665px; float:right; padding:0;}
#search{width:160px; margin:0; padding:0;}
#search input{background:#000;margin:0; font-size:12px; color:#555; border:1px solid #333333; margin:15px 0 10px 5px; padding:0 3px 1px 3px; width:142px;}
#search input:focus, #search input:hover{border:1px solid #00678B; color:#CCCCCC;}
#right a{ height:14px; width:150px; display:block; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#555; text-decoration:none; background:url(img/rss.gif) right top no-repeat; margin:0 0 10px 5px; padding:0;}
#right a:hover{ color:#00678B; background-position:right bottom;}

#eastpak {margin:0; padding:0; width:160px; height:95px;}
#eastpak a{margin:0; padding:0; display:block; width:160px; height:95px; background-image:url(img/eastpak2.jpg);}
#eastpak a:hover { background-image:url(img/sw09_sugar_survol.gif);}

#sugarvideo {margin:0; padding:0; width:160px; height:190px;}
#sugarvideo a{margin:0; padding:0; display:block; width:160px; height:190px; background-image:url(img/kurd-are-my-heroes.jpg); background-position:top;}
#sugarvideo a:hover {background-position:bottom;}

#cons {margin:0; padding:0; width:160px; height:150px;}
#cons a{margin:0; padding:0; display:block; width:160px; height:150px; background-image:url(img/cons2.gif); background-position:top;}
#cons a:hover { background-position:bottom;}

#official {margin: 0 0 10px 0; padding:0; width:160px; height:210px;}
#official a{margin:0; padding:0; display:block; width:160px; height:210px; background-image:url(img/official.jpg);}

#concours {margin:0 0 5px 0; padding:0; width:160px; height:100px;}
#concours a{margin:0 0 5px 0; padding:0; display:block; width:160px; height:100px; background-image:url(img/to-europe-with-love.gif); background-position:top;}
#concours a:hover { background-position:bottom;}


/* =nav */
#nav-previous{float:left; width:30px; height:665px; text-align:right;}
#nav-next{float:left; width:30px; height:665px; text-align:left;}
#nav-previous a, #nav-next a{margin:300px 0 0 0; display:block; width:30px; height:40px; background-color:#00678B; }
#nav-previous a:hover, #nav-next a:hover{ background-color:#333;}
.texthover{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; color:#aaa; background-color:#1a1a1a; padding:2px; -moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8;}


/* =home */
.home .post{background:transparent url('img/loading.gif') center center no-repeat; display:block; float:left; margin:0;overflow:hidden; position:relative;}

.home .featured.post.p1 {border-bottom:5px solid #1A1A1A; width:395px; }
.home .featured.post.p1 .post-content, .home .p1 a{width:375px;}

.home .featured.post.p2 {border-left:5px solid #1A1A1A; border-bottom:5px solid #1A1A1A;width:200px;}
.home .featured.post.p2 .post-content, .home .p2 a{width:180px;}

.home .featured.post.p3 {border-right:5px solid #1A1A1A; border-bottom:5px solid #1A1A1A;width:200px;}
.home .featured.post.p3 .post-content, .home .p3 a{width:180px;}

.home .featured.post.p4 {border-bottom:5px solid #1A1A1A; width:395px;}
.home .featured.post.p4 .post-content, .home .p4 a{width:375px;}

.home .featured.post.p5 {border-right:5px solid #1A1A1A;border-bottom:5px solid #1A1A1A;width:297px;}
.home .featured.post.p5 .post-content, .home .p5 a{width:277px;}

.home .featured.post.p6 {border-bottom:5px solid #1A1A1A;width:298px;}
.home .featured.post.p6 .post-content, .home .p6 a{width:278px;}


.home .post a{display:block;margin:0;padding:0 10px; height:214px;z-index:99; background:url(img/transparent.gif); bottom:0;left:0; position:absolute;-moz-opacity:0;filter:alpha(opacity=0);opacity:0; text-decoration:none;}
.home .post a:hover{-moz-opacity:0.75;filter:alpha(opacity=75);opacity:0.75;color:#F2F2F2;}

.home .post .category{position:absolute;left:0;top:0;padding:0;visibility:visible;z-index:60;-moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8;}
.home .post-title{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; font-weight:bold; line-height:30px; color:#00678B;}
.home .post-content{bottom:0;left:0; padding:0 10px 5px 10px; position:absolute; background-color:#000; color:#aaa; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; cursor:hand; }


/* =single, page */

.post{ margin:0 0 20px 0;}
.post .full-photo{width:600px;}
.post .full-photo img{ margin:0 auto;}

.post-title{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:28px; font-weight:bold; color:#00678B;}
.infos{font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#555; padding:10px 10px 6px 10px; margin:0 10px 5px; height:30px; display:block; border-bottom:solid 1px #333; background-color:#000;}
.edit-link a{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:red; text-decoration: none;}
.edit-link a:hover{text-decoration: underline;}
.sous-titre{font-family:Georgia, "Times New Roman", Times, serif; color:#555; font-style:italic; font-size:18px; font-weight:normal; padding:0 0 0 20px; font-variant:normal; }
.paragraphe{font-size:12px; color:#555; font-family:Verdana, Geneva, sans-serif; font-weight:normal; width:560px; padding:0 20px 0 20px; font-variant:normal; line-height:15px;}
.chapeau{font-family:Verdana, Geneva, sans-serif; font-size:15px; line-height:20px; font-variant:small-caps; color:#aaa; font-weight:lighter; display:block; text-align:justify; width:520px; padding:5px 30px;}
.single .post .entry-content .chapeau a{font-family:Verdana, Geneva, sans-serif; font-size:15px; font-style:normal; text-decoration:none; color:#ccc; border-bottom: dotted 1px #555;}
.credits{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555; font-weight:normal; font-size:10px; text-decoration:none; padding:0 0 0 20px; font-variant:normal;}
/* =credits photo */.wp-caption-text{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555; font-weight:normal; font-size:10px; text-decoration:none; text-align:right; padding:0 10px 0 0; margin:0 10px 0 0;}
.post .entry-content img {max-width:600px;height:inherit; padding:5px 0; display:block;}
.post .entry-content a, adresse {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; text-decoration:none; color:#666;}
.post .entry-content a:hover{color:#00678B;}
.post .entry-content p { margin:0;}
.aligncenter{ margin:0 auto;}
.alignnone{ margin:0;}
.single object { display:block; margin:10px auto;}
/* =get the flash player */#video0{ display:block; margin:10px auto; color:#555; font-family:Verdana, Geneva, sans-serif; width:600px; text-align:center;}


.post .entry-content blockquote {padding:1em 1em 0;margin-bottom:1em;font-style:italic;font-size:1.2em;}
.post .entry-content ul {margin:0 0 0 30px;padding:0 0 0 0;}
.post .entry-content ul li { margin:0; padding:0;}
.post .entry-content pre {width:585px;overflow:auto;padding:1em 0;color:#444;}
.post .entry-content code {padding:1em 0;display:block;color:#444;}



/* =archive, category, & search pages */
.archive .post{background:transparent url('img/loading.gif') center center no-repeat; display:block; float:left; margin:0;overflow:hidden; position:relative;}
.archive .featured.post {border-bottom:5px solid #1A1A1A; width:297px; }
.archive .featured.post .post-content, .archive a{width:280px;}

.archive .featured.post.p2 { border-left:5px solid #1A1A1A; }
.archive .featured.post.p4 { border-left:5px solid #1A1A1A; }
.archive .featured.post.p6 { border-left:5px solid #1A1A1A; }

.archive .post a{display:block;margin:0;padding:0 10px; height:214px;z-index:99; background:url(img/transparent.gif); bottom:0;left:0; position:absolute;-moz-opacity:0;filter:alpha(opacity=0);opacity:0; text-decoration:none;}
.archive .post a:hover{-moz-opacity:0.75;filter:alpha(opacity=75);opacity:0.75;color:#F2F2F2;}

.archive .post .category{position:absolute;left:0;top:0;padding:0;visibility:visible;z-index:60;-moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8;}
.archive .post-title{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; font-weight:bold; line-height:30px; color:#00678B;}
.archive .post-content{bottom:0;left:0; padding:0 10px 5px 10px; position:absolute; background-color:#000; color:#aaa; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; cursor:hand; }

.archive #post-0{background:#000; display:block; float:left; margin:0;overflow:hidden; position:relative; width:600px; height:665px;}

/* =Abonnement */
.pageid-199 .entry-content ul{margin:0; padding:0; list-style:none; width:600px;}
.pageid-199 .entry-content li{width:108px; height:146px; margin:0; padding:10px 0 0 10px; float:left; display:block; line-height:10px; font-size:11px; color:#555; font-family:Verdana, Geneva, sans-serif; font-weight:normal;}
.pageid-199 .entry-content li input{ height:10px; margin:0; padding:0;}

/* =404 */
.four04 {width:800;clear:both;float:none;}
.four04 .post {background:transparent;width:800px;height:inherit;clear:both;float:none;margin-bottom:3em;}
.four04 .post .entry-title {font-size:3.6em;line-height:1.2em;width:800px;font-weight:100;margin:0.5em 0 0.25em;padding:0;}
.four04 .post .entry-date {width:200px;font-size:3.6em;float:left;color:#888}
.four04 .post .entry-content {width:595px;float:left;font-size:1.2em;color:#888;}
.four04 .post .entry-meta {color:#888;width:200px;float:right;font-size:0.8em;padding:5px 0 0;position:relative;z-index:11;}
.four04 #container {margin-bottom:3em;}


/* =footer */
#footer{clear:both;font-size:11px;width:980px; height:20px;color:#444; border-top:solid 1px #000; text-align:center; line-height:20px;}
#footer a{color:#444; text-decoration:none; font-family:Verdana, Geneva, sans-serif;}
#footer a:hover{ color:#00678B;}

/* =anciens numéros*/
#anciensnumeros ul {margin:0; padding:0; list-style:none; width:600px;}
#anciensnumeros ul li {width:108px; margin:10px 0; padding:10px 0 0 10px; float:left; display:block; line-height:10px; font-size:11px; color:#555; font-family:Verdana, Geneva, sans-serif; font-weight:normal; text-align:center;}
#anciensnumeros ul li span{width:108px; display:block;}
#anciensnumeros ul li input{ margin:2px; padding:0; display:block;}


/* Wordpress 2.5+ Shortcode Styles
------------------------------------------ */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div#comments{clear:both;}

/* =hidden */
.home .entry-meta, .page .sidebar, .category .sidebar, .archive .sidebar, .search .sidebar, #access .skip-link, .archive-meta {display:none;}