/*
Theme Name: Mezzomonte 01
Theme URI: http://vitamino.it
Description: Merlino
Version: 1
Author: Daniele Tonon
Author URI: http://vitamino.it

*/


html, body { margin:0px;padding:0px;width:100%;height:100% }
body { font:12px arial;line-height:16px;color:#696969;background:#fff url(images/bg-test01.jpg) no-repeat top center fixed}
h1, h2, h3 { margin:0; padding:0; color: #982e9a; }
li, ul { margin:0;padding:0;list-style:none outside }
img { border:0;display:block }

a:active, a:visited, a:link {color: #000}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*    Using class='alignright' on an image will (who would've
thought?!) align the image to the right. And using class='centered',
will of course center the image. This is much better than using
align='center', being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */

.clear { clear:both }
.hid { display:none }
.L0 { margin-left:0px }
.L10 { margin-left:10px }
.T5 { margin-top:5px }
.T10 { margin-top:10px }

#menu { left:0px; width: 180px; margin-top:105px; position:fixed; }
#menu ul {}
#menu li {margin-top:8px; padding: 5px 0px 5px 0px; text-align: right;}
#menu a { padding:5px;background:#FFF;color:#000; font-weight: bold; text-decoration:none;font-size: 18px;line-height:18px }
#menu a:hover { color: #533e00; }

#home-container { float:left;width:340px;padding-bottom:20px;margin-left:50px;background:#fff }
#home-content { position:relative;padding:20px }
#home-content h2 { display:none; }

#header { position:relative; margin:20px 0 10px 30px;}

#container { float:left; width:640px; margin-left:180px; margin-bottom:50px; background:#fff;padding-bottom:20px; }
#content { padding:30px }
#content h1 { margin-bottom: 20px;}
#content h2 { margin-bottom: 8px; margin-top: 20px;}
#content h3 { font-size: 1.3em; color:#533e00;margin-top:10px; margin-bottom: 4px; }
#content .leftcol { float:left;width:330px }
#content .rightcol { float:right;width:241px }
#content b { color:#454545 }
#content .linked { color:#454545;font-weight:bold }
#content a.gallery { color:#454545;font-weight:bold;margin-top:3px;text-decoration:none }
#content p {margin-top: 0px; margin-bottom:0.2em;}
#content p.special { color:#8B6914 }
#content .special li { color:#8B6914;list-style:disc inside }
#content .gallery li { display:block;float:left;width:80px;margin-left:10px;margin-bottom:10px }
#content .gallery img { display:block }
#content li.L0 { margin-left:0px }
#content .listed li { color:#8B6914;margin-bottom:5px }

#footer { background:#333;color:#fff;padding:2px;padding-left:20px;padding-right:20px;font-size:11px; }
#footer a {color: #FFF;}