/* Pixelpost Template: Cleanhtml (May 2009) */
/* GUI Template */
/* Developed by: Sascha Diercks */

/* -- all pages --*/
body { background:#000; color:#505050; border-top:5px solid #aeff1f; }
h2, h3, h4, h5, #thumbnails { font-size:14px; padding:30px 0 10px 0; }
h1 { padding:0; }
#article h2,
#exif { padding-bottom:30px; }
body, textarea { font: normal normal normal 12px/normal Verdana,Arial,Helvetica,sans-serif; }
form li { padding-bottom:5px; }

      a { color:#888; }
a:hover { color:#FFF; }

input,
textarea { background:#777; border:1px solid #505050; color:#FFF; }

#usercomments a { text-decoration:underline; }
#usercomments .odd { color:#777; } /* class added via jQuery */

/* -- grid -- */
#header { height:70px; overflow:hidden; padding-top:10px; }
#description { background:#222; border:1px solid #333; border-width:1px 0; color:inherit; left:0; margin:10px 0; width:100%;}
#commentform,
#description h4,
#description div,
#usercomments { left:50%; margin-left:-400px; padding:10px 0; position:relative; width:800px;}
  #description div { padding: 0; }
  #description p { margin:10px 0; }

/* -- header -- */
#header { background:url(../images/header.png) repeat-x; border-bottom:1px solid #505050; }
#logo { background:url(../images/logo.png) no-repeat; height:70px; text-indent:-10000px; width:300px; }

/* -- navigation:main -- */
#navigation { top:-45px; margin-left:-120px; width:600px; }
#navigation a { display:block; height:25px; line-height:26px; margin-right:5px; text-align:center; width:100px; }
#navigation a:hover,
#navigation a:active { }
#navigation input[type=text] { width:170px; margin-right:2px; }
#navigation input[type=submit] { background:url(../images/submit.png) 0 0 no-repeat; height:29px; width:37px;}
#navigation input[type=submit]:hover { background-position:0 -30px; }
#navigation #search { width:240px; }


/* -- thumbnails -- */
#thumbnails img { margin:5px 5px 0 0; }
.pagination a { font-size:12px; padding:5px; }
#categories a { display:block; }


/* -- navigation:picture -- */
/* -- picture defines height (in Template)-- */
#article li a { text-indent:-10000px; }
#article ul { top:75px; }
#article #previous a { background:url(../images/browse-back.png) left center no-repeat; }
#article #previous a:hover { background:url(../images/browse-back-hover.png) left center no-repeat ; }
#article #next a { background:url(../images/browse-next.png) right center no-repeat; }
#article #next a:hover { background:url(../images/browse-next-hover.png) right center no-repeat; }


/* -- picture -- */
#exif { font-size:10px; left:0; margin:0 auto; text-align:center; }
#exif h3 { font-size:11px; }
#article img { background:#000; border:15px solid #FFF; padding:1px; }


/* -- comments -- */
#commentform input[type=text],
#commentform textarea,
#commentform label { width:100%; }
#commentform, #usercomments { width:40%; }
label { display:block; margin-top:5px; }
label .note { margin-left:5px; }

/* -- contact -- */
.vcard, .vcard img { padding-bottom:30px; }
.vcard p { padding-bottom:5px; }
.gethcard { background:url(../images/gethcard.png) 0 0 no-repeat; display:block; height:18px; line-height:16px; text-indent:35px; }

/* -- footer -- */
#footer { text-align:center; }
#footer ul { padding:10px 0; }
#footer li  { display:inline; margin:5px;}
#footer ul:first-child { border:1px solid #333; border-width:1px 0; }