/* -- GLOBAL SETTINGS -- */
body {background: #bddbdb url(img/bg.gif) top left repeat-x; font: 12px Arial, Helvetica, sans-serif; color: #777; margin: 0; padding: 0; text-align:center;}
* { margin: 0; padding: 0;}
.clear {clear:both;}

p {padding-bottom: 15px; line-height:18px }
a {color: #c965cf; text-decoration: none;}
a:hover {text-decoration: underline;}
#twitter_update_list a {color:#888;}


h1 {color:#006666; font-size: 24px; font-weight:normal; margin-bottom:20px;}
h2 {color:#111; font-size: 18px; line-height: 21px; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:10px;}
h3 {color:#006666; font-size: 14px; line-height: 21px;}

ul, ol {margin: 11px 0 10px 18px; }

small {margin-bottom:7px; font-size:11px; color:#888; display:block;}

br.clear {clear: both;}
#twitter_div li {list-style:none;}

#respond, .nocomments {display:none;}

/* HEADER */

#head {background:#fff url(img/bg-header.gif) top left repeat-x; height: 115px; margin-bottom:5px; text-align:left;}

#head h1 {background:  url(img/logo.gif) no-repeat; position: relative; top:0px; left:0px; margin:0px;}

#head h1 a {display: block; text-indent: -9000px; height:115px; width:204px;}

#logo {float:left; width:250px;}
#search {float:left; width:710px;}

/* -- CONTENT -- */

#wrap {width: 960px; margin:auto;}
#main {background:#fff; border-top:1px solid #fff; padding:0px 0px 0px 0px;}
#content {padding:20px; text-align:left;}
#content ul {margin:0 0 15px 30px;}
#content li {line-height:18px; padding-bottom:3px;}
#content h3 {font-size: 14px; line-height: 21px;  font-family:Georgia, Times New Roman; padding-bottom:10px;}

#col1 {float:left; width:300px; margin-right:30px; text-align:left;}
#col2 {float:right; width:585px; text-align:left; padding:30px 30px 30px 15px;}

/* Slogan */

#slogan {float:left; height:225px; width:600px; background:url(img/boston.jpg) top left no-repeat; border-top:1px solid #fff;}

/* WEBLOG */

.post {border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.comment-list {width: 460px}
.avatar {float: right;}
#comment {width: 460px;}

/* FOOTER */

#footer {padding: 15px 20px 5px 15px; border-top:5px solid #074c4c; clear: both; text-align:center; background:#006666; color:#eee; font-size:11px;}
#footer a {color:#fff;}

/* MENU */

#menu {margin:auto;}
#menu ul {margin:45px 20px 0 0; float:right;}
#menu li {list-style: none; display:inline; float:left; line-height:normal; padding-bottom:0px;}
#menu ul ul li {_padding-left: 10px;}
#menu li a {color:#111;	padding:15px 20px 15px 30px; display: block; text-decoration: none; text-transform:uppercase; font-weight:normal; border-left:1px solid #fff; font-size:10px;background: #fff url(img/up.gif) top left no-repeat;}
#menu li a:hover {color: #fff; background: #32b6b6 url(img/over.gif) top left no-repeat;}
#menu li li a {color:#fff; background:#c965cf; display: block; text-decoration: none; font-size:11px;}
#menu ul li.current_page_item a {color: #fff;  background: #32b6b6 url(img/over.gif) top left no-repeat;}
#menu li li a {color:#fff; background:#c965cf; display: block; text-decoration: none; font-size:11px;}

#menu li li a:hover {color: #fff; background:#f95b42; border-bottom:0px; }
#menu li li li a {color:#fff; background:#ffffd1; display: block; text-decoration: none; font-size:11px;}
#menu li li li a:hover {color: #222; background:#dfdf99; border-bottom:0px; border-left:0px; border-right:0px; }

#menu ul {z-index: 500;}
#menu li {display: inline; float: left; position: relative; text-align: left; margin:0px;}
#menu li ul {width: 200px; height: auto; top: 100%; left: 0px; background:#007ac7; list-style-type:none;}
#menu li ul li {text-align: left; width: 200px; height: auto; min-height: auto; display: block;}
#menu a {text-decoration: none;}
#menu li li ul {top: 0; left: 0;}
#menu li li:hover ul {left: 200px;}

/* initialy hide all sub sidemenus */
#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul,
#menu ul ul ul li:hover ul ul,
#menu ul ul ul ul li:hover ul ul {display: none; position: absolute;}

/* display them on hover */
#menu li:hover ul,
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul ul ul ul li:hover ul,
#menu ul ul ul ul ul li:hover ul {display: block;}