* {font-size:100%;}
body {font: .84em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:0; background:rgb(136,74,95) url(../cityconnect/images/blogBgnd.jpg) repeat-y center top; padding:0; margin:0; }
h1 {font-size:1.5em; color:rgb(240,215,205);}
h2 {font-size:1.35em;}
h3 {font-size:1.2em; margin:10px 0 .2em;}
h2 {color:rgb(240,215,205); margin-bottom:0; margin-top:15px;}

ul {margin:10px; margin-left:3em; padding:0;}
a:link {color:rgb(120,200,240);}
a:visited {color:rgb(120,200,240);}
a:hover {color:#fcc; }
blockquote {color:rgb(220,200,145); font-style:italic; font-size:.9em; padding:10px; border:1px dotted rgb(220,200,145); border-width:0 1px;}

#topnav {background: rgb(28,61,94) url(../webapps/news/images/citylogo.gif) no-repeat; padding:13px;}
#topnav p {margin:0 0 0 40px; color:#fcc; text-transform:uppercase; font-style:italic; font-weight:bold;}

/*container that holds header, stories, and local navigation */
#container {background:rgb(117,38,65) url(../cityconnect/images/blogTxtBgnd.gif) repeat-y; margin:auto; width:822px; padding:10px 25px 25px;  position:relative;}
#header {text-align:center; margin-bottom:10px;}

/* this column holds the actual blog postings and related data, from a database */
#stories{float:left; display:inline; width:484px; padding:0 0 14px; margin-left:18px; background:rgb(45,75,105) url(../webapps/news/images/storiesCaps2.gif) bottom left no-repeat; color:#ffd; }
#stories p {margin:0 0 12px; padding:0 15px 3px; line-height:1.3em; background:rgb(45,75,105); /*border:1px solid rgb(45,65,105);*/ }
#stories .comments {margin-top:1.5em; background-color:#fff; /*border:1px dotted rgb(20,20,20);*/ color:#333; text-align:center;}
.comments p, .comments img, .comments a {margin:0; padding:0;}
.comments a:link {color:rgb(28,61,94);}
.comments a:hover {color:rgb(60,140,220);}
.dateline {color:rgb(220,200,145); margin:0 15px 12px 16px; font-size:85%;  font-style:italic;}
/*div.postdate { float:left; padding:0px; background-color:#FFFFFF; margin-right:0; margin-left:-36px; margin-top:10px; text-align:center;}*/
#stories p.postdate{float:right; display:block; width:1.5em; color:rgb(240,215,205); font-weight:bold; margin:10px 3px .5em 1em; font-family:Georgia, "Times New Roman", Times, serif; border:4px solid rgb(40,120,180); border-width:0 0 0 4px; padding:0 15px 4px 5px;}
#stories p.postdate strong {display:block; font-size:170%; line-height:1em;}
#stories .year {display:block; font-size:75%; line-height:1em; letter-spacing:1px; color:rgb(220,200,145);}
.mostRecent {margin:0; padding:7px 10px 3px 15px; background:rgb(45,75,105) url(../cityconnect/images/storiesCaps2.gif) top left no-repeat;}
#stories h2 {padding:7px 10px 3px 15px;}
#stories h3, #stories h4 {padding:3px 10px 3px 15px; margin-bottom:0; color:rgb(220,200,145);}
.blogAuthor {text-align:right; margin:0 0 12px; font-size:.9em; color:rgb(220,200,145);}
#stories .question {margin-left:10px; margin-bottom:3px; padding:5px 10px 8px 25px; background:url(../cityconnect/images/question.gif) top left no-repeat;}
#stories ul {background:rgb(45,75,105);}
/***  For tinyMCE only ***/
.question {}

#thumbnails {margin:0 6%; text-align: center;}
.thumb {/*display:inline;*/ /* background:rgb(195,195,195);*/}
img.thumb { margin:5px; padding:1px; border:solid 1px #222; background-color:rgb(225,225,225);}
#thumbnails td {border:none;}
#galleryInd {text-align:center;}
.indices {display:block; margin-top:15px; position:relative;}
.indices img {border:none;}
.next {position:absolute; margin:-7px 0 0 5px;}
.prev {position:absolute; margin:-7px 0 0 -35px;}


/* right hand navigation panel - dynamically built from database */
#nav {float:right; display:inline; margin-right:17px; /*margin-top:0;*/ width:280px; background:rgb(214,204,190) url(../webapps/news/images/navCaps.gif) bottom left no-repeat; padding:0 0 10px;}
#nav h3 {margin:0; padding:5px 10px 3px 10px; color:rgb(117,38,65);}
#nav h3.topCap {background:rgb(214,204,190) url(../cityconnect/images/navCaps.gif) top left no-repeat;}
#nav h5 {margin:0 0 3px 20px; font-size:.9em}
#nav ul {margin:0; padding:0; list-style-type:none; background:rgb(214,204,190);}
#nav li { width:210px; margin-left:10px; margin-bottom:10px; padding-left:24px; }
#nav a {color:rgb(28,61,94); display:block; }
#nav a:hover {color:rgb(60,140,220);}
#extras {margin:10px 0; padding:0 8px; background:rgb(214,204,190);}
#extras a {display:inline;}
#extras img {margin:0 3px;}
#category li {margin-bottom:2px;}
.separator {border-bottom:4px solid rgb(190,175,155); padding-bottom:10px;}

/*various list styles on page based on type of link*/
ul.postings li {background:url(../cityconnect/images/postbullet2.gif) no-repeat 3px;}
ul.talkbullet li {background:url(../cityconnect/images/talkbullet.gif) no-repeat left;}
ul.email li {background:url(../cityconnect/images/mailbullet.gif) no-repeat left;}
ul.video li {background:url(../cityconnect/images/videobullet.gif) no-repeat left; margin-left:10px; margin-bottom:10px; padding-left:22px;}
ul.video li.audio {background:url(../cityconnect/images/audiobullet.gif) no-repeat left; margin-left:10px; margin-bottom:10px; padding-left:22px;}
ul.video {list-style-type:none; }
ul.longItems li {margin-bottom:5px;}
#nav .archive {margin-left:34px; margin-bottom:10px;}
#nav ul.archive li{display:inline; padding:0; margin:0;}
#nav ul.archive li a{display:inline; }

#printOnly {display:none;}
#footer {color:rgb(145,85,105); font-size:90%; text-align:right; clear:both; padding-top:15px; margin-right:30px;}

/* table styles */
table {border-collapse:collapse;
	margin:10px auto 20px; font-size:.85em; caption-side:top; margin-top:0;}

td,  th {
	padding: 5px;
	vertical-align:top;
	/*border: 1px solid #003366;*/
}
td {border-bottom:1px solid rgb(65,95,125);}
th {background-color:rgb(220,200,145); color:rgb(45,75,105); padding:3px;}
caption { margin-top:10px; width:100%;
text-align:center; margin-bottom:3px; font-style:italic; font-variant:small-caps; color:rgb(240,215,205); font-size:1.2em;}

/*unused so far */
.post .by {font-style:italic; float:right; margin-right:20px;}
.answer p, .answer ul {margin-left:21px; margin-right:30px;}