/*
CSS for TheStarkingtonPost.com
*/

/*
Position on screen
Divs: header, sitebranding, tagline, navigation, navigationbottom, bodycontent, first column, second column, third column
*/

/* v1.0 | 20080212 */

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
    margin: 0;
    padding: 0;
    font-family: Optima, "Trebuchet MS", Helvetica, sans-serif;
}
.content { width: 60em; }
.loggedin 
{ 
	float: right; 
	padding: 10px; 
	background-color: #fff; 
	font-size: 10pt;
	line-height: 1;
	height: 22px;
	margin-top: 2px;
	width: 250px;
	text-align: right;
}
.search { float: left; padding: 10px;}
.rss { float: left; padding-top: 8px; font-size: 10pt; }
.rss a { text-decoration: none; padding-right: 4px; color: blue; }
.rss a:hover { background-color: black; color: white; }
.rss a img { border: 0; }
#bodycontent { border-top: 1px solid #999; }
.three-columns td { padding: 8px; }
.three-columns td a img { border: 0; }
.three-columns td img { margin: 3px; }
.upper { border: 1px solid black; margin: 3px; }

.autocardad { float: right; text-align: center; width: 160px; height: 200px; font-weight: bold; vertical-align: middle; margin: auto; }

.navigation a {
    text-decoration: none;
    color: black;
}

.navigation a:hover {
    font-weight: bold;
}

h1 a { color: white; text-decoration: none; }
h1 a:hover { color: white; text-decoration: underline; }

h2 a:visited {
    color:gray;
}

h2 a:hover {
    color:#D60000;
}
#header {
    height: 6.25em;
    width: 60em;
    padding-top: 0.6em;
    padding-bottom: 0;
    margin-bottom: 1.5em;
}
#header a img { border: 0; }

#sitebranding, #tagline {
    margin: 0 auto;
	text-align: center;

}


#navigation, #navigationbottom {
    height: 2.5em;
    /*width: 60em;*/
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    background-color: #66f;
    padding-bottom: .3em;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #fff;

}

#navigation ul, #navigationbottom ul {
    margin-left: 0;
    padding: 0;
    display: inline;
   
}

#navigation ul li, #navigationbottom ul li {
    margin-left: 0;
    padding: 4px 15px;
    border-right: 1px solid #000;
    list-style: none;
    display: inline;
}

#navigation ul li.last, #navigationbottom ul li.last {
    margin-left: 0;
    border-right: none;
    list-style: none;
    display: inline;
}

.adspace {
    height: 5em;
    width: 60em;
    text-align: center;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
}

#bodycontent {
    width: 60em;
	clear: both;
}

#firstcolumn, #secondcolumn, #thirdcolumn {
    width: 18em;
    float: left;
    border: 1px solid black;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}

.spacer {
    clear: both;
}

.article-content {
	margin: 10px;
}
.small { color: #999; font-size: 0.8em; }
.loggedin .small { display: block; float: right; }
a.delete { color: red; }
#firstcolumn img, #secondcolumn img, #thirdcolumn img, 
.authors img { margin: 5px; }

.article-content li { margin-left: 35px; }
table, tbody { margin:0; padding:0; }
.archiverow { margin:0; padding:0; width:100%; }
.archiverow td { margin:0; padding:5px; }
.archiverow.even { background-color: #ccc; }
.archiverow.odd { background-color: #999; }

.editlabel { width: 120px; }
.editvalue { }

.autofield { width: 200px; }

.auto { position: absolute; z-index: 1000; background-color: #ccc; width: 205px; }
.auto ul { list-style: none; margin: 0; padding: 0; }
.auto ul li { list-style: none; margin: 0; padding: 2px; }
.auto ul li a { display: block; color: #000; text-decoration: none; padding-left: 4px; }
.auto ul li a:hover { background-color: #999; color: #000; }

.subdued { display: block; padding: 4px; border: 1px solid #999; }
.subdued a { color: #000; text-decoration: none; font-weight: normal; }
.subdued a:hover { color: #fff; background-color: #00f; }

.adbox { float: right; display: block; margin: 5px; }
.bottom-links { margin: 0 auto; width: 630px; text-align: center; }

.textad {
	margin: 0 auto;
	width: 200px;
	text-align: center;
	border: 1px solid black;
	padding: 3px;
}

/*
#header, #sitebranding, #tagline, .adspace, #navigation, #navigationbottom, #bodycontent, #firstcolumn, #secondcolumn, #thirdcolumn {
    border: 1px solid red;
    padding: 2px;
    margin-bottom: 2px;
}
*/