body { color:#555; padding:0; margin:0; line-height:1.5em; font-family:"Century Gothic", Verdana, arial, helvetica, sans-serif; }
#body { margin:0 auto 32px auto; width:900px; padding:0; }

#header { color:white; background-color: #5a5a8d; border: 1px solid #000000; background-image: url(http://directwebremoting.org/images/head-back.png); background-repeat: no-repeat; background-position: right; padding: 1.0em 15px 0.20em 15px; }
#blogName { font-size:20px; font-weight:bold; }
#blogDescription { font-size:14px; }

#linearNavigation { background:#7272a2; padding:5px; color:white; border:1px solid #000000; border-top:0; font-size:8pt; height:20px; }
#linearNavigation a { color:white; text-decoration:none; }
#linearNavigation a:hover { text-decoration:underline; background: #7272a2; }
.navlinks { float: right; padding: 0; }
#search-form { display: inline; padding: 0; margin: 0; }
#search .form-text { border: 1px solid #369; font-size: 1.2em; width: 6em; height: 1.2em; padding: 0; margin : 0; }
#search .form-submit { border: 1px solid #369; font-size: 1em; height: 1.5em; padding: 0; margin: 0; }
#search-form { display: inline; padding: 0; margin: 0; }
#search .form-text { border: 1px solid #369; font-size: 1.2em; width: 6em; height: 1.2em; padding: 0; margin : 0; }
#search .form-submit { border: 1px solid #369; font-size: 1em; height: 1.5em; padding: 0; margin: 0; }

#content { background:white; padding:8px 8px 8px 0; margin-left:220px; }
#sidebar { text-align:center; background:white; float:left; width:200px; padding:0 0 32px 8px; margin-top:8px; font-size:11px; }
#footer { clear:both; text-align:center; font-size:11px; padding:8px; color:gray; }
#footer a { color:gray; }
.sidebarItem { background:white; margin-bottom:16px; }
.sidebarItemTitle { text-align:left; font-size:12px; font-weight:normal; padding-left:8px; padding-top:2px; padding-bottom:2px; height:20px; }
.sidebarItemTitle span a { color:white; }
.sidebarItemBody { padding:0 8px; }
.sidebarItem ul { margin:0px; padding-left:8px; padding-right:8px; }
.sidebarItem li { padding-top:4px; padding-bottom:4px; padding-left:8px; padding-right:8px; list-style-type:none; }

a:link { text-decoration:underline; color:black; }
a:visited { color:#404040; }

h1, h2, h3, h4, h5, h6 { margin-bottom:0pt; margin-top:20px; padding-bottom:0pt; }
h1 a:link, h1 a:visited { text-decoration:none; }
h1 a:hover { text-decoration:underline; }
h1 { font-size:1.3em; }
h2 { font-size:1.1em; }
h3, h4, h5, h6 { font-size:1em; }

blockquote { background:white url('images/blockquote.png') no-repeat top left; padding:8px 8px 16px 8px; color:gray; margin-left:24px; margin-right:24px; }

thead { text-align:left; background:#6e7d8e; color:white; }
th, th a:link, th a:visited { font-weight:normal; color:white; }

.contentItem { padding:8px; margin-bottom:8px; background:white; }
.contentItemBody { line-height:1.5; padding:8px 0px; text-align:left; }
.contentItemLinks { float:right; text-align:right; font-size:11px; color:gray; }
.contentItemLinks form { padding:0px; margin:0px; }
.contentItemLinks a { color:gray; }
.even { background:#F4F4F4; }
.odd { background:white; }
.small { font-size:11px; }
.response { padding:8px 30px; margin-bottom:4px; }
.response h1 { font-size:12px; font-weight:normal; background:transparent; padding-left:0px; }
.responseBody { line-height:1.5; padding-top:8px; padding-bottom:8px; text-align:left; }
.metadata, .metadata a { font-size:11px; color:gray; line-height:1.5em; }
.approved { }
.pending { background:transparent url('images/pending.gif') no-repeat top left; border:solid orange 1px; }
.rejected { background:transparent url('images/rejected.gif') no-repeat top left; border:solid red 1px; }
.published { }
.unpublished { background:white url('images/draft.gif') no-repeat top left; }
.tags, .categories { border:solid #F0F0F0 1px; margin:16px; padding:4px; background:#F8F8F8; font-weight:normal; font-size:11px; }
.tags a, .categories a { color :gray; font-weight:normal; }

.tagCloud { line-height:1.0em; text-align:justify; }
.sidebarTagCloud { line-height:0.9em; text-align:justify; }

.tagCloud1 { font-size:1.1em; }
.tagCloud2 { font-size:1.1em; font-weight:bold; }
.tagCloud3 { font-size:1.2em; font-weight:bold; }
.tagCloud4 { font-size:1.3em; font-weight:bold; }
.tagCloud5 { font-size:1.4em; font-weight:bold; }
.tagCloud6 { font-size:1.5em; font-weight:bold; }
.tagCloud7 { font-size:1.6em; font-weight:bold; }
.tagCloud8 { font-size:1.8em; font-weight:bold; }
.tagCloud9 { font-size:1.9em; font-weight:bold; }
.tagCloud10 { font-size:2.0em; font-weight:bold; }

.tagCloud1 a { color:#888888; }
.tagCloud2 a { color:#998880; }
.tagCloud3 a { color:#aa8870; }
.tagCloud4 a { color:#bb8960; }
.tagCloud5 a { color:#cc8950; }
.tagCloud6 a { color:#dd8940; }
.tagCloud7 a { color:#ee8a30; }
.tagCloud8 a { color:#ee8a20; }
.tagCloud9 a { color:#ee8a10; }
.tagCloud10 a {color:#ff8a00; }

.tagCloud ul, .sidebarTagCloud ul { padding:8px; margin:0px; }
.tagCloud li, .sidebarTagCloud li { display:inline; margin:0px; padding:0px; white-space:nowrap; }
.tagCloud a, .sidebarTagCloud a { text-decoration:none; }
.tagCloud a:hover, .sidebarTagCloud a:hover { color:white; background:#6e7d8e; }

.calendar { padding-left:8px; padding-right:8px; }
.calendarDayHeader { font-weight:bold; text-align:right; }
.calendarDay { text-align:right; padding:2px; }
.calendarDayWithEntries { background:#C0C0C0; text-align:right; padding:2px; }
.calendarDayWithEntries a { font-weight:bold; color:white; text-decoration:none; }
.calendarDayWithEntries:hover { color:white; background:#6e7d8e; }
.calendarToday { background :#6e7d8e; color:white; text-align:right; padding:2px; font-weight:bold; }
.calendarToday a { font-weight:bold; color:white; text-decoration:none; }
.photo { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border:solid black 1px; text-align:center; }
.codeSample { font-family:Courier, sans-serif; font-size:11px; border:solid #F0F0F0 1px; text-align:left; background:#F8F8F8; margin-left:8px; margin-right:8px; padding:8px; overflow:auto; }
#feeds { position:absolute; top:8px; right:8px; color:white; }
#feeds a { color:white; text-decoration:none; }
#feeds a:hover { text-decoration:underline; }

.authenticated { background:transparent url( 'images/authenticated.gif' ) no-repeat center left; padding-left:10px; }
.unauthenticated { }