/* MAIN ------------------------------------------------------------------------------ */

body{font-family:"Trebuchet MS"; font-size:11px; margin:0px; color:#CCC; text-align:center; background:#8881E2 url(images/template/b-g.gif) repeat-x; margin-top:0px; margin-bottom:18px}

#main{margin:0 auto; background:url(images/template/bg_main.png) top repeat-x #0D0D0D; width:962px; height:100%; padding:0px 10px 8px 10px}

.clear{clear:both}

img{border:0; outline:none}
img a:active{border:0; outline:none}

a{color:#FE0159; text-decoration:none; cursor:hand; border:0px}
a:hover{color:#A2FF00; text-decoration:none}
a:active{outline:none}

#contentblock{position:relative; width:956px; margin-top:6px; background-color:#000; padding-left:5px; text-align:center; border:1px solid #242424}

.contentblock{position:relative; width:956px; margin-top:6px; background-color:#000; padding-left:5px; text-align:center; border:1px solid #242424}

.border-1{border:1px solid #161616; margin-bottom:6px;}

/* HEADER ------------------------------------------------------------------------------ */

#top-logo{position:relative; width:970px; height:80px; margin:0px 6px 0px 0px; padding:0px}

#top-logo img{float:left; margin-right:20px; margin-top:1px}

#login{background:#FB0300; padding:0; width:214px; height:80px; position:absolute; top:-2px; right:8px; border:0px solid #040404}

.input{background-color:#000; border:1px solid #242424; color:#9F0; margin-bottom:3px}
.input:hover{background-color:#000; border:1px solid #242424; color:#F4003E; margin-bottom:3px}

.check{line-height:-5px}

#rss{line-height:9px; position:absolute; bottom:5px; right:255px}
#rss img{border:0}

#menu{width:948px; margin-top:5px; margin-bottom:6px; background-color:#000; height:24px; padding:6px; text-align:center; border:1px solid #242424}
#menu ul{margin-top:3px; margin-left:-30px}
#menu li{display:inline; padding:5px; text-transform:uppercase; font-weight:bold; font-size:120%; color:#535353; border-right:1px solid #242424; background-color:#000}

#menu a{color:#FE0159}
#menu a:hover{color:#F8D201}
#menu a:active{color:#2D96FF; outline:none}
#menu li:last-child{background-color:#000; border-right:1px solid #000; cursor:default}

/* HOME ------------------------------------------------------------------------------ */

#home-download{position:relative; background:url(images/area_home/issue18.jpg) no-repeat #000; border:1px solid #242424; width:650px; height:300px; margin-bottom:6px; float:left; display:inline}
.home-buttons {position:absolute; background:none; bottom:28px; left:222px; height:28px; overflow:hidden}
.home-buttons img {margin-right:25px;}

#home-news{background:url(images/area_home/home_news_bottom.png) bottom no-repeat #0D0D0D; position:relative; float:right; margin:0; width:300px; height:301px; margin-bottom:6px; display:inline; overflow:hidden}
.news-date {background-color:#0080FF; color:#FFF; text-align:center; font-weight:bolder; font-size:12px}
.news-title {background-color:#F8D201; color:#000; font-weight:bold}
.content-title {font-size:13px; padding:2px 4px 2px 4px; margin-top:2px; float:left}
.content-title a {color:#000000; text-decoration:none}
.content-title a:hover {color:#000000; text-decoration:underline}
.readme {background-color:#000; color:#FFF; padding:2px 4px 2px 4px; text-transform:uppercase; font-size:12px; margin:2px; float:right}
.readme a {color:#FFFFFF; text-decoration:none}
.readme a:hover {color:#FF0080; text-decoration:none}

.news-date2 {background-color:#006AB0; color:#FFF; text-align:center; font-weight:bolder; font-size:12px}
.news-title2 {background-color:#FED905; color:#000; font-weight:bold}
.content-title2 {font-size:13px; padding:2px 4px 2px 4px; margin-top:2px; float:left}
.content-title2 a {color:#000; text-decoration:none}
.content-title2 a:hover {color:#000; text-decoration:underline}
.readme2 {background-color:#000; color:#E7E7E7; padding:2px 4px 2px 4px; text-transform:uppercase; font-size:12px; margin:2px; float:right	}
.readme2 a {color:#E7E7E7; text-decoration:none}
.readme2 a:hover {color:#FE0159; text-decoration:none}


#home-subscribe{position:relative; background:url(images/area_home/home_subscribe.png) no-repeat #000; border:1px solid #242424; width:960px; height:130px; margin-bottom:6px}
#home-subscribe:hover{background:url(images/area_home/home_subscribe-off.png) no-repeat #000}
.field-name{position:absolute; height:41px; width:163px; bottom:9px; right:340px; background:#000; border:0; color:#FFF; font-size:30px}
.field-mail{position:absolute; height:41px; width:243px; bottom:9px; right:75px; background:#000; border:0; color:#FFF; font-size:30px}
.button{position:absolute; height:47px; width:48px; bottom:9px; right:11px; background:url(images/area_home/home_subscribe_go.png) no-repeat; text-indent:-3000px; border:0}

#home-shoutbox{position:relative; background:#000; float:left; margin:0; height:300px; padding-bottom:2px; margin-bottom:6px; display:inline; overflow:hidden; border:1px solid #161616;}

#home-nexton{background:url(images/area_home/home_nexton_bottom.png) bottom no-repeat #0D0D0D; position:relative; float:right; margin:0; height:300px; width:509px; padding-bottom:2px; margin-bottom:6px; display:inline; overflow:hidden}


/* BACK ISSUES ------------------------------------------------------------------------------ */

.all-issue{background:#050505; border:1px solid #0D0D0D; padding:4px; margin-left:7px; margin-bottom:8px; width:140px; float:left; text-align:center; text-transform:capitalize; font-size:90%; color:#F9ED00; overflow:hidden}
.all-issue:hover{background:url(images/issues-inside/bg_select.png) repeat-y; border: 1px solid #EC0300; font-weight:bold}
.all-issue .title{color:#FFF; text-transform:uppercase; font-weight:bold; font-size:140%}
.all-issue img{border:1px solid #242424; margin-top:2px; margin-bottom:4px; text-decoration:none; margin-left:-1px}
.all-issue img:hover{border:1px solid #910300; text-decoration:none}
.all-issue a{text-decoration:none}

#browse{background-color:#000; height:42px; width:960px; padding-top:7px; padding-bottom:4px; border-bottom:1px solid #1D1D1D; border-top:1px solid #1D1D1D}

#browse img{margin-right:6px}

.expect img{float:left; margin-right:8px}
.expect .what{text-transform:uppercase; font-weight:bold; margin-top:3px; color:#9F0}

/* ISSUES ------------------------------------------------------------------------------ */

#inside{position:absolute; width:450px; height:320px; top:90px; left:6px; overflow:hidden}

.download{position:absolute; bottom:15px; right:93px; border:0; height:67px; overflow:hidden;}
.feedb{position:absolute; width:123px; height:123px; border:0}

.latv{background:#000; letter-spacing:1px; font-weight:bold; color:#FFF; width:960px; padding-top:6px; padding-bottom:6px; margin-top:6px; margin-bottom:6px; border:1px solid #232323}
.latv:hover{border-color:#333}

.current-issue-title{font-weight:bold; color:#8FFF20; text-transform:uppercase}

.sommaire{background:#000; margin-bottom:4px; width:410px; padding:6px; text-align:justify; line-height:13px; font-size:100%; -moz-border-radius:3px}
.sommaire:hover{color:#FD0247; cursor:default}

.sommaire2{background:none; margin-bottom:4px; padding:6px; text-align:justify; line-height:13px; font-size:100%; -moz-border-radius:3px}
.sommaire2:hover{color:#FD0247; cursor:default}

/* ISSUE - INSIDE ------------------------------------------------------------------------------ */

#issue01{background:url(images/issues-inside/issue-inside_1.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue02{background:url(images/issues-inside/issue-inside_2.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue03{background:url(images/issues-inside/issue-inside_3.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue04{background:url(images/issues-inside/issue-inside_4.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue05{background:url(images/issues-inside/issue-inside_5.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative; position:relative}

#issue06{background:url(images/issues-inside/issue-inside_6.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative; margin-bottom:4px; border:1px solid #242424}

#issue07{background:url(images/issues-inside/issue-inside_7.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue08{background:url(images/issues-inside/issue-inside_8.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue09{background:url(images/issues-inside/issue-inside_9.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue10{background:url(images/issues-inside/issue-inside_10.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue11{background:url(images/issues-inside/issue-inside_11.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue12{background:url(images/issues-inside/issue-inside_12.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue13{background:url(images/issues-inside/issue-inside_13.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue14{background:url(images/issues-inside/issue-inside_14.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue15{background:url(images/issues-inside/issue-inside_15.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue16{background:url(images/issues-inside/issue-inside_16.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue17{background:url() no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}

#issue-sp1{background:url(images/issues-inside/issue-inside_sp1.jpg) no-repeat; width:960px; height:416px; margin-bottom:4px; border:1px solid #242424; position:relative}


/* THE MAGAZINE PAGE ------------------------------------------------------------------------------ */

#inputArea {background:url(images/area_subscription/subscribe_faq.png) bottom no-repeat #000; font-size:13px; font-weight:bold; text-align:left; color:#FFD62F; border:solid 1px #161616; padding:10px; padding-top:8px; width:310px; float:right; margin-bottom:6px;}
#inputArea input, #inputArea textarea {font-size:13px; margin-bottom:10px; display:block; padding:4px; width:300px}
.activeField {border:solid 1px #FFD62F; background:#E8B900; font-weight:bold}
.idle {border:solid 1px #585858; background:#282828; color:#E7E7E7}

.about-title {width:596px; color:#FFF; text-align:left; font-weight:bolder; font-size:18px; padding:3px; padding-left:5px; margin-bottom:6px; background:#006AB0}
.form-title {width:98%; color:#FFF; text-align:left; font-weight:bolder; font-size:18px; padding:3px; padding-left:5px; margin-bottom:6px; background:#006AB0}


/* SUBSCRIBE PAGE ------------------------------------------------------------------------------ */

.field-name2{position:absolute; height:41px; width:243px; top:215px; right:382px; background:#000; border:0; color:#FFF; font-size:30px}
.field-mail2{position:absolute; height:41px; width:243px; top:215px; right:107px; background:#000; border:0; color:#FFF; font-size:30px}
.button2{position:absolute; height:47px; width:48px; top:213px; right:43px; background:url(images/area_home/home_subscribe_go.png) no-repeat; text-indent:-3000px; border:0}

.faq li{line-height:14px; margin-bottom:8px;}


/* SUBMISSION GUIDELINES PAGE ------------------------------------------------------------------------------ */

.usual {
  background:#006AB0;
  font:12px Trebuchet MS;
  color:#FFFFFF;
  font-weight:bold;
  text-align:left;
  padding:1px;
  width:958px;
  border:0;
  margin-bottom:12px;
  float:right;
}

.usual-t {margin-left:4px}
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#000;
  font:11px Trebuchet MS;
  color:#DBDBDB;
  text-align:justify;
}
.usual div a { color:#000; font-weight:bold; }

.linside ul{margin-top:0}
.linside li{list-style-type:square; color:#FFCC00;}
.usual div b {color:#A2FF00}
.usual div em {color:#CCC}



/* FOOTER ------------------------------------------------------------------------------ */

#footer{width:956px; padding:2px; color:#373737; background-color:#000; border:1px solid #161616; margin-top:6px}
#footer a{color:#000; text-decoration:none}
#footer a:hover{color:#EFEF00; text-decoration:none}
