/*
Simlery default stylesheet
*/

/* GLOBAL STYLES */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}
body,table{background-color:#000;color:#ccc;font-size:0.75em;font-family:Verdana, Arial, Helvetica, sans-serif;}

body{padding:10px 0;text-align:center;}

.input, select, textarea{border:1px solid #272727;font:1em Arial, sans-serif;}
.submit{font:1em Arial, sans-serif;}
.hide{display:none;}

a{background-color:inherit;color:#99cc00;text-decoration:underline;}
a:hover{background:inherit;color:#fff;text-decoration:underline;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.skiplink{position:absolute;top:-500px;left:0px;overflow:hidden;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.message{display:block;float:left;width:100%;padding:40px 0;text-align:center;}
.message h3{padding:10px 0 5px;background:inherit;color:#99cc00;font-size:1.25em;}

#container{width:960px;margin:0 auto;padding:0 0 6px 0;}
#main{margin:0 auto;text-align:left;}

/* HEADER WITH TOP MENU ABOVE LOGO */
#head1{float:right;width:100%;border-bottom:1px solid #3b3b3b;}
#logo{float:left}
#logo h1, #logo h1 img{float:left;}
#logo h2{clear:left;padding:0px 0 10px;background:inherit;color:#666666;font-weight:normal;font-size:0.917em;}

#navipath{float:right;margin:-23px 3px 0;background-color:inherit;color:#3b3b3b;}
#navipath a{background-color:inherit;color:#9d1318;}
#navipath a:hover{background-color:inherit;color:#ec1d25;}

/* MENU TOP */
#menu1{float:right;margin:32px 0 0;list-style:none;}
#menu1 li{float:left;padding:5px 10px;border-right:2px solid #272727;}
#menu1 li a{padding:0 10px;background-color:inherit;color:#585858;font-size:1.333em;text-decoration:none;}
#menu1 li a:hover, #menu1 .selected{background-color:inherit;color:#fff;border-bottom:1px solid #ec1d25;}

/* PAGE DETAILS */
#page h3{float:left;width:100%;padding:15px 0 10px;border-bottom:1px solid #ec1d25;font-weight:normal;font-size:1.833em;}
#page div.content{float:left;width:100%;margin:15px 0;}

#page div.content ul, #page div.content ol{margin:0 0 0 25px;padding:0;}
#page div.content li{margin:3px 0;padding:0;}

/* PAGE DETAILS - SUBPAGES LIST */
#subpagesList{float:left;width:100%;margin:7px 0 20px;list-style:none;}
#subpagesList li{float:left;width:25%;height:155px;margin:3px 0;padding:5px 0 5px;}
#subpagesList li a{display:inline-block;width:100%;padding:105px 0 0;background:url('img/folder.png') no-repeat;}
#subpagesList li h4{padding:5px;font-size:1em;}
#subpagesList li h5{padding:0 5px;font-size:0.833em;}

/* PAGE DETAILS - IMAGES LIST */
#imagesList{float:left;width:946px;margin:7px 0 0;padding:10px 7px 0;background:#1b1b1b;list-style:none;border-top:1px solid #3b3b3b;}
* html #imagesList{width:960px;}
#imagesList li{float:left;width:220px;height:230px;overflow:hidden;margin:0 4px 10px;padding:10px 4px;background:#161616;text-align:center;}
* html #imagesList li{width:226px;height:240px;}
#imagesList a.image{display:inline-block;width:100%;}
#imagesList img{display:inline-block;margin:0 auto;}
#imagesList img{padding:3px;background:#161616;border:1px solid #666;}
#imagesList a:hover img{border:1px solid #ec1d25;}
#imagesList h5{padding:1px 0 5px;font-weight:normal;font-size:0.917em;}
* html #imagesList h5{padding-right:5px;padding-left:5px;}
#imagesList .votes, #imagesList .comments{font-size:0.917em;}
#imagesList .votes em, #imagesList .comments em{font-style:normal;}

/* IMAGE DETAILS */
#image{float:left;width:100%;padding:10px 0 20px;}
#image h3{padding:5px 0;text-align:center;font-size:1.167em;}
#image .image{text-align:center;}
#image .image img{padding:3px;background:#161616;border:1px solid #666;}
* html #image .image img{margin:3px;}

/* IMAGE DETAILS - NAVIGATION LINKS */
#image .imgNavLinks{text-align:center;}
#image .imgNavLinks div{display:inline;}
#image .imgNavLinks div a{margin:0 70px;padding:0 20px;font-size:1.333em;font-weight:bold;}

/* IMAGE DETAILS - VOTES */
#image .votes{padding:5px 0;text-align:center;background-color:inherit;color:#5f5f5f;}
#image .votes em{font-style:normal;}
#image .votes strong{font-size:1.333em;background-color:inherit;color:#ccc;}
#image .votesForm{padding:5px 0;text-align:center;}
#image .votesForm select{font-size:1.25em;font-weight:bold;}

/* IMAGE DETAILS - IMAGE DESCRIPTION */
#image div.content{margin:15px 0;font-size:1.083em;}
#image div.content ul, #page div.content ol{margin:0 0 0 25px;padding:0;}
#image div.content li{margin:3px 0;padding:0;}

/* IMAGE DETAILS - COMMENTS LIST */
#image h3.commentTitle{margin-top:10px;padding:10px;background:#2e2e2e;border-top:1px solid #3b3b3b;border-bottom:3px solid #000000;font-size:1.167em;}
#image .comments{margin-bottom:10px;background:#1b1b1b;}
#image .comments table{width:100%;font-size:1em;background:#1b1b1b;}
#image .comments td, #image .comments th{padding:7px;border-bottom:3px solid #000000;vertical-align:top;}
#image .comments th{width:230px;border-right:2px solid #000000;text-align:left;font-weight:normal;}
#image .comments td{text-align:left;}
#image .comments h6{padding-bottom:5px;font-size:1em;}
#image .comments p{background-color:inherit;color:#626262;}
#image .comments .l0, #image .comments .l1{background:#2e2e2e;}
#image .comments td.pages{text-align:right;}

/* IMAGE DETAILS - COMMENTS FORM */
#image #commentForm{text-align:center;}
#image #commentForm table{width:60%;margin:10px auto;text-align:left;font-size:1em;}
#image #commentForm th{padding:3px;text-align:right;font-weight:normal;}
#image #commentForm td{padding:3px;}
#image #commentForm #comment_name, #image #commentForm #comment_text{width:350px;padding:3px;}

/* OPTIONS LINK */
#options{clear:both;float:left;width:100%;padding:8px 0 10px;background:#1b1b1b;font-size:0.917em;text-align:right;}
#options a{padding:0 10px 0;background-color:inherit;color:#fff;}
#options a:hover{background-color:inherit;color:#99cc00;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid #ec1d25;}

/* FOOTER - COPYRIGHT AND POWERED BY xxx STYLES */
#foot{clear:both;float:left;width:100%;padding:10px 0;background:#000;border-top:1px solid #ec1d25;color:#fff;}
#foot a{background:inherit;color:#fff;text-decoration:none;}
#foot a:hover{text-decoration:underline;}

#copy{float:left;padding:0 10px;}
.foot{float:right;padding:0 10px;}

@media print{
  /* PRINT STYLES */
  body{margin:1cm 0;background:#fff;color:#000;}
  #container{width:16cm;height:auto;background:#fff;}
  #main{width:16cm;margin:0 auto;border:0px;}

  #logo{padding:0;}
  #logo h1{padding:0;}
  #logo h2{font-family:Arial;}

  #page h3{clear:left;}

  #imagesList li, * html #imagesList li{width:33%;margin:0;padding:0;}
  #imagesList li{padding-bottom:10px;}
  #image .comments td, #image .comments th, #image h3.commentTitle{border:1px solid #000;}

  #image .votes strong{font-size:1em;}
  #body, #foot{background:#fff;}
  #subpagesList li a, #imagesList a{text-decoration:none;}
  #head1, #page h3, #imagesList img, #foot{border-color:#000;}
  #foot{width:16cm;}
  #menu1, #navipath, .back, .print, #image #commentForm, #image .votesForm, #image .imgNavLinks{display:none;}
  a, #logo h2, #foot, #foot a, .subpagesList li, #page h3, #imagesList, #imagesList li, #imagesList img, #image h3.commentTitle, #image .comments, #image .comments table, #image .comments .l0, #image .comments .l1, #image .image img, #image .votes, #image .votes strong{background:inherit;color:#000;}
}
