@import 'classes.css';

/*** GLOBAL ***/
#wrapper { width:900px;margin:auto;padding:16px;border:1px solid #bbb; }

/*** HEADER ***/
#header { float:left;width:100%;margin-bottom:16px; }

#header .top { font-family:Verdana,Arial,Geneva,sans-serif; }
#header .panorama { width:900px;height:239px; }
#header div.Home { background:url('home.jpg') 0 0 no-repeat; }
#header div.Blog { background:url('blog.jpg') 0 0 no-repeat; }
#header div.Screensavers { background:url('screensavers.jpg') 0 0 no-repeat; }
#header div.Galleries { background:url('galleries.jpg') 0 0 no-repeat; }
#header div.Affiliates { background:url('affiliates.jpg') 0 0 no-repeat; }
#header .menu { float:left;width:100%;height:45px; }
#header .menu { background-image:url('default/menu-bar.gif');background-attachment: scroll;background-repeat:repeat-x; }

#header ol { float:left;width:55%; }
#header form { float:right;width:35%;margin:10px 16px 0 0; }

#header ol li a { float:left;height:45px;background-image:url('default/menu-bar.gif');background-repeat:no-repeat; }
#header ol li a.home { width:245px;background-position:0 0; }
#header ol li a.blog { width:55px;background-position:-245px 0; }
#header ol li a.screensavers { width:110px;background-position:-300px 0; }
#header ol li a.galleries { width:80px;background-position:-410px 0; }
/*
#header ol li a:hover { opacity:0.5; }

#header h1, #header span { display:none; } */

#content { float:left;width:100%; }
/*** CONTEXT ***/
#context { float:left;width:30%; }

#context h4 { float:left;width:93%;margin:0 0 2px 0;padding:4px; }
#context h4 a { float:left;width:100%;text-decoration:none;color:white; }

#context ul { float:left;width:95%;list-style-type:none;font-family:Verdana,Arial,Geneva,sans-serif;font-size:0.9em;line-height:2em; }
#context ul li { float:left;width:100%;border-bottom:1px dotted #bbb; }
#context ul li a { float:left;width:100%;text-decoration:none; }
#context ul li a:hover { background-color:#eeeeee; }


.breadcrumbs li, .breadcrumbs li a { font-family:Verdana,Arial,Geneva,sans-serif;font-size:8pt;font-weight:bold; }

#blog, #category, #error,#recent,#screensaver,#gallery,#image { float:left;width:65%;min-height:500px;padding-left:32px;border-left:1px solid #bbb; }

#blog ul li { margin:0 0 2px 2em; }
#blog .thumb { float:left;width:48%;border:1px solid #bbb;padding:8px; }

/*** _screensaver.jsp ***/
#screensaver .buttons { clear:left;text-align:center;padding:16px; }
#screensaver .ss_logo { float:left;width:40%;margin-right:32px; }
#screensaver .requirements { float:left;width:40%; }
#screensaver ul li { margin-left:2em; }

#recent h3 { margin:0 0 0 8px;font-size:12pt; }
#recent img {  float:left;width:150px;height:127px;padding-right:16px; }
#recent .item { clear:both;width:100%;height:127px;margin-bottom:16px; }

#image img { float:left;padding-right:16px; }
#image h2 { font-size:1.5em; }
#image .author { font-size:1em;font-weight:bold; }

/*** GALLERY ***/
.thumb { width:130px;height:150px;padding:8px;margin:8px 8px 0 0;text-align:center;border:1px solid #aaa; }
.thumb img { text-align:center; }
#gallery .thumb { float:left; }
#gallery .thumb div { clear:both;text-align:center; }

/*** FOOTER ***/
#footer { clear:both;margin-top:24px; }
#footer ol.links { float:left;width:45%; }
#footer p.imguse { float:right;width:45%; }
#footer hr { float:left;width:100%; }
#footer .www { float:right;width:45%;margin-top:1em; }
#footer .www { font-size:0.8em;color:#999999; }
#footer .www a { color:#aaaaaa; }
#footer .copyrights { float:left;width:45%;font-size:0.8em;color:#999999; }

#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#front div { float:left;width:33%;border:1px solid red;text-align:center; }

#comments div.comment { float:left;width:42%;min-height:100px;margin:0 20px 20px 0;padding:8px;border:1px dotted red; }
#comments p.top { border:1px dotted red; }
#comments i { float:right;width:30%;text-align:right;border:1px dotted red; }
#comments p.text { border:1px dotted gray; }

#comments form { float:left;width:40%;padding:8px;border:1px dotted gray; }
#comments p + p { margin-top:8px; }
#comments #From { width:150px; }
#comments #Email { width:150px; }
#comments #Website { width:150px; }
#comments #Text { width:150px; }

/* Deprected 14.01.2008 */
#header span { display:none; }
#header .middle { height:60px; }

/*

#context ul li { padding:4px 0; } 
#context ul li a { float:left;width:100%;text-decoration:none;border-bottom:1px dotted #bbb; }*/

/*
#context ul.menu { float:left;width:95%;margin-bottom:16px;list-style-type:none; }

#context ul.menu li a:link { color:blue; }
#context ul.menu li a:visited { color:purple; }
#context ul.menu li a:active { color:black; }
#context ul.menu li { margin:4px 0;padding:4px;background-color:#3366cc;color:white;font-weight:bold; }
#context ul.menu li a { color:white; }
#context ul.menu li.noborder { background-color:white;border:none; }*/