/*
Theme Name: @CHM Blog
Description: News style theme for @CHM blog.
Author: Computer History Museum
Author URI: http://www.computerhistory.org/
Version: 1.0
*/


/* COMMON STYLES */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border: 0; }
body { margin: 0; padding: 0; font-family: verdana,arial,helvetica,sans-serif; font-size: .75em; line-height: 1.4em; background-color: #efefef; text-align: center; }
a {  color: #22589d; text-decoration: none; outline: none; cursor: pointer; }
a:hover {  text-decoration:underline; }
a.pdf { display:inline-block; background: url(/_common/img/misc/pdf-mini.gif) right 2px no-repeat; padding-right: 20px; border-bottom: 1px dashed #0070ff; }
a.pdf:hover { color: #222222; border-bottom: 1px dashed #222222; }
a.resourcelink { background: url("/_common/img/icon-web.gif") no-repeat scroll left 8px transparent; border-bottom: 1px solid #F2F2F2; cursor: pointer; display: block; margin: 5px 20px 0 0px; padding: 5px 0 0 25px; }
a.resourcelink:hover {  color: #222222; }
a.pdflink { background: url("/_common/img/misc/pdf-mini.gif") no-repeat scroll left 5px transparent; border-bottom: 1px solid #F2F2F2; cursor: pointer; display: block; margin: 5px 20px 0 0px; padding: 5px 0 0 25px; }
a.pdflink:hover {  color: #222222; }
a.wdoclink { background: url("/_common/img/misc/worddoc-mini.gif") no-repeat scroll left 5px transparent; border-bottom: 1px solid #F2F2F2; cursor: pointer; display: block; margin: 5px 20px 0 0px; padding: 5px 0 0 25px; }
a.wdoclink:hover {  color: #222222; }

a.innerlink { background: url("/_common/img/icon-linkin-grey.gif") no-repeat scroll left 10px transparent; border-bottom: 1px solid #F2F2F2; cursor: pointer; display: block; margin: 5px 20px 0 0px; padding: 5px 0 0 25px; }
a.innerlink:hover {  color: #222222; }
a.outsidelink { display: block; padding: 5px 0 0 25px; background: url(/_common/img/icon-web.gif) no-repeat left 8px; margin: 5px 0px 0px; cursor: pointer; border-bottom: #f2f2f2 1px solid; }
a.outsidelink:hover { text-decoration: underline; }
p { margin-bottom: 7px }



/* MAIN LAYERS AND ELEMENTS 
-------------------------------------------------------------- */

#page { width: 960px; background: url(images/body-bg.png) repeat-y #FFFFFF; margin: 18px auto 0 auto; text-align: left; } 
#header { width: 960px; height: 105px; background-color: #ffffff; background: url(/_common/img/headerbg.jpg) repeat-y; display: block; border-bottom: 4px solid #B1A481; }

#menunav { position: relative; width: 960px; height: 30px; font-size: .9em; line-height: 2.6em; background: url(/_common/img/menubg.png) repeat-x; background-color: #000000; color: #e6e6e6; }
#searchinput { position: absolute; top: 7px; left: 479px; width: 182px; height: 14px; padding: 0 4px; color: #781351; color: #474646; background: #faeec7; background: #ccc; border: 1px solid #efefef; font-size: 1.2em; }
#searchicon {position: absolute; top: 0; left: 671px; width: 30px; height: 30px; z-index: 9999;}
#searchform label { color: #999999; display: none; }
#searchform { margin: 0; padding: 0; }
#searchform fieldset { margin: 0; padding: 0; border: 0; }
input#searchinput[type="text"]:focus#searchinput { border: 1px solid #fff; background:#fff; background: #eee; color:#13465F; }
#quicklinks { position: absolute; top: 0; left: 670px; width: 260px; padding-right: 30px; text-align: right; color: #ffffff; }
#quicklinks a { color: #ccc; text-decoration: none; padding: .2em .5em; }
#quicklinks a:hover { color: #acacac; color: #fff; }
#menunav #search { font-size: .8em; }

#banner { position: relative; width: 960px; height: 75px; background-color: #ffffff; }
#logo { position: absolute; top: 4px; left: 5px; }
#chmbuilding { position: absolute; top: 0; left: 565px;}

#globalnav { position: absolute; top: 55px; left: 0; height: 20px; }
#globalnav .globalnav { padding: 0 0; margin: 0 auto; list-style-type: none; background: #ffffff; }
#globalnav .globalnav li { float: left; width:95px; margin-right: 1px; }
#globalnav .globalnav a { display: block; float: left; padding: 0 0; width:95px; color:#efefef; line-height: 20px; font-size: .9em; text-align: center; text-decoration: none; }
#globalnav .globalnav a:hover, #globalnav a.active { color:#ffffff; }

#globalnav #visitus { background: #365F82; }
#globalnav #visitus a:hover, #globalnav #visitus .active { background: url(/_common/img/globalnav-hl-visitus.png); }

#globalnav #exhibits { background: #900000; }
#globalnav #exhibits a:hover, #globalnav #exhibits .active { background: url(/_common/img/globalnav-hl-exhibits.png); }

#globalnav #explore { background: #ff9900; }
#globalnav #explore a:hover, #globalnav #explore .active { background: url(/_common/img/globalnav-hl-explore.png); }

#globalnav #getinvolved { background: #3f5b2a;  }
#globalnav #getinvolved a:hover, #globalnav #getinvolved .active { background: url(/_common/img/globalnav-hl-getinvolved.png); }

#globalnav #venuerental { background: #5e5e5e; }
#globalnav #venuerental a:hover, #globalnav #venuerental .active { background: url(/_common/img/globalnav-hl-venuerental.png); }

#globalnav #events { background: #3b9eb8;}
#globalnav #events a:hover, #globalnav #events .active { background: url(/_common/img/globalnav-hl-events.png); }

#globalnav #atchm { background: #B1A481;}
#globalnav #atchm a:hover, #globalnav #atchm .active { background: url(/_common/img/globalnav-hl-atchm.png); }

#content { float: left; padding: 0px 20px; width: 554px; font-size: 1.08em; line-height: 1.4em; color: #5B5B5B; padding-bottom: 50px; }



/* SIDEBAR NAV
-------------------------------------------------------------- */
#sidebarnav { float: right; width: 326px; padding: 0px 20px 20px 20px; display: block;}



/* FOOTER
-------------------------------------------------------------- */
#footer { width: 960px; height: 30px; font-size: .8em; line-height: 2.5em; background-color: #efefef; color: #6e6e6e; display: block; padding-bottom: 20px; }
#footer #navigation a { color: #6e6e6e; text-decoration: none; }
#footer #navigation a:hover { color: #4366a9; }
#footer #copyright {float: left; }
#footer #navigation {float: right; }


/* HEADINGS
-------------------------------------------------------------- */
h1 { font-weight: normal; font-size: 1.6em; letter-spacing: -1px; margin: 2px 0 30px; padding: 2px 0px; line-height: 1.1em; } 
h2 { display: block; clear: both; padding: 0; color: #333333; font-size: 1.3em; font-weight: normal; margin: 1.5em 0 10px; }
h3 { font-size: 1.1em; line-height: 1.125em; margin: 0; font-weight: bold; } 
h4 { font-size: 1em; line-height: 1.125em;  margin: 0; font-weight: bold;	color: #666; } 
h5, h6 { font-size: 0.85em; line-height: 1.125em; margin: 0; font-weight: normal; }
div.Player { margin: 20px 0px; }

p.author { display: block; margin: -30px 0 25px 20px; padding-left: 20px; background: url(/_common/img/misc/icon-author.gif) 1px 4px no-repeat; height: 16px; line-height: 16px; color: #666666; font-size: 12px; font-weight: 100; }

/* IMAGES	
-------------------------------------------------------------- */
.image { border: 1px solid #c0c0c0; padding: 1px 1px;}
.imagecaption { font-size: .8em; font-style: normal; color: #333333; line-height: 1.4em; }
.imagecredit { font-size: .7em; font-style: italic; color: #999999; line-height: 1.1em; }

.imageleft { float: left; margin-right: 20px; }
.imageright { float: right; margin-left: 20px; }


/* html 5 compatability
---------------------------------------------------------- */
.display-block { display: block !important; }
.display-inline-block { display: inline-block !important; }

/*	Lists
-------------------------------------------------------------- */
.list { list-style: none; margin: 0; padding: 0; }
.list li { display: inline; margin: 0 6px 0 0; }
	

/* clearfix hack
---------------------------------------------------------- */
.clearafter { content: "."; display: block; clear: both; visibility: hidden; line-height: 0px; height: 0px; }




/* ICONS
---------------------------------------------------------- */
.iconphone { background: url(/_common/img/icon-phone.gif) 0 center no-repeat; padding-left: 20px; }
.iconemail { background: url(/_common/img/icon-email.gif) 0 center no-repeat; padding-left: 20px; }
.icondownload { background: url(/_common/img/icon-download.png) 0 center no-repeat; padding-left: 20px; }
.iconweb { background: url(/_common/img/icon-web.gif) 0 center no-repeat; padding-left: 20px; }
.iconlinkin { background: url(/_common/img/icon-web.gif) right center no-repeat; padding-right: 20px; }


/* IMG&CAPTIONS
---------------------------------------------------------- */
div.wp-caption { display: block; padding: 5px; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px;  -moz-box-shadow: 0 0 3px #cacaca; -webkit-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #cacaca; border: 1px solid #e2e2e2; background-color: #ffffff;  }
div.wp-caption a.gallery_colorbox { display: block; padding: 0; margin: 0; }
div.wp-caption img.image-stylized { display: block; padding: 0; margin: 0; border: none; }

div.wp-caption p{ display: block; padding: 10px 5px;font-size: .8em; font-style: normal; color: #333333; line-height: 1.4em; }
img.image-stylized { display: block; padding: 3px; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px;  -moz-box-shadow: 0 0 3px #cacaca; -webkit-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #cacaca; border: 1px solid #e2e2e2; background-color: #ffffff; }

div#single-article-content .alignleft { float: left; margin: 0 20px 20px 0; }
div#single-article-content .alignright { float: right; margin: 0 0 20px 20px; }
div#single-article-content .aligncenter { margin: 10px auto; }
span.to-upper-case { text-transform: uppercase; } 



/* IMAGE GALLERY IMG&CAPTIONS
---------------------------------------------------------- */
div.gallery { display: block; margin: 20px 0; clear: both; }
dl.gallery-item { display: block; float: left; margin: 0px 8px 8px 0px; }
dd.gallery-caption { display: none; }




/* HOME PAGE
---------------------------------------------------------- */
#content div.section div.content div.first { display: block; float: left; width: 300px; height: 208px; position: relative; }
#content div.section div.content div.first div.image { display: block; float: left; position: relative; border: none; }
#content div.section div.content div.first div.image img { display: block; width: 260px; height: 200px; float: left; border:1px solid #d6d6d6; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px;  -moz-box-shadow: 0 0 7px #cacaca; -webkit-box-shadow: 0 0 7px #cacaca; box-shadow: 0 0 7px #cacaca; border: 1px solid #e2e2e2; background-color: #ffffff; position: relative; padding: 3px; }
#content div.section div.content div.first div.data { background-image: url('images/transparent-bg.png'); color: #ffffff; font-size: 16px; font-weight: bold; left: 5px; bottom: 3px; overflow: hidden; padding: 7px; position: absolute; width: 246px; display: block; }
#content div.section div.content div.first div.data a { color: #ffffff; }
#content div.section div.content div.first div.data span.date { display: none; }

#content div.section div.content div.other { display: block; float: left; width: 254px; height: 72px; margin: 0; padding: 0;}
#content div.section div.content div.other div.image { display: block; float: left; position: relative; border: none; }
#content div.section div.content div.other div.image img { display: block; height: 55px; width: 80px; float: left; border:1px solid #d6d6d6; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px;  -moz-box-shadow: 0 0 7px #cacaca; -webkit-box-shadow: 0 0 7px #cacaca; box-shadow: 0 0 7px #cacaca; border: 1px solid #e2e2e2; background-color: #ffffff; position: relative; padding: 3px; }
#content div.section div.content div.other div.data { display: block; float: left; width: 148px; padding: 0 0 0 15px; color: #222222; font-size: 11px; line-height: 1.1em; font-weight: bold; }
#content div.section div.content div.other div.data a { color: #222222; }
#content div.section div.content div.other div.data span.date { font-size: .8em; color: #999999; font-weight: normal; }

#sidebarnav div.more { display: block; float: left; width: 283px; line-height: 20px; margin-top: 20px; clear: both; text-align: right; }
div.more { display: block; float: right; width: 165px; line-height: 20px; margin-top: 20px; clear: both; text-align: center; }
div.more a { color: #0099CC; font-weight: 400; }
div.more a:hover {  color: #222222; text-decoration: underline; }



/* SINGLE ARTICLE
---------------------------------------------------------- */
div.section { margin: 20px 0px 0px 0px; width: 554px; display: block; float: left; }
div.section div.title { display: block; width: 554px; background: url("images/cat-bg-repeat.png") repeat-x scroll 0px 2px transparent; float: left; height: 18px; float: left; }
div.section div.title h2.title, div.title h1.title { background: #FFFFFF; color: #222222; float: left; font-size: 14px !important; line-height: 18px; font-weight: bold !important; margin: 0; padding: 0; padding-right: 10px; text-transform: uppercase; }
div.section div.clean-title { display: block; width: 555px; background: none; float: left; float: left; clear: both; }
div.section div.clean-title h2.clean-title, div.section div.clean-title h1.clean-title { background: #FFFFFF; color: #222222; float: left; font-weight: normal !important; margin: 0; padding: 0; }

div.section div.content { margin: 0px; width: 554px; display: block; float: left; margin-top: 20px; }
div.section div.content div.article { display: block; float: left; position: relative; }
div.section div.meta { display: block; width: 554px; float: left; margin: 5px 0px 20px 0px; }
div.section div.meta span { margin-right: 20px; padding: 0px 0px 0px 15px; height: 18px; line-height: 18px; font-size: .9em; }
div.home { display: block; float: right;height: 18px; margin: 20px 20px 0px 0px; font-size: .9em; }
div.home a.home { background: url(images/home_12x12.png) 0px 2px no-repeat; padding-left: 15px; display: block; line-height: 18px; }
a.meta, span.meta, span.meta a { color: #8f9194; }
a.meta:hover, span.meta a:hover { color: #444444; text-decoration: underline; }
div.section div.content blockquote { background: url("images/quotation.jpg") 40px 0px no-repeat; padding: 10px 10px 10px 40px; }
div.section div.content blockquote p { text-indent: 40px; color: #222222 !important; }
div.section div.content ul { list-style-type:none; margin:0; padding-left: 9px; margin: 10px 0px; }
div.section div.content ul li { background:transparent url(/_common/img/list-bullet.gif) no-repeat scroll 0 7px; padding-left: 0.8em; }
div.section div.content ol { list-style: inside decimal; padding-left: 9px; margin: 10px 0px; }
div.section div.content ol li {  }




/* SINGLE ARTICLE - RELATED ARTICLES
---------------------------------------------------------- */
div.section div.content div.related { display: block; float: left; width: 277px; height: 90px; margin: 0; padding: 0;}
div.section div.content div.related div.image { display: block; float: left; position: relative; border: none; }
div.section div.content div.related div.image img { display: block; height: 55px; width: 80px; float: left; border:1px solid #d6d6d6; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px;  -moz-box-shadow: 0 0 7px #cacaca; -webkit-box-shadow: 0 0 7px #cacaca; box-shadow: 0 0 7px #cacaca; border: 1px solid #e2e2e2; background-color: #ffffff; position: relative; padding: 3px; }
div.section div.content div.related div.data { display: block; float: left; width: 160px; padding: 0 0 0 15px; color: #222222; font-size: 12px; line-height: 1.5em; }
div.section div.content div.related div.data a { color: #222222; }
div.section div.content div.related div.data span.date { font-size: .8em; color: #999999; font-weight: normal; }





/* SINGLE ARTICLE - COMMENTS
---------------------------------------------------------- */
#comments ol { list-style:none; padding:0; margin:0; display: block;}
#comments ul { list-style:none; padding: 0px; }
#comments ul li { background: none; padding: 0px; }

#comments ol.commentlist { list-style:none; display: block; width: 554px; }
#comments ol.commentlist li {list-style:none; display: block; width: 554px; }
#comments ol.commentlist li div.comment div.comment-content { float: left; width: 435px; }

#comments ol.commentlist ul {margin-left:40px; list-style:none; display: block; width: 514px; }
#comments ol.commentlist ul li {list-style:none; display: block; width: 514px; }
#comments ol.commentlist ul li div.comment div.comment-content { float: left; width: 395px; }

#comments ol.commentlist ul ul {margin-left:40px; list-style:none; display: block; width: 474px; }
#comments ol.commentlist ul ul li {list-style:none; display: block; width: 474px; }
#comments ol.commentlist ul ul li div.comment div.comment-content { float: left; width: 355px; }

#comments ol.commentlist ul ul ul {margin-left:40px; list-style:none; display: block; width: 434px; }
#comments ol.commentlist ul ul ul li {list-style:none; display: block; width: 434px; }
#comments ol.commentlist ul ul ul li div.comment div.comment-content { float: left; width: 315px; }

#comments ol.commentlist ul ul ul ul {margin-left:40px; list-style:none; display: block; width: 394px; }
#comments ol.commentlist ul ul ul ul li {list-style:none; display: block; width: 394px; }
#comments ol.commentlist ul ul ul ul li div.comment div.comment-content { float: left; width: 275px; }

#comments ol.commentlist ul ul ul ul ul {margin-left:40px; list-style:none; display: block; width: 354px; }
#comments ol.commentlist ul ul ul ul ul li {list-style:none; display: block; width: 354px; }
#comments ol.commentlist ul ul ul ul ul li div.comment div.comment-content { float: left; width: 235px; }

#comments ol.commentlist ul ul ul ul ul ul {margin-left:40px; list-style:none; display: block; width: 314px; }
#comments ol.commentlist ul ul ul ul ul ul li {list-style:none; display: block; width: 314px; }
#comments ol.commentlist ul ul ul ul ul ul li div.comment div.comment-content { float: left; width: 195px; }

#comments div.comment { margin: 5px 0; padding: 20px; background-color: #f8f8f8; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px; border: 1px solid #e2e2e2; }
#comments div.authorcomment { background-color: #e8f6f7; border: 1px solid #D3E9EB; }

#comments div.comment div.vcard { width:42px; height: 42px; float:left; }
#comments div.comment div.vcard img { width: 42px; height: 42px; padding:5px; border:1px solid #c9c9c9; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; -moz-box-shadow: 0 0 7px #cacaca; -webkit-box-shadow: 0 0 7px #cacaca; box-shadow: 0 0 7px #cacaca; background-color: #ffffff; }
#comments div.comment div.comment-content { float: left; margin-left: 20px; }
#comments div.comment div.comment-content div.comment-meta { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px #e2e2e2 dotted; }
#comments div.comment div.comment-content div.comment-body { margin-bottom: 10px; }
#comments div.comment div.comment-content div.comment-reply { display: block; float: right; width: 165px; line-height: 20px; margin-top: 20px; clear: both; text-align: right; }
#comments div.comment div.comment-content div.comment-reply a { color: #0099CC; font-weight: 400; }
#comments div.comment div.comment-content div.comment-reply a:hover {  color: #222222; text-decoration: underline; }
#comments div.comment div.comment-content span.edit-comment { display: block; float: right; width: 165px; line-height: 20px; clear: both; text-align: center; color: #0099CC; }
#comments div.comment div.comment-content span.edit-comment a { color: #0099CC; font-weight: 400; }
#comments div.comment div.comment-content span.edit-comment a:hover {  color: #222222; text-decoration: underline; }

#comments div.comment-pending{ float: left; margin-left: 10px;}
#comments .comment-edit-link {color:#000; text-decoration:none; text-shadow:none;}
#respond{clear:both;}



/* SEVERAL BLOGGERS, ARCHIVES, OR CATEGORIES PAGES
---------------------------------------------------------- */
div.several div.icon { display: block; float: left; width: 120px; height: 105px;  overflow: hidden; }
div.several div.icon img { width: 96px; height: 96px; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px; border: 1px solid #e2e2e2; padding: 5px; -moz-box-shadow: 0 0 3px #cacaca; -webkit-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #cacaca; cursor: pointer; background-color: #ffffff; padding: 3px; }
div.several div.posts { display: block; float: right; width: 425px; }
div.several div.posts div.post { display: block; float: left; width: 425px; overflow: hidden; margin: 0 0 10px; padding: 0px; }
div.several div.posts div.post div.data {  color: #222222; display: block; float: left; font-size: 12px; line-height: 1.5em; padding: 0; width: 425px;}
div.several div.posts div.post div.data div.header { font-weight: bold; }
div.several div.posts div.post div.data div.header a { color: #222222; }
div.several div.posts div.post div.data div.metadata {}
div.several div.posts div.post div.excerpt {}
div.several div.read-more { display: block; float:left; line-height: 20px; }
div.several div.read-more a { color: #0099CC; font-weight: 400; }
div.several div.read-more a:hover {  color: #222222; text-decoration: underline; }



/* SINGLE BLOGGER, ARCHIVE, OR CATEGORY PAGES
---------------------------------------------------------- */
div.single div.posts { display: block; float: left; width: 554px; margin: 0; padding: 30px 0px 20px 0; border-bottom: 1px solid #F2F2F2; }
div.single div.posts div.icon { display: block; float: left; position: relative; border: none; width: 140px; height: 90px; }
div.single div.posts div.icon img {  display: block; height: 82px; width: 120px; float: left; border:1px solid #d6d6d6; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px;  -moz-box-shadow: 0 0 7px #cacaca; -webkit-box-shadow: 0 0 7px #cacaca; box-shadow: 0 0 7px #cacaca; border: 1px solid #e2e2e2; background-color: #ffffff; position: relative; padding: 3px; }
div.single div.posts div.data { display: block; float: left; width: 410px; padding: 0px; color: #222222; font-size: 12px; line-height: 1.5em; }
div.single div.posts div.data div.header { font-weight: bold; }
div.single div.posts div.data div.header a { color: #222222; }
div.single div.posts div.data div.metadata {}
div.single div.posts div.excerpt { margin-top: 10px; }
div.single div.posts div.excerpt div.read-more { display: block; float:left; line-height: 20px; }
div.single div.posts div.excerpt div.read-more a { color: #0099CC; font-weight: 400; }
div.single div.posts div.excerpt div.read-more a:hover {  color: #222222; text-decoration: underline; }




/* BLOGGERS PAGE
---------------------------------------------------------- */
div.author div.avatar, div#author div.avatar { display: block; float: left; width: 120px; height: 105px;  overflow: hidden; }
div.author div.avatar img { width: 96px; height: 96px; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px; border: 1px solid #e2e2e2; padding: 5px; -moz-box-shadow: 0 0 3px #cacaca; -webkit-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #cacaca; cursor: pointer; background-color: #ffffff; padding: 3px; }
div.author div.bio, div#author div.bio { display: block; float: right; width: 425px; }
div.author div.bio a { color: #222222; }
div.author div.bio a:hover { color: #0099CC; }
#content div.section div.content div.author-posts { display: block; float: left; width: 425px; overflow: hidden; }
#content div.section div.content div.author-posts div.post { display: block; float: left; width: 425px; overflow: hidden; margin: 0 0 10px; padding: 0px; }
div.read-more { display: block; float:left; line-height: 20px; }
div.read-more a { color: #0099CC; font-weight: 400; }
div.read-more a:hover {  color: #222222; text-decoration: underline; }
a.read-full-article, .post a.read-full-article { padding: 0 0 0 5px; color: #0099CC; }
a.read-full-article a:hover, .post a.read-full-article:hover {  color: #222222; text-decoration: underline; }



/* SINGLE ARTICLE - ABOUT AUTHOR
---------------------------------------------------------- */
div.author-bio div.author-avatar { display: block; float: left; width: 112px; height: 105px; }
div.author-bio div.author-avatar img { width: 96px; height: 96px; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px; border: 1px solid #e2e2e2; padding: 5px; -moz-box-shadow: 0 0 3px #cacaca; -webkit-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #cacaca; cursor: pointer; background-color: #ffffff; color: #999999; overflow: hidden; }
div.author-bio div.author-bio a:hover { color: #222222; text-decoration: underline; }





/* SINGLE ARTICLE - COMMENTS PAGINATION
---------------------------------------------------------- */
.easyPaginateNav { display: block; width: 100%; height: 20px; clear:both; margin:10px 0; text-align: center; }
.easyPaginateNav a { display: inline-block; height: 18px; width: 20px; padding:2px 5px; margin:0 2px; color:#999999; background:#ffffff; border:1px solid #999999; text-decoration:none; line-height: 18px; }
.easyPaginateNav a:hover, .easyPaginateNav a.current { background:#ffffff; color:#0099cc; border-color: #0099cc; }
.easyPaginateNav a.disabled:hover { background:#ffffff; color:#0099cc; border-color: #0099cc; }
.easyPaginateNav a.last { padding:2px 5px !important; }




/* SIDEBAR SECTIONS
---------------------------------------------------------- */
div.sidebar-section { margin: 20px 0px 0px 0px; width: 326px; display: block; float: left; }
div.sidebar-section-background { margin: 20px 0px 0px 0px; width: 286px; display: block; float: left; padding: 20px; background-color: #ffffff; border:1px solid #f1f1f1; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border: 1px #e2e2e2 solid; }
div.sidebar-section div.title { display: block; float: left; height: 18px; float: left; width: 326px; }
div.sidebar-section-background div.title { display: block; float: left; height: 18px; float: left; width: 286px; }
div.sidebar-section div.title h1.title, div.sidebar-section div.title h2.title, div.sidebar-section-background div.title h1.title, div.sidebar-section-background div.title h2.title { background: #FFFFFF; color: #222222; float: left; font-weight: bold !important; margin: 0; padding: 0; font-size: 1em; }
div.sidebar-section div.content { display: block; float: left; clear: both; width: 326px; margin: 20px 0px 0px 0px; }
div.sidebar-section-background div.content { display: block; float: left; clear: both; width: 286px; margin: 20px 0px 0px 0px; }




/* SIDEBAR TABS
---------------------------------------------------------- */
div#sidebar-tabs-section { display: block; position: relative; }

div#jtabs { display: block; height: 41px; width: 326px; margin: 0; }
div#jpanes { display: block; width: 324px; margin: -1px 0px 0px; overflow: hidden; border-bottom-right-radius: 3px; -moz-bottom-right-border-radius: 3px; -webkit-bottom-right-border-radius: 3px; -o-bottom-right-border-radius: 3px; border-bottom-left-radius: 3px; -moz-top-bottom-border-radius: 3px; -webkit-bottom-left-border-radius: 3px; -o-top-bottom-border-radius: 3px; border: 1px solid #e2e2e2; border-top: none;  cursor: pointer; background-color: #f2f2f2; }

div.panes div.pane { float:left; width: 286px; padding: 20px 20px; background-color: #ffffff; }/* single item */

ul.tabs { list-style:none; margin: 1px 0px 0px; padding:0; height:41px; }/* root element for tabs  */

ul.tabs li { display: block; float: left; padding: 10px 0px 11px 0px; height: 20px; text-align: center; border: 1px solid #e2e2e2;  cursor: pointer; background-color: #f2f2f2; background-image: none !important; color: #999999; font-weight: bold; }/* link inside the tab. uses a background image */
ul.tabs li#sidebar-popular { width: 83px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px;  }
ul.tabs li#sidebar-recent { width: 75px; border-left: none; }
ul.tabs li#sidebar-comments { width: 98px; border-left: none; }
ul.tabs li#sidebar-tags { width: 65px; border-left: none; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px;}

ul.tabs li.current, ul.jtabs li.current:hover, ul.jtabs li.active, ul.jtabs li.active:hover { cursor:default; color:#000000; background-color: #ffffff; border-bottom: 1px solid #ffffff; z-index: 1000; }/* active tab uses a class name "current". it's highlight is also done by moving the background image. */

.post { display: block; float: left; border-bottom: 1px solid #f2f2f2; }
.post .img { display: block; float: left; width: 70px; height: 50px;  }
.post .img img { width: 52px; height: 42px; margin: 0; background: #ffffff; padding: 2px; border: 1px sold #e2e2e2; border-top-right-radius: 2px; -moz-top-right-border-radius: 2px; -webkit-top-right-border-radius: 2px; -o-top-right-border-radius: 2px; border-top-left-radius: 2px; -moz-top-left-border-radius: 2px; -webkit-top-left-border-radius: 2px; -o-top-left-border-radius: 2px;  -moz-box-shadow: 0 0 3px #cacaca; -webkit-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #cacaca; }
.post .info { display: block; float: right; width: 210px; }
.post .info .header { display: block; color: #222222; font-weight: normal; }
.post .info .text { display: block; font-size: .8em; color: #999999; }
.post a { color: #333333; }
.post .info .header a { font-size: .9em; }
.post .info .header span.light, .post .info .text span.light, .post .info .metadata span.light, .post .data .metadata span.light { font-size: .85em; color: #8f9194; }
.post .info .text span { display: block; float: right; }




/* SIDEBAR LOGIN
---------------------------------------------------------- */
ul.pagenav { display: block; float: left; width: 286px; height: 14px; line-height: 14px; text-align: center; position: relative; margin-top: 10px; }
ul.pagenav li { display: block; float: left; width: 94px; height: 14px; line-height: 14px; text-align: center; position: relative; border-right: solid 1px #0099CC; }
ul.pagenav li a { display: block; height: 14px; line-height: 14px; text-align: center; color: #0099CC; }
ul.pagenav li a:hover { color: #222222; }




/* SIDEBAR BLOGGERS
---------------------------------------------------------- */
div#sidebar-bloggers div.blogger { display: block; float: left; width: 143px; height: 45px; }
div#sidebar-bloggers div.blogger div.img { display: block; float: left; width: 50px; height: 40px; }
div#sidebar-bloggers div.blogger div.img img { width: 35px; height: 28px; padding: 2px; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px; border: 1px solid #e2e2e2; -moz-box-shadow: 0 0 2px #cacaca; -webkit-box-shadow: 0 0 2px #cacaca; box-shadow: 0 0 2px #cacaca; cursor: pointer; background-color: #ffffff; }
div#sidebar-bloggers div.blogger div.img a {}
div#sidebar-bloggers div.blogger div.name { display: block; float: left; width: 83px; height: 50px; }
div#sidebar-bloggers div.blogger div.name a { color: #222222; font-weight: 500; font-size: .8em; }
div#sidebar-bloggers div.blogger div.name a:hover { text-decoration: underline; }




/* SIDEBAR CATEGORIES
---------------------------------------------------------- */
.categories li { display:block; width: 285px; margin-left: 1px; border-bottom: 1px solid #f2f2f2; text-align: left; font-family: arial; font-weight: normal; overflow: hidden; position: relative; }
.categories li a { display: block;  color: #222222; text-decoration: none; line-height: 20px; font-size: 1em; float: left; padding: 5px 10px 5px 30px; width: 245px; }
.categories li .active, .categories li a:hover { color: #000000; background: #e6e6e6;  }
.categories span.count { color: #990000; display: block; position: absolute; right: 5px; top: 6px; }




/* SIDEBAR ARCHIVES
---------------------------------------------------------- */
.archives li { display:block; width: 285px; margin-left: 1px; border-bottom: 1px solid #f2f2f2; text-align: left; font-family: arial; font-weight: normal; overflow: hidden; position: relative; }
.archives li a { display: block;  color: #222222; text-decoration: none; line-height: 20px; font-size: 1em; float: left; padding: 5px 10px 5px 30px; width: 245px; }
.archives li .active, .archives li a:hover { color: #000000; background: #e6e6e6;  }
.archives span.count { color: #990000; display: block; position: absolute; right: 5px; top: 6px; }



/* SIDEBAR CONNENT TO
---------------------------------------------------------- */
div.social { display: block; float: left; padding: 0px 26px 0px 5px; }
div.social div.icon { display: block; float: left; float: left; margin: 5px 10px 0 0; }
div.social div.details { display: block; float: left; width: 70px; }
div.social div.details div.counter { display: block; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 21px; color: #444444; width: 70px; }
div.social div.details div.description { display: block; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; color: #888888; margin-top: 5px; width: 70px; }




/* SIDEBAR SEARCH
---------------------------------------------------------- */
#sidebar-searchform input.search { margin: 0; width: 228px; height: 20px; line-height: 20px; font-family: Arial,Helvetica,sans-serif; padding: 10px; border:1px solid #d6d6d6; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px;  -moz-box-shadow: 0 0 2px #cacaca; -webkit-box-shadow: 0 0 2px #cacaca; box-shadow: 0 0 2px #cacaca; border: 1px solid #e2e2e2; background-color: #ffffff; }
#sidebar-searchform input.submit { margin: 0; width: 24px; height: 40px; margin-left: 5px; background: url(images/magnifying_glass_24x24.png) 0px 6px no-repeat; line-height: 30px; color: #999999; font-family: Arial,Helvetica,sans-serif; border: none; outline: none; }
#sidebar-searchform input.lighttext { color: #999999; }
#sidebar-searchform input.darktext { color: #5f5f5f; } 




/*  MAIN SEARCH PAGE SERCH
---------------------------------------------------------- */
article.single input.search { margin: 0; width: 228px; height: 20px; line-height: 20px; font-family: Arial,Helvetica,sans-serif; padding: 10px; border:1px solid #d6d6d6; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px;  -moz-box-shadow: 0 0 2px #cacaca; -webkit-box-shadow: 0 0 2px #cacaca; box-shadow: 0 0 2px #cacaca; border: 1px solid #e2e2e2; background-color: #ffffff; }
article.single input.submit { margin: 0; width: 24px; height: 40px; margin-left: 5px; background: url(images/magnifying_glass_24x24.png) 0px 6px no-repeat; line-height: 30px; color: #999999; font-family: Arial,Helvetica,sans-serif; border: none; outline: none; }
article.single input.lighttext { color: #999999; }
article.single input.darktext { color: #5f5f5f; } 


/* ALL ARCHIVES BY YEAR TABS
-------------------------------------------------------------- */
ul#awardyears { display: block; margin: 0; }
ul#awardyears li { display: block; float: left; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #e2e2e2; cursor: pointer; border-bottom: none; }
ul#awardyears li.active { color: #000000; cursor: default; }
.visible { display: block; }
.hidden { display: none; }

.next, .prev { display: block; width: 32px; height: 30px; line-height: 30px; cursor: pointer; }

div#all-archives-nav { display: block; height: 30px; width: 554px; float: left; position: relative; border-bottom: 1px solid #e2e2e2; }
div#all-archives-nav a.next, div#all-archives-nav a.prev { display: block; width: 17px; height: 30px; overflow: hidden; line-height: 30px; }
div#all-archives-nav a.next img, div#all-archives-nav a.prev img { vertical-align: middle; }
div#all-archives-nav a.prev { position: absolute; top: 0; left: 0; z-index: 1000; }
div#all-archives-nav a.next { position: absolute; top: 0; right: 0; z-index: 1000; }
div#all-archives-tabs { display: block; height: 30px; width: 524px; margin: 0 17px; float: left; overflow: hidden; position: relative; margin-top: 1px; z-index: 100; }

div#archives-panes { width:20000em;	clear:both;}/* root element for scrollable items. It is absolutely positioned with large width. */
div#archives-panes div.archive-pane { float:left; width:554px; padding: 10px 0px; }/* single item */
div.panes div.pane .even { background-color: #f7f7f7; }
div.panes div.pane .odd { background-color: #f2f2f2; }

ul#all-archives-years { list-style:none; margin:0; padding:0; height:30px; }/* root element for tabs  */
ul#all-archives-years li { display: block; float: left; padding: 0 10px; height: 28px; line-height: 28px; text-align: center; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px; border: 1px solid #e2e2e2;  cursor: pointer; background-color: #f2f2f2; color: #999999; }/* link inside the tab. uses a background image */

ul#all-archives-years li.active { color: #222222; cursor: default; background-color: #ffffff; }
ul#all-archives-years li:hover { color: #222222; cursor: default; background-color: #ffffff; }/* when mouse enters the tab move the background image */
ul#all-archives-years li.current, ul#all-archives-years li.current:hover, ul#all-archives-years li.current li { cursor:default; color:#222222; background-color: #ffffff; border-bottom: 1px solid #ffffff; }/* active tab uses a class name "current". it's highlight is also done by moving the background image. */

.scrollable .items { width:20000em; position:absolute; }




/* PAGINATION
---------------------------------------------------------- */
div#pagination { display: block; width: 554px; height: 20px; }
div#pagination div.previous { display: block; float: left; height: 20px; line-height: 20px; padding: 0 5px; }
div#pagination div.next { display: block; float: right; height: 20px; line-height: 20px; padding: 0 5px; }

div.wp-pagination { display: block; margin-top: 20px; width: 554px; height: 40px; text-align: center; }
div.wp-pagination ol.wp-paginate { display: block; margin: 10px 0px !important; padding: 0px !important; width: 554px; height: 20px; text-align: center; }
div.wp-pagination ol.wp-paginate li { display: inline-block; height: 24px; list-style: none outside none; margin: 0 2px; width: 34px; }
div.wp-pagination ol.wp-paginate li span.current { display: block; height: 20px; line-height: 20px; width: 30px; padding: 2px 0; border: 1px solid #0099cc;  color: #0099cc; }
div.wp-pagination ol.wp-paginate li a.page, div.wp-pagination ol.wp-paginate li a.prev, div.wp-pagination ol.wp-paginate li a.next { display: block; height: 20px; line-height: 20px; width: 30px; padding: 2px 0px; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px; border: 1px solid #999999;  cursor: pointer; color: #999999; }
div.wp-pagination ol.wp-paginate li a.page:hover { border: 1px solid #0099cc;  cursor: pointer; color: #0099cc; text-decoration: none; }


/* HOME PAGE SLIDER
---------------------------------------------------------- */
#slider{  position:relative; margin: 20px 0px;  background:#ffffff; display: block; float: left; padding: 0px; height: 381px; width: 552px; border-top-right-radius: 3px; -moz-top-right-border-radius: 3px; -webkit-top-right-border-radius: 3px; -o-top-right-border-radius: 3px; border-top-left-radius: 3px; -moz-top-left-border-radius: 3px; -webkit-top-left-border-radius: 3px; -o-top-left-border-radius: 3px; border: 1px solid #cccccc;  cursor: pointer; }  
	
#slider ul.ui-tabs-nav{  position:absolute;  bottom: 0px; left: 0px;  list-style:none;  padding:0px 5px; margin:0;  width:542px; height: 74px; border-top: 1px solid #e2e2e2; overflow: hidden; }  
#slider ul.ui-tabs-nav li.ui-tabs-nav-item { display: block; float: left; margin: 10px 5px; width: 67px; height: 54px; padding: 0px; }
#slider ul.ui-tabs-nav li.ui-tabs-nav-item a{ display: block; width: 65px; height: 52px; padding: 0px; outline:none; background-color: #FFFFFF; border: 1px solid #555555;  }
#slider ul.ui-tabs-nav li.ui-tabs-nav-item a img { background:#ffffff; padding:2px;  width: 61px; height: 48px;  }  

#slider ul.ui-tabs-nav li.ui-tabs-nav-item a:hover, #slider ul.ui-tabs-nav li.ui-tabs-selected a{ opacity:1 !important; filter:alpha(opacity=100) !important; }  
#slider ul.ui-tabs-nav li.ui-tabs-nav-item a { opacity:0.3; filter:alpha(opacity=30); }  

#slider .ui-tabs-panel{ width: 552px; height: 306px;  position: absolute; top: 0px; left: 0px; overflow:hidden;  }
#slider .ui-tabs-hide{  display:none;  }  
	
#slider .ui-tabs-panel .info{  position:absolute; bottom: 0px; left: 0px;  width: 512px; padding: 20px;  background: url('images/listing-transparent.png');  } 
#slider .info h2{ font-size: 16px; font-weight: bold; color:#ffffff; padding:5px; margin:0;  overflow:hidden;  }  
#slider .ui-tabs-panel a:hover h2{ text-decoration: underline; }  
	

/* MISC
---------------------------------------------------------- */
span.posted-in { background: url(images/document_stroke_12x12.png) 0px 0px no-repeat; padding-left: 15px; }
span.comments-number { background: url(images/chat_alt_stroke_12x12.png) 0px 0px no-repeat; padding-left: 15px; }
span.posted-date { background: url(images/calendar_alt_fill_12x12.png) 0px 0px no-repeat; padding-left: 15px; }
span.author-name { background: url(images/user_9x12.png) 0px 0px no-repeat; padding-left: 15px; }
span.light { color: #8f9194; }
span.light a { color: #8f9194; }
span.posted-in a:hover, span.comments-number a:hover, span.posted-date a:hover, span.author-name a:hover { color: #222222; text-decoration: underline; }
.warning { background: url("/_common/img/misc/hint.jpg") no-repeat scroll 5px 5px #FFF9D0; color: #222222; display: block; margin: 20px 0; padding: 10px 20px 10px 40px; }
div.confirm { display: block;  width: 554px; height: 30px; text-align: center; }
div.confirm a.action { display: inline-block; width: 120px; height: 18px; border: solid 1px #777777; padding: 5px; line-height: 18px; color: #777777; text-align: center; text-decoration: none; }
div.confirm a.action:hover { color: #222222; border-color: #333333; text-decoration: underline; }