/*
Theme Name: Cocolo
Theme URI: http://cocolo.com.au
*/

*								{ margin: 0px; padding: 0px; }
html 							{ overflow-y: scroll; } 
body							{ background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; }
p								{ margin-bottom: 25px; }
a								{ outline: none; color: #662500; text-decoration: none; }
a:visited						{ color: #666; }
a:active						{ color: #c7c7c7; }
a:hover							{ color: #ff2500; }
.clear:after					{ content: "."; visibility: hidden;  display: block; height: 0px; clear: both; }
* html .clear					{ height: 1%; }

#container						{ width: 815px; margin: 0px auto; font-size: 1em; border: 1px solid #000; }

#header							{ width: 810px; padding-top: 30px; background: url(images/headerbg.gif) no-repeat bottom right; text-align: right; padding-right: 5px; font-size: 1.1em; border-bottom: 3px solid #000; }
#header h1#logo					{ width: 300px; height: 76px; margin-top: 1px; text-align: left; float: left; }
#header h1#logo a				{ display: block; width: 300px; height: 76px; background: url(images/logo.gif) no-repeat; text-indent: -9999px; }

#sidebar						{ width: 151px; float: left; font-size: 1.1em; }
#sidebar img					{ margin: 1px 0px 2px 1px; }
#sidebar ul						{ list-style: none; margin-bottom: 3px; }
#sidebar li a					{ display: block; padding: 3px 3px 3px 15px; border: 1px solid #662500; border-left: none; margin-bottom: -1px; }
#sidebar img.border				{ border-right: 1px solid #000; border-bottom: 1px solid #000; }
* html #sidebar li				{ height: 1%; }

#content						{ width: 615px; float: right; padding: 20px 10px 0px 0px; font-size: 1.1em; line-height: 17px; color: #333; }
#content h2						{ font-size: 1.75em; color: #662500; margin: 10px 0px 10px 0px; clear: both; }
#content h2 a					{ color: #662500; }
#content h3						{ font-size: 1.25em; color: #662500; margin: 10px 0px 10px 0px; }
#content h3.grey				{ color: #333; }
#content h4						{ font-size: 1.15em; font-weight: bold; color: #000; margin-bottom: 10px; }

.post							{ margin-bottom: 25px; }

.alignleft						{ float: left; width: 200px; }
.alignright						{ float: right; width: 200px; text-align: right; }

img.right						{ float: right; margin-left: 15px; }
img.left						{ float: left; margin-right: 15px; }
.flavours img.right				{ margin: 0px 70px; }
.flavours img.left				{ margin-right: 100px; }

#footer							{ background: #000; color: #fff; padding: 2px 5px; text-align: right; font-size: 1.1em; margin-top: 25px; clear: both; }
#footer a						{ color: #fff; }