html{height:100%}
BODY{background:#000;padding:0;margin:0;min-width:800px;width:100%;color:#fff;position:relative}
H1,H3,INPUT.rateButtonSelected{color:#FFF}
A,INPUT.rateButton{color:#FFF;border:medium none;text-decoration:none}
A:hover{color:#6f6f6f;text-decoration:none;border-bottom:medium none}
FIELDSET{border:0 none;background:#6F6F6F}
INPUT:focus{outline-style:none}
INPUT[type=submit],INPUT[type=reset]{cursor:pointer;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;margin:0 5px;padding-bottom:4px;min-width:150px;width:auto;height:25px;text-align:center;color:#C5C5C5;border-radius:8px 8px 8px 8px;text-shadow:0px 1px 0px rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5), 0px -1px 0px rgba(255,255,255,0.4)}
INPUT[type=submit]:hover,INPUT[type=reset]:hover{color:#222;background:-moz-linear-gradient(center top , #777777, #333333) repeat scroll 0% 0% transparent}
INPUT[type=submit]:active,INPUT[type=reset]:active{color:#000;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;box-shadow:1px 1px 10px #000 inset, 0px 1px 0px rgba(255,255,255,0.4)}
INPUT[type=text],INPUT[type=password],INPUT[type=file]{margin:0 5px;padding:0;background:none repeat scroll 0 0 #FFF;min-width:150px;width:auto;height:22px;border:0 none;color:#000!important;border-radius:3px 3px 3px 3px}
INPUT[type=text]:hover,INPUT[type=password]:hover,INPUT[type=file]:hover,SELECT:hover{background:-moz-linear-gradient(right center , #FFFFFF 20%, #E5E5E5 80%) repeat scroll 0% 0% transparent}
SELECT.categoryList:hover{background:none repeat scroll 0 0 #FFF}
SELECT{margin:0 5px;padding:0;background:none repeat scroll 0 0 #FFF;min-width:150px;width:auto;height:22px;border:0 none;color:#000!important;border-radius:3px 0 0 3px}
LEGEND{font-style:normal;font-weight:700;font-size:110%;margin-top:25px}
.properties LI{list-style:none outside none}
H2{color:#FFF;background:none;height:25px;margin:0 5px 5px;padding:8px 0 0 10px}

/*======================================================Header======================================================*/
#theHeader{display:block;position:relative;right:20px;left: 20px;top:80px;text-align:left;z-index:4;padding:0 40px 0;margin:0 20px;font-size:15px;text-shadow:3px 3px 1px #000;height:130px}
#theHeader h1 {text-align:left;font-size:2.5em;display:inline-block;font-family: 'Finger Paint',arial,serif}
#theHeader p {float:right;font-size:15px;font-family:'PT Sans Narrow',arial,serif;text-transform:uppercase}

/*======================================================Content======================================================*/
#the_page{position:absolute;top:40px;z-index:100;width:100%}
.content .titrePage{position:relative}
.categoryActions{top:5px;float:right;display:block;margin:6px 20px 0 0}
#page_content{background:none;min-width:680px;width:100%;height:auto;margin:2px auto 30px;display:table}
.content{margin:100px 0 0;padding:0;height:auto}
.content .titrePage{z-index:5;background:rgba(0, 0, 0, 0.5);position:absolute;width:100%;top:0;left:0}
.content .titrePage a{color:#FFF}
.content .titrePage a:hover{color:#C2C2C2}
#content A{color:#FFF}
#content A:hover{color:#C2C2C2}
#fullTagCloud{background:#6F6F6F;min-height:500px;margin-top:170px}
#sortOrderBox{width:250px}
.content .navigationBar,.content .calendarBar{position:absolute;top:150px;z-index:4;background:rgba(0, 0, 0, 0.5);margin:0px;padding:10px 0px 5px 20px;text-align:left;height:auto}
.content .additional_info{left:50px;width:561px;box-shadow:1px 1px 5px #202020;border:4px solid #FFF;text-shadow:3px 3px 1px #000;position:absolute;top:150px;z-index:4;background:rgba(0, 0, 0, 0.3);margin:0px;padding:10px;text-align:left;height:auto}
/*======================================================icon======================================================*/
.pwg-icon{background-image:url(../default/s26/outline_ffffff.png)}
A:hover .pwg-icon{background-image:url(../default/s26/outline_808080.png)}
.pwg-icon-filter{background-image:url(../default/s26/outline_005e89.png)}

/*======================================================Thumbnail page======================================================*/
.thumbnailCategory{margin-left:auto;margin-right:auto}
.thumbnailCategories LI{width:auto;display:inline-block;float:none}
.illustration{position:relative;margin:0}
.content ul.thumbnails .wrap1{display:inline-block;margin:20px 20px 5px;text-align:center;vertical-align:top}
.content UL.thumbnails .wrap2{height:140px}
.content UL.thumbnails .wrap2 A{margin-top:10px}
.thumbnail :before{content:""}
.thumbnail{position:relative}
.thumbnail .description,.thumbnailCategory DIV.description{height:100%;padding-top:0;background:#000;overflow:hidden;color:#FFF;position:absolute;top:0;left:0;z-index:100;opacity:0;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;width:100%}
.thumbnail:hover .description,.thumbnailCategory:hover DIV.description{background:url("images/pattern.png") repeat;opacity:0.65;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s}
.thumbnails SPAN.thumbLegend{height:80px}
.thumbs{margin:10px 0}
.text {background:rgba(0, 0, 0, 0.9)}
.text img{height:24px;width:24px!important}
.description H2{text-align:center;font-size:250%;color:#FFF;margin:20px 0;padding:5px}
.description P{font-size:120%;padding:5px}
#bg_th_right{background-image:none}
.even,.odd,.thumbs{list-style:none}

/*======================================================Footer======================================================*/
#footer{background:rgba(0, 0, 0, 0.5);width:100%;bottom:0;height:auto;position:fixed;top:100%;margin:-20px auto 0;z-index:101;padding-top:4px}
#copyright,#fullscreen{display:inline-block;text-align:left;margin-bottom:0;height:20px;padding-top:0px;font-size:10px}
#fullscreen{position:absolute;left:20px}
#copyright{position:absolute;right:20px}

/*======================================================Menu======================================================*/
#nav_wrapper{width:100%;margin:auto;z-index:1000;left:0;top:0;background:0% 0% rgba(0, 0, 0, 0.8);height:40px;border-bottom:1px solid #3F3F3F;min-width:1000px;position:fixed}
#menubar{width:24em;margin-left:0}
#menubar UL{list-style-type:none;list-style-position:inside;padding:0 0 0 2px}
#menubar a,#menubar dt,div#menubar dl:hover dd,div#menubar ul li:hover ul,div#menubar ul ul li:hover ul,div#menubar ul ul ul li:hover ul,div#menubar ul ul ul ul li:hover ul,div#menubar ul ul ul ul ul li:hover ul{display:block}
input:focus{outline-style:none}
#menubar p{color:#757575}
#menu{color:#FFF;line-height:30px;text-decoration:none;text-shadow:0 0 2px #000;text-transform:uppercase;height:40px;padding:0}
#menu a {color:#FFF}
#menu a:hover{color:#ff8a00}
span#menu_start{background:none;float:left;display:block;height:30px;width:85px;margin-top:4px}
span#menu_start a{background: url("images/menu/home_w.png") no-repeat left top;width:52px;height:32px;text-indent:-9999px;padding:0;margin:0 20px 0 25px;display:block;line-height:46px}
span#menu_start a:hover{background-position:left -32px}
ul#topnav{background:none;font-size:1.2em;margin:0;padding:0 2px 0 0;list-style:none outside none;height:40px;position:relative;z-index:999;display:inline-block}
ul#topnav .liSub{background:none;float:left;position:relative;padding-right:2px}
ul#topnav .liSub:hover{background:#4F4F4F}
ul#topnav span dt{padding:0 16px;height:40px;line-height:40px}
ul#topnav span dt:hover{background:#4f4f4f;color:#ff8a00}
ul#topnav span dt:hover a{color:#ff8a00}
#menuTagCloud a{color:#000;text-decoration:none;text-shadow:none;z-index:200}
.sub p{color:#FFF;font-size:13px;text-shadow:none;text-transform:none}
ul#topnav li .sub,ul#topnav li #loger{background:rgba(0, 0, 0, 0.8);position:absolute;top:30px;margin-left:0;padding:5px 8px 10px;float:left;max-width:100em;min-width:200px;max-height:500px;overflow:auto;z-index:0}
.level2,.level3,.level4,.level5{border:none!important}
ul#topnav li .sub{z-index:100}
#quickconnect{width:225px}
.mcol{width:100%}
.menubarFilter{margin:0}
#menu_cat_act{border-bottom:1px solid #CBCBCB;margin-bottom:5px;height:30px}
#filter{width:26px;height:26px;background:none repeat scroll 0 0 transparent;padding-left:2px}
#nbImg{height:30px;float:right;line-height:10px}
ul#topnav li .sub ul,ul#topnav #loger ul{list-style:none outside none;margin:0 5px 0 8px;padding:0}
ul#topnav .sub ul li,ul#topnav #loger ul li,ul#topnav .sub #menuTagCloud div{width:95%;color:#757575;background:none repeat scroll 0 0 transparent;font-size:10px;margin-bottom:2px;border-radius:10px 10px 10px 10px;border:1px solid}
ul#topnav li .sub, ul#topnav li #loger{border:1px solid #3f3f3f;border-radius:0;box-shadow:5px 5px 20px #000;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);margin-top:10px}
ul#topnav .sub ul li.selected{text-decoration:none;border:1px solid ;border-radius:10px 10px 10px 10px}
ul#topnav .sub ul li.selected a,ul#topnav .sub ul li.selected a:hover{color:#FF8A00;text-decoration:none;border:none}
ul#topnav .sub ul li.selected a{background:url(images/menu/navlist_arrow_select.png) no-repeat 0 5px}
ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:medium none;background-image:none}
ul#topnav .sub ul li a,ul#topnav #loger ul li a{border-radius:0;margin-top: 5px;color: #FFF;float:none;text-indent:0;height:auto;margin:0 8px;display:inline;text-decoration:none;font-size:1.1em;text-shadow:none;text-transform:none;line-height:17px;padding:0 0 0 8px;}
#mbCategories IMG{margin-bottom:8px}
ul#topnav #loger ul li a:hover{color:#ff8a00}
ul#topnav .sub ul li a:hover,ul#topnav .sub #menuTagCloud div a:hover{color:#FF8A00;background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 5px;text-decoration:none}
span.dd_wrapper,span.cl_wrapper,span.cc_wrapper,span dt{float:left;padding:0 16px;line-height:40px}
li.liSub:hover span.dd_wrapper,li.liSub:hover span.cl_wrapper,.activate{z-index:100;background:none;color:#FF8A00;padding:0 16px;text-shadow:none}
li.liSub:hover span.cc_wrapper{color:#8F8F8F}
.close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat scroll 0 0 transparent;float:right}
.close:hover{background:url(images/menu/close.png) no-repeat scroll 0 -16px transparent}
.sub{max-width:600px}
#search{position:absolute;width:240px;right:0;margin-top:4px;height:22px;display:inline-block}
#quicksearch{float:left;width:240px}
#quicksearch input[type=text]{background:#3F3F3F;float:left;width:172px;height:22px;padding:0 0 0 4px;margin:4px 1px 0 0;border:0 none;font-size:13px;color:#CCC!important;min-width:0}
#quicksearch input[type=text]:hover{background-position:left bottom}
#quicksearch input[type=submit]{float:left;padding:0;border:0 none;height:22px;width:23px;background:url(images/menu/search.png) no-repeat;font-size:13px;cursor:pointer;min-width:0;margin:4px 2px 0 2px;border-radius:0 0 0 0;box-shadow:none}
#quicksearch input[type=submit]:hover{background-position:right bottom}
#loger{line-height:25px;width:220px;position:absolute;top:30px;background:none repeat scroll 0 0 #FFF;padding:10px;float:left;max-width:100em;min-width:200px;display:none;z-index:0}
#loger p{color:#000;margin-bottom:20px;text-shadow:none}
#log{color:#ff8a00;text-transform:none;text-shadow:none;margin-bottom:20px}
ul#topnav li .sub ul#loged{width:200px}
#log INPUT[type=password]{border:0 none;height:22px;background:#fff;width:175px}
#log INPUT[type=password]:hover{background-position:left bottom}
#log INPUT[type=text]{border:0 none;height:22px;background:#fff;width:175px}
#log INPUT[type=text]:hover{background-position:left bottom}
#go INPUT[type=submit]{background:-moz-linear-gradient(center top , #555555, #2C2C2C) ;color:#ff8a00;width:auto;border:0 none;height:32px;min-width:inherit;margin-left:65px;margin-top:20px;box-shadow:none;text-shadow:none}
#go INPUT[type=submit]:hover{color:#ff8a00;background:-moz-linear-gradient(center top , #5f5f5f, #2C2C2C) repeat scroll 0 0 transparent}
#go INPUT[type=submit]:active{color:#ff8a00;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;box-shadow:1px 1px 1px #000 inset, 0px 1px 0px rgba(255,255,255,0.4)}
#topnav dt a:hover{color:#c2c2c2}



/*=========================================picture======================================================*/
#theImage{float:left;margin-left:100px}
#theImage > IMG{margin-top:20px;margin-bottom:20px;position:relative}
#groupbuttons{margin:auto;width:200px}
#imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left}
#imgContent{position:relative;display:table;margin:auto}
#imageInfos{margin-bottom:50px}

/*=========================================comment on picture page======================================================*/
#comments{overflow-y:auto;overflow-x:hidden;width:880px;margin:auto;text-align:left;padding-bottom:40px}
#pictcomm{margin-bottom:50px;width:99%;height:190px;background:none repeat scroll 0 0 #7F7E7E;float:left}
.commentElement{background:#6F6F6F;margin-bottom:20px;padding-bottom:10px}
.filter{margin-bottom:50px}
#pictcomm ul{list-style-type:none}
.even,.odd{color:#FFF}
.odd{padding-top:10px}
.thumbnailCategories1{padding:0}
.thumbnailCategories1 LI{width:100%;float:none;margin:0;padding:0}
.author,.date{color:#C5C5C5}
#adcomm{margin-bottom:30px}
.addcom{float:none!important;margin-right:0!important}
#addComment FIELDSET{margin:0;padding:0;border:medium none;background:none}
#contentid{border:medium none;background:#7F7E7E;margin:0 auto 20px}
#comcontent{width:750px;padding-left:5px;padding-top:5px}
.commentsList{overflow:visible}
/*======================================================plugin======================================================*/
.contact-form-content{background:url(images/bg_content.png) repeat scroll 0 0 transparent}

/*================================================tf==================================*/
.hide{transition:bottom 1s ease 0s,width 1s ease 0s,opacity 1s ease 0s;opacity:0;cursor:auto!important}
.hidedi{display:none}
.visible{transition:bottom 1s ease 0s,width 1s ease 0s,opacity 2s ease 0s;opacity:1}
.pattern{background: url("images/pattern.png")repeat scroll 0% 0% transparent}
.tf_bg{width:100%;height:100%;position:fixed;top:0;left:0}
.tf_bg img{position:absolute;top:0;left:0;width:100%;z-index:1;display:none}
#tf_pattern{position:absolute;width:100%;height:100%;z-index:2}
.tf_content{position:absolute;top:450px;left:100px;z-index:10;display:none}
.tf_content h2{color:#FFF;font-size:90px;padding:0;margin:0;font-family:'Finger Paint',arial,serif;text-shadow:1px 1px 2px #000;height:auto}
.tf_content .infor{color:#FFF;margin:0;padding:40px;width:500px;font-family:'PT Sans Narrow',arial,serif;line-height:25px;text-transform:uppercase;text-shadow:3px 3px 1px #000;box-shadow:1px 1px 5px #202020;border:4px solid #FFF;font-size:15px;background:rgba(0, 0, 0, 0.3)}
.infor h2{font-size:20px;padding-bottom:20px}
.infor img{margin-left:4px}
.infor div{float:left;width:33%}
.tf_thumbs{position:absolute;z-index:4;right:50px;top:300px;border:4px solid #FFF;box-shadow:1px 1px 5px #202020}
.tf_thumbs img{display:block;max-width:350px;max-height:280px}
.tf_loading{position:fixed;top:50%;left:50%;margin:-30px 0px 0px -30px;width:80px;height:80px;background: url("images/loading.gif") no-repeat center center;z-index:999;opacity:0.7}
.tf_next, .tf_prev{width:35px;height:14px;top:350px;position:absolute;z-index:100;cursor:pointer;background:url("images/nav.png") no-repeat left top;right:450px}
.tf_next{background-position:0 -14px;margin-top:120px}
.tf_prev{background-position:0 0;margin-top:20px}
.tf_next:hover, .tf_prev:hover{opacity: 0.9}
.tf_zoom{width:20px;height:20px;position:absolute;top:6px;right:6px;cursor:pointer;z-index:100;opacity:0.6;background:url("images/icons.png") no-repeat left top}
.tf_fullscreen{width:20px;height:20px;position:absolute;top:80px;right:80px;cursor:pointer;z-index:100;background:url("images/icons.png") no-repeat}
.tf_info{width:20px;height:20px;position:absolute;top:6px;right:28px;cursor:pointer;z-index:100;opacity:0.6;background:url("images/icons.png") no-repeat 0px -40px}
.tf_zoom{background-position:0px -20px}
.tf_zoom:hover,.tf_fullscreen:hover,.tf_info:hover{opacity:0.7}
.cat{display:none}
#test{z-index:200;position:relative}

/*=========================================Lytebox======================================================*/
#lbOverlay{position:fixed;top:0px;left:0px;z-index:99997;width:100%;height:100%;background:#000}
#lbMain{position:absolute;left:0px;width:100%;z-index:99998;text-align:center;line-height:0;isplay:-moz-inline-stack}
#lbMain a img{border:1px solid #FFF}
#lbOuterContainer{position:relative;background:transparent;width:200px;height:200px;margin:0px auto;border:2px solid #CCC}
#lbTopContainer,#lbBottomContainer{font:0.9em/1.4em Verdana,Helvetica,sans-serif;background:transparent;width:100%;overflow:hidden;margin:0px auto;padding:0px;position:relative;z-index:14;display:none}
#lbTopContainer{overflow:hidden;margin-top:5px}
#lbImage,#lbIframe{border:1px solid #CCC}
#lbImageContainer,#lbIframeContainer{z-index: 12}
#lbLoading{height:100%;width:100%;margin-top:-10px;background:url("images/Lytebox/loading.gif") no-repeat center center}
#lbHoverNav{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:10}
#lbImageContainer > #lbHoverNav{left:0px}
#lbHoverNav a{outline: medium none}
#lbPrevHov{width:48%;height:100%;background:url("images/Lytebox/blank.gif") no-repeat 0% 0%;display:block;left:0px;float:left;margin-left:3px;border:medium none !important}
#lbPrevHov:hover,#lbPrevHov:visited{background:url("images/Lytebox/prev_t.png") no-repeat left 45%}
#lbNextHov{width:48%;height:100%;background:url("images/Lytebox/blank.gif") no-repeat 0% 0%;display:block;right:0px;margin-right:3px;border:medium none !important;float: right}
#lbNextHov:hover,#lbNextHov:visited{background: url("images/Lytebox/next_t.png") no-repeat right 45%}
#lbTopData,#lbBottomData{float:left;text-align:left;padding-left: 10px}
#lbBottomData{padding-bottom:0.5em;color:#FFF}
#lbTopNav,#lbBottomNav{float:right;text-align:right;padding-right:10px;padding-top:10px}
#lbNumTop,#lbNumBottom{font-style:italic}
#lbDescBottom{display:block}
#lbTitleTop,#lbTopNav{margin-top:0.3em}
#lbTitleTop,#lbTitleBottom{display:block;font-weight:bold}
#lbClose,#lbCloseTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/close.png") no-repeat 0% 0%}
#lbPrint,#lbPrintTop{width:26px;height:28px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/print.png") no-repeat 0% 0%}
#lbPlay,#lbPlayTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/play.png") no-repeat 0% 0%}
#lbPause,#lbPauseTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/pause.png") no-repeat 0% 0%}
#lbClose,#lbPrint,#lbPlay,#lbPause{margin:0px 0px 6px 8px}

/*============================================Pluggin===================================*/
#mbContact dd{padding:0!important;border:none!important}
#title_page{float:left;width:auto}