/*
Theme Name: DomainCocoon
Author: Blue Penguin Consulting
Author URI: http://www.bluepenguinconsulting.com

Description : DomainCocoon Design
*/

/* ----- CSS ----- */

*{margin:0; padding:0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color: #595959; border: none;}
html{margin:0; padding:0;}
body{margin:0; padding:0; text-align:center; min-width: 800px; background: #9B9A9B url(gfx/bg_background.png) 0 0 repeat-x;}

/* ----- IDS ----- */

#container{ width:750px; margin-left:auto; margin-right:auto; margin-top:40px; padding:0; text-align:left; }


#logo{width:215px; height: 128px; display: block; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#logo h1{font: 30px "Trebuchet MS", "Times New Roman", Times, sans-serif; color: #FFFFFF; margin: 0 0 0 0; padding: 0 0 0 0; float: left; text-indent: -6000px;}
#logo h1 a {width:215px; height: 128px; background:#87D2F1 url(gfx/dc_logo.png) 0 0 no-repeat; display: block;}
#logo h1 a:hover {background:#87D2F1 url(gfx/dc_logo.png) 0 -128px no-repeat; display: block;}
#label {float: right; width: 535px; height: 128px; margin: 0 0 0 0; padding: 0 0 0 0; color: #FFFFFF; background:#87D2F1 url(gfx/bg_label.jpg) 0 0 no-repeat;}
#label h2 {font: bold 18px Arial, Helvetica, sans-serif; color: #E7F1FF; margin: 85px 0 0 20px; text-transform: uppercase;}

#nav {width: 750px; background: #EEEEEE url(gfx/bg_menu.png) 0 0 repeat-x; float: left;}
#nav ul {margin: 0; padding: 0; list-style-type: none;}
#nav ul li {float: left; margin:0; padding:0; line-height:normal; text-indent:0;}
#nav ul li a {display: block; padding: 9px 15px 10px 15px; font-size: 1.1em; border: none; color: #4D4E50; text-decoration: none; white-space: nowrap;}
#nav ul li a:hover {background: #99CAF3 url(gfx/bg_menu_over.png) repeat-x; color: #E7F1FF;}

#nav #search {border: none; padding: 0; height: 20px; background: #009FE0; color: #FFFFFF; margin: 6px 20px 0 0; float: right;}
#nav #search form, #left #search fieldset {border: none; margin: 0; padding: 0;}
#nav #search #searchfield {border: #93979B 1px solid; background: url(gfx/search_bg.png) 0 0 no-repeat; width: 140px; height: 18px; padding: 3px 5px 0 5px; margin: 0;}

#mid {width: 750px; margin: 0; padding: 0; background: url(gfx/bg_mid.png) 0 0 repeat-y;}

#right {float:right; width:535px; background: #FFFFFF;}
#right a {text-decoration: none;}

#right #main {margin: 10px 15px 0 15px;}
#right #main a {text-decoration: none;  color: #439CF3; }
#right #main a:hover {border-bottom: #FFC377 1px dotted; color: #FFC377;}

#right #main h1 {font: bold 22px Arial, Helvetica, sans-serif; color: #2988E4;}
#right #main h2	{font: bold 18px Arial, Helvetica, sans-serif; color: #439CF3;}
#right #main h3	{font: bold 16px Arial, Helvetica, sans-serif; color: #58A8F5;}
#right #main h4	{font: bold 15px Arial, Helvetica, sans-serif; color: #72B5F6;}
#right #main h5	{font: bold 14px Arial, Helvetica, sans-serif; color: #8BC2F7;}


#right #main #name, #right #main #email, #right #main #url, #right #main #website, #right #main #topic, #right #main textarea { background: #fff url("gfx/search_bg.png") no-repeat 0 0; border: 1px solid #84B6ED; padding: 0.2em 0.4em; width: 493px;}
#right #main label { display: block; margin-top: 10px;}
#right #main input.button { padding: 5px; border: 1px solid #84B6ED; background: #F3F8FD;}


#right #main h2 a { font: bold 18px Arial, Helvetica, sans-serif; color: #439CF3; border: none; padding: 0 0 5px 0; margin: 0 0 5px 0; text-transform: uppercase; text-decoration: none;}
#right #main h2 a:hover { color: #FFB655; border: none;}
#right #main h2.pagetitle { padding-bottom: 20px; }
#right #main h3 a { font: bold 16px Arial, Helvetica, sans-serif; color: #2079F3; text-transform: uppercase; text-decoration: none;}
#right #main h3 a:hover { color: #FFB655;}
#right #main .post {margin: 0 0 35px 0;}
#right #main p { line-height: 180%; margin: 0 0 10px 0; }
#right #main p.meta {padding: 0 0 0 25px; margin: 0 0 0 0; color: #9CD1F1; background: url(gfx/bg_meta.png) 0 0 no-repeat;}
#right #main p.meta span {color: #FFB655; font-weight: bold;}
#right #main p.meta a { text-decoration: none; color: #2079F3;}
#right #main p.meta a:hover { color: #FFB655;}
#right #main p.comment {float:right; margin-bottom: 20px; padding-left: 30px; background: url(gfx/bg_comment.png) top left no-repeat;}
#right #main p.comment a {padding: 0 0 0 0; margin: 0; }

#right #main ul { margin: 0 0 5px 0; padding: 0; }
#right #main ul li { margin: 0 0 0 15px; padding: 0 0 5px 19px; background: url(gfx/li_bg.png) 0 1px no-repeat; list-style-type: none; }
#right #main ul li a { text-decoration: none; }

#right #main ol { margin: 0 0 5px 0; padding: 0; }
#right #main ol li { margin: 0 0 0 30px; padding: 0 0 5px 0;}
#right #main ol li a { text-decoration: none; }

#right #main blockquote { line-height: 180%; margin: 0 0 15px 15px; padding: 0 40px 0 35px; background: url(gfx/blockquote_bg.png) 0 6px no-repeat;}
#right #main #paginator { text-align: center;}

#right #main #comments p.comments_info, #right #main #comments p.comments_info a {font-size: 85%;}
#right #main #comments p.comments_info span {font-size: 85%; font-weight: bold; color: #439CF3;}
#right #main #comments ol {list-style-type: none; border-top: #84B6ED 1px solid; margin:0; padding:0;}
#right #main #comments ol li {border-bottom: #84B6ED 1px solid; margin:0; padding:0;}
#right #main #comments ol li p {padding: 0 10px 10px 10px; margin: 0;}
#right #main #comments ol li.alt {background: #F3F8FD;}
#right #main #comments ol li p.comments_meta {color: #439CF3; font-weight: bold; font-size: 85%; padding: 10px 10px 0 43px; margin: 0; background: url(gfx/bg_comment.png) 10px 19px no-repeat;}
#right #main #comments ol li p.comments_meta a{font-size: 10px;}
#right #main #comments ol li p.comments_meta span {color: #9CC3F1; font-size: 85%; font-weight: normal;}


#left{float:left; width: 215px; background: #D9D9DA url(gfx/bg_left.png) 0 0 repeat-x; padding: 10px 0 0 0;}

#left .border-bottom {border-bottom: #E8E8E8 1px solid;}

#left p {padding: 0 10px 0 25px; margin: 10px 0 0 0; line-height: 150%;}

#left h2 {font: bold 18px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0 15px 0 15px; padding: 0 0 5px 0; background: none; text-transform: uppercase; letter-spacing: -1px;}
#left h2 span {font: 18px Arial, Helvetica, sans-serif; color: #FFFFFF;}

#left ul {list-style: none; margin: 0 15px 25px 15px; border-top: #E8E8E8 1px solid;}
#left ul li {margin: 0 0 0 0;}
#left ul li a {font-size: 13px; background:url(list_bg2.png) 0 0 no-repeat; color: #4D4E50; border-bottom: #E8E8E8 1px solid; width: 170px; display: block; text-decoration: none; padding: 6px 0 7px 15px;}
#left ul li a:hover, #left ul li a:active { color: #E7F1FF; background: #B0AFB0 url(list_bg2.png) 0 -15px no-repeat;}

#footer {width: 750px; margin: 0 0 40px 0; padding: 10px 0 5px 0; background: url(gfx/bg_footer.png) 0 0 no-repeat;}
#footer p {margin: 0 0 8px 15px; color: #B7D5FD; font-size: 10px;}
#footer p a {text-decoration: none; color: #D3E3FB; font-weight: bold; font-size: 10px;}
#footer p a:hover {color: #FFFFFF;}
#footer ul { margin:0; padding:0; display:inline;}
#footer li {margin:0; padding:0;display:inline;}
#footer li a {display:inline; text-decoration: none; color: #D3E3FB; font-weight: bold; font-size: 10px;}
#footer li a:hover {color: #FFFFFF;}
#footer .pagelist {margin: 0 0 8px 15px; color: #B7D5FD; font-size: 10px;}
/*--- clearfix hack that helps to stretch the floated elements to the same height ---*/

.clearfix:after { 
    content: "."; 
    display: block; 
    position:relative;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */