/* top elements */
* { padding: 0; margin: 0; }

body { margin: 0; padding: 0; font: .70em/1.5em Verdana, Tahoma, Helvetica, sans-serif; color: #666666; background: #A9BAC3 url(images/bg.gif) repeat-x; text-align: center; }

/* links */
a { color: #4284B0; background-color: inherit; text-decoration: none; }
a:hover { color: #cc0000; background-color: inherit; }

/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Arial, Sans-serif; color: #333; }
h1 { font-size: 1.5em; color: #6297BC; }
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 { margin: 10px 15px; }
ul, ol { margin: 10px 30px; padding: 0 15px; color: #4284B0; }
ul span, ol span { color: #666666; }

/* images */
img { border: 2px solid #CCC; }
img.no-border { border: none; }
img.fitsize { width: 100%; }
img.float-right { margin: 5px 0px 5px 15px; }
img.float-left { margin: 5px 15px 5px 0px; }
a img { border: 2px solid #568EB6; cursor: hand; }
a:hover img { border: 2px solid #CCC !important; /* IE fix*/ border: 2px solid #568EB6; }

code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #f2f2f2; border-left: 4px solid #4284B0; }
acronym { cursor: help; border-bottom: 1px solid #777; }
blockquote { margin: 15px; padding: 0 0 0 20px; background: #FAFAFA; border: 1px solid #f2f2f2; border-left: 4px solid #4284B0; color: #4284B0; font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; }

/* form elements */
form { margin:10px; padding: 0; border: 1px solid #f2f2f2; background-color: #FAFAFA; }
label { display:block; font-weight:bold; margin:5px 0; }
input { padding: 2px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; }
textarea { padding:2px; font: normal 10pt Verdana, sans-serif; border:1px solid #eee; display:block; color:#777; }
input.button { margin: 0; font: bold 1em Arial, Sans-serif; border: 1px solid #CCC; background: #FFF; padding: 2px 3px; color: #4284B0; }

/***********************
  LAYOUT
************************/
#wrap { background: #FFF; width: 820px; height: 100%; margin: 0 auto; text-align: left; }
#content-wrap { clear: both; margin: 0; padding: 0; background: #FFF; }

/* header */
#header { position: relative; height: 100px; background: #000 url(images/headerbg.gif) repeat-x 0% 100%; }
#header h1#logo { display: none; position: absolute; margin: 0; padding: 0; font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; text-transform: lowercase; top: 0; left: 5px; }
#header h2#slogan { display: none; position: absolute; top:37px; left: 95px; color: #666666; text-indent: 0px; font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; text-transform: none; }
#logo-image { background: url(images/passione2.jpg) no-repeat top left; height: 66px; }

/* main */
#main { float: left; margin-left: 15px; padding: 0; width: 50%; margin-bottom:10px; }
#main hr { width: 360px; margin-left: 15px; }
#main .largeimg { width: 360px; }
#main .thumbnaillist { width: 360px; border: 1px solid black; padding: 0;
	margin: 10px 15px;
}
#main .thumbnaillist td { border: 1px dotted black; text-align: center; padding: 15px 10px 15px 10px; }
#main .thumbnaillist td img { width: 140px; }

.post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 15px 0 15px; border: 1px solid #f2f2f2; font-size: 95%; }
.post-footer .date { background: url(images/clock.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; }
.post-footer .comments { background: url(images/comment.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; }
.post-footer .readmore { background: url(images/page.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; }

/* sidebar */
#sidebar { float: left; width: 20%; margin: 0; padding: 0; display: inline; }
#sidebar ul.sidemenu { list-style:none; margin:10px 0 10px 15px; padding:0; }
#sidebar ul.sidemenu li { margin-bottom:1px; border: 1px solid #f2f2f2; }
#sidebar ul.sidemenu a { display:block; font-weight:bold; color: #333; text-decoration:none; padding:2px 5px 2px 10px; background: #f2f2f2; border-left:4px solid #CCC; min-height:18px; }

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover { padding:2px 5px 2px 10px; background: #f2f2f2; color: #cc0000; border-left:4px solid #cc0000; }

/* rightbar */
#rightbar { float: right; width: 25%; padding: 0; margin:0;
	height: 100%;
}
#rightbar ul { padding: 3px 0 8px 0; margin-left: 18px }
#rightbar li { line-height: 18px; background:url(images/cat-li.gif) no-repeat left; list-style: none; padding-left: 15px; }
#rightbar a { text-decoration:  none }
#rightbar h1 { color: red;}

/* Footer */
#footer { clear: both; color: #FFF; background: #A9BAC3; border-top: 5px solid #568EB6; margin: 0; padding: 0; height: 50px; font-size: 95%; }
#footer a { text-decoration: none; font-weight: bold; color: #FFF; }
#footer .footer-left{ float: left; width: 65%; }
#footer .footer-right{ float: right; width: 30%; }

/* menu tabs */
#header ul { z-index: 999999; position: absolute;  margin: 0; padding: 0;  list-style:none; right: 0; bottom: 6px !important; bottom: 5px; font: bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif; }
#header li {  display:inline;  margin:0; padding:0; }
#header a {  float:left;  background: url(images/tableft.gif) no-repeat left top;  margin:0;  padding:0 0 0 4px;  text-decoration:none; }
#header a span {  float:left;  display:block;  background: url(images/tabright.gif) no-repeat right top; padding: 6px 15px 3px 8px;  color: #FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span { float:none; }
/* End IE5-Mac hack */
#header a:hover span { color:#FFF; }
#header a:hover { background-position:0% -42px; }
#header a:hover span { background-position:100% -42px; }
#header #current a { background-position:0% -42px; color: #FFF; }
#header #current a span { background-position:100% -42px; color: #FFF; }
/* end menu tabs */

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear { clear: both; }
.green { color: #9EC630; }
.red { color: #CC0000; }
.gray { color: #BFBFBF; }
.underline { text-decoration: underline; }
.blue { color: #6297BC; }