/*
Theme Name: Nelko
Theme URI: http://xavierboubert.fr/
Description: Le theme du site Nelko
Version: 1.0
Author: Alexandre Sant Martin & Xavier Boubert
Author URI: http://xavierboubert.fr/
*/

body { background: #000; text-align: center; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #a5a691; font-size: 14px; }
p { margin: 0; padding: 0; }
a, a:visited { color: #ff6600; text-decoration: underline; }
a:hover { color: #ff6600; text-decoration: none; }
.clear { clear: both; }

.main { text-align: left; position: relative; margin: 0 auto; width: 900px; height: 982px; background: url(images/wall.jpg) no-repeat; }
.bar_l { background: url(images/bar_l.jpg) no-repeat; position: absolute; top: 171px; left: -44px; width: 44px; height: 652px; }
.bar_r { background: url(images/bar_r.jpg) no-repeat; position: absolute; top: 171px; left: 900px; width: 54px; height: 652px; }
.main h1 { margin: 0; padding: 0; }
.logo { display: block; background: url(images/logo.png) no-repeat; position: absolute; top: 23px; left: -20px; width: 185px; height: 182px; text-decoration: none; text-indent: -9999px; color: #000; }
.points1 { display: block; background: url(images/point.png) repeat-x right top; position: absolute; top: 171px; right: 0; width: 725px; height: 4px; }
.points2 { display: block; background: url(images/point.png) repeat-x right top; position: absolute; top: 210px; right: 0; width: 100%; height: 4px; }
.menu { display: block; margin: 0; padding: 0; position: absolute; top: 179px; left: 220px; }
.menu li { display: block; margin: 0; padding: 0; float: left; margin-right: 40px; }
.menu li a, .menu li a:hover, .menu li a:visited { display: block; font-size: 18px; color: #ff6600; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 7px; height: 27px; }
.menu li span { padding: 2px 7px 0 0; display: block; height: 27px; float: left; }
.menu li a:hover { background: url(images/menu_border_l.png) no-repeat; }
.menu li a:hover span { background: url(images/menu_border_r.png) no-repeat right top; }
.cross { position: absolute; top: 176px; right: 0; }

.content { position: absolute; top: 218px; left: 0; width: 100%; height: 600px; overflow: hidden; }
.title { position: absolute; top: 200px; left: 0px; width: 210px; font-size: 40px; color: #ff6600; font-weight: normal; text-align: center; margin: 0; padding: 0; display: none; }
.subtitle { position: absolute; top: 250px; left: 10px; width: 200px; font-size: 14px; color: #a5a691; display: none; }
.subtitle h3 { font-size: 26px; color: #ff6600; font-weight: normal; margin: 0; padding: 0; }
.subtitle_date { display: block; color: #ff6600; font-size: 16px; }
.subtitle_links { padding: 20px 0 0 40px; }
.subtitle_link { display: block; margin-top: 10px; font-size: 18px; padding-left: 24px; background: url(images/cross_mini.png) no-repeat 0 5px; }
.subtitle_link_selected, .subtitle_link_selected:hover, .subtitle_link_selected:visited { color: #a5a691; background: url(images/cross_mini_bw.png) no-repeat 0 5px; text-decoration: none;  }
.subtitle_back { padding-top: 80px; }
.subtitle_back a, .subtitle_back a:hover, .subtitle_back a:visited { color: #a5a691; }
.content_right { position: absolute; top: 0; right: 0; width: 680px; height: 600px; padding-top: 10px; }
.scrollPane { width: 680px; height: 590px; }

#foliage { }
#foliage_l { position: absolute; bottom: 0; left: 104px; width: 0; height: 33px; background: url(images/foliage_l.png) no-repeat left top; }
#foliage_r { position: absolute; bottom: 0; left: 104px; width: 0; height: 33px; background: url(images/foliage_r.png) no-repeat right top; }

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; }
.jScrollPaneDrag { position: absolute; background: #000; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(images/arrow_up.png) ; height: 18px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(images/arrow_down.png) ; height: 18px; }

.news_title { color: #ff6600; padding: 0 0 10px 24px; margin: 0; background: url(images/cross_mini.png) no-repeat 0 5px; font-size: 20px; font-weight: normal; }
.news_title a, .news_title a:hover, .news_title a:visited { color: #ff6600; text-decoration: none; padding: 0; margin: 0; }
.entry { padding-left: 24px; }
.postmetadata { padding-left: 24px; font-size: 12px; margin-top: 10px; }
.more-link { display: block; padding-top: 10px; }

.gallery_table { width: 100%; }
.gallery_table td { width: 33%; padding: 10px; overflow: hidden; }
.gallery_table td h3 { color: #ff6600; background: url(images/point_h3.png) repeat-x left bottom; padding: 0 0 3px 0; margin: 0 0 5px 0; }
.gallery_table td img { width: 200px; border: 0; }
.gallery_table td a { text-decoration: none; color: #a5a691; }
.gallery_table td h3 a { color: #ff6600; }

.points3 { display: block; background: url(images/point.png) repeat-x right top; position: absolute; top: 823px; right: 0; width: 100%; height: 4px; }
.footer { position: absolute; top: 830px; left: 0; width: 100%; height: 30px; overflow: hidden; font-size: 12px; color: #ff6600; font-weight: bold; }
.next_direction { float: right; }
.next_direction a, .next_direction a:hover, .next_direction a:visited  { background: url(images/bullet_go.png) no-repeat; display: block; float: left; font-size: 18px; color: #ff6600; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 24px; height: 27px; margin-right: 15px; }
.next_direction a span { padding: 2px 7px 0 0; display: block; height: 27px; float: left; }
.next_direction a:hover { background: url(images/bullet_go_hover.png) no-repeat; }
.next_direction a:hover span { background: url(images/menu_border_r.png) no-repeat right top; }