/********************************/
/* base styles */
html,body{margin:0;padding:0;}
body{font-family:'Trebuchet MS','Lucida Grande',Helvetica,Arial,sans-serif;background:#f1f1f1 url('/images/cwd-bg-gradient.png') top left repeat-x;}
strong{font-weight:bold;}
em{font-style:italic;}
blockquote{margin:1em 3em 1em 3em;padding:.5em 1em.5em 1em;border:1px dotted #ccc;border-left:3px solid #ccc;background:#fffcfc;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img,a img{border:0;}
p.msg{font-style:italic;margin-top:0;padding:0;}
p.msg,p.more{margin-top:0;padding:0;color:#800;}
p.msg a,p.more a{color:#800;}
h2{font-size:150%;}
.feedback-positive{border:1px solid #063;background:#cfc;}
.feedback-negative{border:1px solid #c00;background:#fcc;}
/***************/
/* Page layout */
#page{margin:0 auto 3em auto;padding:0 0 3em 0;width:1000px;}
/*****************************************/
/* Banner Branding,Tools and Navigation */
#banner{margin:0;padding:10px 39px 0 39px;float:left;}
#branding{float:left;width:309px;height:170px;}
#branding h1{background:url("/images/cwd-logo.png") 50% 50% no-repeat;margin:0;padding:0;width:309px;height:88px;}
#branding h1 a{display:block;margin:0;padding:0;width:308px;height:88px;text-indent:-9999em;overflow:hidden;}
#branding p.tagline{height:20px;background:url("/images/ExposeConfrontChange.gif") 50% 50% no-repeat;text-indent:-9999em;overflow:hidden;}
#banner #tools{float:right;width:475px;height:170px;margin:0;padding:0;font-size:11px;}
#banner #tools h4{font-size:12px;font-weight:normal;margin:0;padding:0;}
#tools fieldset{border:0;padding:0;margin:0;}
#banner #tools #search,
#banner #tools #feeds,
#banner #tools #login,
#banner #tools #donate{margin:0;padding:0 5px 0 0;width:225px;float:left;margin-bottom:10px;}
#banner #tools .submit{background:#fcfcfc;font-size:10px;margin:1px;padding:1px;}
#banner #tools #search{margin-right:5px;}
#banner #tools #search input.searchQuery{display:block;width:210px;border:1px solid;}
#banner #tools #search p{margin:0;padding:0;text-align:right;}
#banner #tools #search form{border-right:1px solid;padding-right:15px;}

#banner #tools #feeds{margin:0 0 0 5px;}
#banner #tools #feeds p{margin:0;padding:0;line-height:150%;}

#banner #tools #login{clear:left;float:left;}
#banner #tools #login fieldset input.emailAddress{width:130px;border:1px solid;color:#666;}
#banner #tools #login fieldset input.password{width:70px;border:1px solid;color:#666;}
#banner #tools #login input.login{margin-left:85px;}

#banner #tools #donate{float:left;width:230px;height:58px;color:#fff;margin:0 0 0 10px;}
#banner #tools #donate a{display:block;text-indent:-9999em;overflow:hidden;width:230px;height:58px;}

#banner #navigation{margin:0;padding:0;list-style-type:none;float:left;clear:both;width:930px;height:90px;margin:0 auto;overflow:hidden;position:relative;}
#navigation li{font-weight:bold;float:left;}
#navigation li a{display:block;margin:0;padding:8px 15px 0 15px;width:95px;height:81px;text-align:center;font-size:11px;line-height:88%;float:left;text-decoration:none;}
#navigation li.on a{border:none;text-transform:uppercase;}
#navigation li.top a:hover{border:none;}
#navigation li ul{clear:both;text-align:center;list-style-type:none;float:left;width:880px;height:25px;position:absolute;top:55px;left:0;border-bottom:1px dashed;display:none;z-index:10;}
#navigation li.on ul{display:block;}
#navigation li ul li{background:none;border:none;display:inline;font-size:12px;z-index:10;}
#navigation li ul li a{border:none;background:none;display:inline;float:none;padding:0 1em 0 1em;z-index:12;}
#navigation li.on ul li a{background:none;border:none;z-index:13;}
#navigation li.on ul li a:hover{background:none;text-decoration:underline;}
#navigation li.on ul.sub li a{text-transform:capitalize;}
#navigation li.on ul.sub li.sub-on a{text-transform:uppercase;}

/* Main content well */
#main{float:left;width:660px;margin:0 0 0 39px;padding:0 0 1em 0;}
#permalink,
#breadcrumb{font-size:78%;margin:0;}
#breadcrumb{margin-top:1em;}
#permalink{margin-bottom:1em;}

/* Article Area */
div#article{margin:0;width:660px;float:left;}
h3,
.article-content .article-header h3{font-size:130%;font-weight:bold;}
div#article .article-header p.byline{margin-top:2em;font-size:.8em;}
.article-content h3{font-size:120%;margin:0;padding:0;font-weight:normal;}
#article .story{border-bottom:1px solid #ddd;margin:0 0 1em 0;}
div#article h2,
div#article h3,
div#article h4,
div#article h5,
div#article h6{margin:0;padding:0;}
div#article h4,
div#article p.byline{margin:0;padding:0;font-style:italic;font-weight:normal;}
#article .story h2 a,
#article .story h3 a,
#article .story h4 a,
#article .story h5 a,
#article .story h6 a{text-decoration:none;border:none;}
#article .story h2 a:hover,
#article .story h3 a:hover,
#article .story h4 a:hover,
#article .story h5 a:hover,
#article .story h6 a:hover{text-decoration:underline;}
#article .story img.icon{float:right;margin:0 0 1em 1em;}
#article .more a{border:none;}
#article .more a:hover{text-decoration:underline;}
div#article .article-content{margin:0;font-weight:lighter;line-height:140%;float:left;}
div#article .article-content .article-inner{padding:10px 25px 10px 10px;float:left;}
div#article .article-header{border-bottom:1px dashed #c7d4bf;margin:0 0 10px 0;padding:5px;float:left;width:620px;}
div#article .article-header p.article-meta{margin:0;padding:0;font-size:.8em;}
p.article-meta span.type{font-weight:bold;text-transform:uppercase;}
div#article a{border-bottom:1px dashed #00c;}
div#article a:hover{border-bottom-color:#000;text-decoration:none;}
#main .myRating,
#main #rate{clear:both;margin:1em 0 1em 0;padding:10px 0 10px 0;width:650px;float:left;}
#main .myRating h3,
#main #rate h3{float:left;margin:0;padding:0 2em 0 1em;}
#main .myRating .js-rating-labelText,#main #rate .js-rating-labelText{display:none;}
#main #rate ul{list-style:none;position:relative;width:150px;height:25px;background:transparent url('/images/stars.gif') -150px 0 no-repeat;padding:0;overflow:hidden;margin:0;}
#main #rate ul li{margin:0;padding:0;float:left;}
#main #rate ul li a{display:block;position:absolute;width:30px;height:25px;text-indent:-100px;overflow:hidden;z-index:20;}
#main #rate a.worst{left:0;}
#main #rate a.bad{left:30px;}
#main #rate a.fair{left:60px;}
#main #rate a.good{left:90px;}
#main #rate a.best{left:120px;}
#main #rate li a:hover{background:transparent url('/images/stars.gif') left top repeat-x;}
#main #rate a.worst:hover{width:30px;}
#main #rate a.bad:hover{width:60px;}
#main #rate a.fair:hover{width:90px;}
#main #rate a.good:hover{width:120px;}
#main #rate a.best:hover{width:150px;}
#main #comments,
#main #recently{}
#main #comments{clear:left;width:290px;float:left;margin:1em 10px 0 0;padding:0 15px 1em 15px;font-size:80%;background:#fff;}
#main #comments h3{font-size:16px;margin-bottom:0;padding:0;}
#main #comments h4{margin-bottom:0;}
#main #comments .comment{margin:0;padding:0;}
#main #recently{width:321px;float:left;margin:1em 0 1em 0;font-size:80%;}
#main #recently .content{float:left;width:289px;padding:0 15px 0 15px;}
#main #recently h3.heading{height:36px;margin:10px 0 0 0;padding:0;}
#main #recently h3.heading a{text-indent:-9999em;height:34px;display:block;margin:0;padding:0;}
#main #recently .post p.byline{margin:0;padding:0;font-size:90%;}
#main #recently .post p.byline a{font-style:italic;}
#main #recently .post p.more{text-align:right;}
#main #recently .post p.more a{font-size:90%;}

/* Secondary Content (Sidebar */
#secondary{float:right;width:231px;margin:0 39px 0 0;padding:25px 0 0 0;}
#secondary h2,#secondary h3,#secondary h4,#secondary h5,#secondary h6{font-weight:normal;font-size:100%;}
#secondary .section .heading h6{font-style:italic;font-size:85%;}
div.section h4,div.section h5,div.section h6{margin:0;padding:0;}
#secondary #actions h4{text-indent:-9999em;background:url('/images/share.png') left -1px no-repeat;height:35px;width:143px;margin:0 0 10px 0;cursor:pointer;display:none;}
#secondary #actions ul{list-style-type:none;margin:0;padding:0;left:0;z-index:1;}
#secondary #actions ul li{display:block;background:url('/images/cwd-bg-sidebar-action.png') 50% 50% no-repeat;height:31px;padding:0;margin:1em 0 1em 0;}
#secondary #actions ul li a{display:block;text-align:center;color:#fff;font-size:14px;padding:7px 0 7px 0;}
#secondary .section{float:left;width:221px;margin:1em 0 0 0;border-top:1px solid #250;padding:5px 5px 15px 5px;font-size:85%;}
#secondary .section .heading{padding:3px;margin:0 0 3px 0;}
#secondary input{margin:2px 2px 0 2px;padding:3px;width:210px;font-size:10px;color:#666;border:1px solid #333;}
#secondary .section input.submit{background:#fcfcfc;color:#342;margin:2px 2px 2px 0;padding:2px;width:auto;text-align:center;clear:left;float:right;}
#secondary #related ul{list-style:square;padding:0 0 0 3px;margin-left:17px;list-style-position:outside;}
#secondary #related ul li{margin-bottom:.2em;}
#secondary #f2f p#f2f-feedback{font-size:11px;padding:3px;margin:2px 2px 0 2px;}
#secondary #f2f label#f2fFromMessage-label{cursor:pointer;font-size:11px;display:block;margin:2px 2px 0 2px;}
#secondary #f2f textarea#f2fFromMessage{display:block;width:210px;margin:2px 2px 0 2px;padding:3px;font-size:11px;}

/* Footer */
#footer{clear:both;border-width:1px 0 1px 0;padding:7px 10px 7px 10px;margin:1em 39px 10px 39px;font-size:11px;float:left;width:902px;border:1px dashed #ccc;background:#fff;}
#footer ul{margin:0;padding:0;list-style-type:none;float:left;width:330px;}
#footer ul li{margin:0;padding:0 3px 0 0;display:inline;}
#footer ul li a{padding:0;margin:0;}
#footer ul li a:hover{text-decoration:none;}
#footer p{float:right;margin:0;padding:0;}

/* content authoring */
ul#contentAuthoring{border:1px solid #c00;background:#fdfcfc;margin:1em 0 1em 0;padding:5px;list-style-type:none;}
ul#contentAuthoring li{display:inline;}
ul#contentAuthoring li a{color:#c00;font-size:12px;padding:0 .3em 0 .3em;font-weight:bold;}
div.article-inner p.page-prev{float:left;width:200px;text-align:left;}
div.article-inner p.page-next{float:right;width:200px;text-align:right;}
#article p.page-prev a,
#article p.page-next a{border:none;color:#800;font-weight:bold;}

form{margin:0;padding:0;}
#main{display:inline;}
#secondary{display:inline;}
#footer{display:inline;}
#main #rate li a:hover{background:transparent url('/images/stars.gif') left top repeat-x;}
#main #rate a.worst:hover{width:30px;}
#main #rate a.bad:hover{width:60px;margin-left:-30px;}
#main #rate a.fair:hover{width:90px;margin-left:-60px;}
#main #rate a.good:hover{width:120px;margin-left:-90px;}
#main #rate a.best:hover{width:150px;margin-left:-120px;}