body, html
{
	margin: 0px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	background-image: url(../pic/bodyBackground.png);
	height: 100%;
	background-color: #d64960;
}

/************* ADMIN ******************/
#adminContainer
{
	margin: 30px;
	width: 1010px;

}

#adminContainer table
{

}

#adminContainer #menu
{
	background-color: #ECECEC;
	padding: 20px;
}
#adminContainer textarea, input
{
	font-size: 11px;
}

#adminContainer #box1
{
	float: left;
	background-color: #DCDCDC;
	padding: 15px;
	font-size: 12px;
	width: 700px;
}

#adminContainer #box2
{
	float: left;
	background-color: #CCCCCC;
	padding: 15px;
	width: 250px;
	font-size: 12px;
}

#adminContainer #menu a
{
	color: #000000;
	margin-right: 20px;
	text-decoration: none;
	font-size: 13px;
}

#adminContainer #menu a.selected
{
	text-decoration: underline;
	font-size: 15px;
}
/**************************************/

* html #container
{
	height: 100%;
	padding-bottom:50px;
}

img
{
	border: 0px solid #000000;
}

#container
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-image: url(../pic/background.png);
	padding-left: 96px;
	padding-right: 96px;
	background-position: top left;
	background-color: #FFFFFF;
	position: relative;
	min-height: 100%;
}

#contentContainer
{
	background-image: url(../pic/contentContainerBackground.png);
	width: 800px;
}

#message
{
	padding: 20px;
	font-weight: bold;
}

#topMenu
{
	background-image: url(../pic/topMenu.png);
	background-repeat: no-repeat;
	font-size: 12px;
	height:36px;
	font-weight: bold;
	background-color: #AAAAAA;
}

#topMenu a
{

	background-image: url(../pic/topMenuDivider.png);

	background-repeat: no-repeat;
	height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 6px;
	display: block;
	float: left;
	color: #FFFFFF;
	margin: 0px;
	text-decoration: none;
}


#topMenu a:hover,#topMenu a.noDivider:hover,#topMenu a:active,#topMenu a.noDivider:active
{
	background-image: url(../pic/topMenuSelectedItemBackground.png);

	background-repeat: repeat-x;
}

#topMenu a.noDivider
{
	background-image: none;
}



#topMenu #links
{
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	width: 500px;
	height: 26px;
}


#topMenu input
{
	border: 0px solid #000000;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../pic/topMenu.png);
	background-position: 0px -11px;

}


#topMenu #searchBox
{
	background-position: 0px 0px;
	color: #000000;
	background-image: url(../pic/topMenuSearchBox.png);
	border: 0px solid #000000;
	width: 123px;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 4px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	font-weight: normal;
}

#topMenu #searchForm
{
	display: block;
	padding: 0px;
	float: right;
	margin-top: 7px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 178px;
}

#logo
{
	height: 209px;
	background-image: url(../pic/logo.png);
	background-color: #FFFFFF;
}

#leftColumn
{
	float: left;
	width: 129px;
	padding-right: 1px;
}

#leftColumn h2
{
	background-image: url(../pic/leftMenuH2.png);
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 6px;
}

#leftColumn .spacer
{
	height: 8px;
}

#leftColumn a
{
	color: #7f5c00;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

#leftColumn #categoryList .item, #leftColumn #popularList .item
{
	border-top: 1px solid #dfdcd3;
	border-bottom: 1px solid #dfdcd3;
	background-image: url(../pic/catItem.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
	padding-left: 18px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#leftColumn #rssLink
{
	margin-top: 20px;
	font-size: 9px;
	margin-bottom: 100px;
}

#leftColumn #rssLink a
{
	font-size: 9px;
	font-weight: normal;

}

#leftColumn #rssLink img
{
	margin-left: 10px;
	margin-top: 10px;
}

#leftColumn #rssLink a.dash
{
	border-bottom: 1px dashed #7f5c00;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}

#leftColumn #rssLink a.dashSmall
{
	border-bottom: 1px dashed #7f5c00;
	display: block;
	margin-left: 10px;
	margin-right: 3px;
	text-align: left;
}

#leftColumn #rssLink a.dashSmall img
{
	margin-left: 0px;
}

#leftColumn #webbTips
{
	margin-top: 20px;
	font-size: 9px;
	margin-bottom: 0;
}

#leftColumn #webbTips p
{
	margin:10px;
	font-size:11px;
}

#leftColumn #webbTips a
{
	color:#0000ff;
	text-decoration:underline;
	font-weight:normal;
}

#rightColumn
{
	float: right;
	width: 670px;
}

#footer
{
	margin-left: auto;
	margin-right: auto;
	margin-top: -50px;
	margin-bottom: 0px;
	width: 800px;
	padding-left: 96px;
	padding-right: 96px;
	padding-bottom: 25px;
	position: absolute;
	bottom: 0px;
}

#copyright
{
	background-image: url(../pic/copyrightBarBackground.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 652px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	margin-left: 44px;
}

#copyright a
{
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 10px;
}

#copyright .left
{
	float: left;
	margin-left: 12px;
}

#copyright .right
{
	float: right;
	margin-right: 12px;
}

/***********newslist **********/

#newsList
{

}

#newsList .hr
{
	height: 1px;
	background-color: #eee9dd;
	margin-left: 17px;
	margin-right: 17px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#newsList .hr hr
{
	display: none;
}

#newsList .date
{
	color: #7f5c00;
	font-weight: bold;
}

/***********addstory **********/
#addstory form, #contact form
{
	margin-left: 20px;
	margin-right: 20px;
	background-color: #f8f8f8;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 2px;
	padding-right: 2px;
}

#addstory td, #contact td
{
	padding-top: 4px;
	padding-bottom: 4px;
}



#addstory form .text, #contact form .text
{
	width: 200px;
	border: 1px solid #a7a6aa;
}

#addstory form textarea.text
{
	width: 400px;
}

#addstory table
{
	width: 400px;
}



/****************storylist****************/

#storyList .header, #storyList #bottomPanel
{
	background-image: url(../pic/storyListHeaderBackground.png);
	background-repeat: no-repeat;
	height: 49px;
	width: 652px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding-top: 0px;
	margin-left: 9px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#storyList #bottomPanel
{
	height: 26px;
	background-image: none;
}

#storyList #bottomPanel .pageList
{
	background-image: url(/pic/storyListPageListBackground.png);
	background-repeat: no-repeat;
	height: 26px;
	padding-top: 5px;
}


#storyList .pageList
{
	color: #b20900;
}

#storyList  .pageList a
{
	text-decoration: none;
	margin-right: 5px;
	color: #b20900;
}



#storyList  .pageList a.selected
{
	color: #000000;
	text-decoration: none;
}



#storyList .pageList .left, #storyList  .pageList .right
{
	background-image: url(../pic/storyListpageListLeftArrow.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	float: left;
	margin-left: 15px;
	width: 70px;
}

#storyList .pageList .middle
{
	float: left;
	width: 455px;
	text-align: center;
}

#storyList .pageList .right
{

	background-image: url(../pic/storyListpageListRightArrow.png);
	background-position: 73px 4px;
	padding-left: 0px;
	padding-right: 15px;
	margin-right: 10px;
	margin-left: 0px;
	float: right;
	text-align: right;
}


#storyList .header .category
{
	margin-left: 12px;
	float: left;
	margin-top: 2px;
	width: 250px;
}




#storyList .header .stories
{
	margin-left: 12px;
	float: left;
	margin-top: 2px;
	text-align: center;
}

#storyList .header .sort
{
	margin-right: 16px;
	float: right;
}

#storyList .header .sort select
{
	color: #5b5b5b;
	font-weight: bold;
	padding: 0px;
	font-size: 9px;
	width: 90px;
	margin-top: -2px;
}


#storyList .header .sort option
{
	padding: 0px;
}

#storyList .infobar
{
	height: 25px;
	padding-top: 5px;
}

#storyList .item
{
	margin-left: 16px;
	margin-right: 16px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 5px;
	padding-top: 5px;
}
#storyList  .two
{
	background-color: #f5f5f5;
}


#storyList  .last
{
	border-bottom: 0px solid #d9d9d9;
}

#storyList .item .grade
{
	float: left;
}

#storyList .item .gradeLabel
{
	float: left;
	margin-right: 10px;
}

#storyList .item .grade img
{
	margin: 0px;
	padding: 0px;
	border: 0px solid #000000;
	float: left;
}

#storyList .item table
{
	width: 100%;
	font-size: 10px;
}

#storyList .item td
{
	padding-top: 3px;
	padding-bottom: 3px;
}

#storyList td.col1
{
	width: 35%;
}

#storyList td.col2
{
	width: 16%;
}

#storyList td.col3
{
	width: 18%;
}

#storyList td.col4
{
	width: 32%;
}

#storyList .item tr
{
}

#storyList .category a
{
	color: #000000;
	text-decoration: none;
	font-weight: normal;

}

#storyList .item .title
{
	background-image: url(../pic/storyListStoryIcon.png);
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-top: 2px;
	padding-bottom: 4px;
}



#storyList .item .title a
{
	color: #b20900;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
}

#storyList .item .title a:visited
{
	color: #980081;
}

#storyList .item .author a
{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

#storyList .item .author a:hover, #storyList .item .category a:hover
{
	color: #b20900;
}

/****************content****************/
#content
{
	margin-bottom: 150px;
}

#content h2
{
	font-size: 11px;
	font-weight: bold;
	background-image: url(../pic/h2Background.png);
	background-repeat: no-repeat;
	width: 638px;
	height: 26px;
	margin-left: 10px;
	margin-top: 10px;
	color: #FFFFFF;
	line-height: 25px;
	padding-left: 15px;
}

#content p
{
	line-height: 19px;
	margin-left: 25px;
	margin-right: 25px;
}

#content .text
{
	border: 1px solid #a7a6aa;
	width: 250px;
}

#content a
{
	color: #b20900;
	text-decoration: none;
	font-weight: bold;
}

#content form
{
	margin:20px;
}

#content .button
{
	background-image: url(../pic/buttonBackground.png);
	border: 0px solid #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
}
/*linkDirectory*/
#linkDirectory a
{
	text-decoration: underline;
}
#linkDirectory a:visited
{
	color: #980081;
}
#linkDirectory #categoryList, #linkDirectory #linkList, #linkDirectory hr, #links #categoryList, #links #linkList, #links hr
{
	margin-left: 25px;
	margin-right: 25px;
}

#linkDirectory  #linkList
{
	margin-bottom: 20px;
}

#linkDirectory  #linkList .item
{
	margin-left: 10px;
	margin-top: 20px;
	margin-right: 10px;
}

#linkDirectory #categoryList, #links  #categoryList
{
	margin-top: 15px;
}

#linkDirectory #categoryList p, #links  #categoryList p
{
	margin: 0px;
}

#linkDirectory #categoryList .item, #links  #categoryList .item
{

	width: 150px;
	float: left;
	height: 35px;
}

#linkDirectory #categoryList .list , #links  #categoryList .list
{
	margin-top: 30px;
	margin-left: 70px;
}

#linkDirectory #categoryList .item .link img , #links  #categoryList .item .link
{
	margin-right: 2px;
}

#links  #categoryList
{
	padding-bottom: 30px;
}

/********* story ************/
#story #report
{
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	background-color: #f8f8f8;
}

#story p
{
	color: #5b5b5b;
	font-size: 12px;
	line-height: 23px;
}

#story table
{
	margin-left: 15px;
	margin-right: 15px;
	font-size: 10px;
}

#story .col1
{
	width: 420px;
}

#story .col2
{

}

#story table .red
{
	font-size: 11px;
	color: #b20900;
}

#story table .red
{
	display: block;
	padding-bottom: 3px;
	font-size: 11px;
	color: #b20900;
	font-weight: bold;
}

#story form
{
	margin: 0px;
	padding: 0px;
}

#story select
{
	font-size: 9px;
	margin-top: 6px;
}

#story #commentForm
{
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	background-color: #f8f8f8;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 15px;
}

#story #commentForm table
{
	margin: 0px;
	width: 300px;
}

#story #commentForm .red, #story #commentList .red
{
	color: #c7473e;
	display: block;
	font-size: 13px;
	font-weight: bold;
}

#story #commentForm label
{
	display: block;
	padding-top: 5px;
}

#story #commentForm textarea
{
	display: block;
	border: 1px solid #a7a6aa;
	width: 615px;
}

#story #commentList .red
{
	margin-left: 7px;
	margin-bottom: 10px;
	min-height: 10px;
}

#story #commentForm .button
{
	margin-top: 10px;
}

#story td
{
	padding-top: 3px;
	padding-bottom: 3px;
}

#story #commentList
{
	margin-left: 10px;
	margin-right: 10px;
}

#story .comment
{
	margin-left: 7px;
}

#story .comment a
{
	color: #b20900;
	font-weight: bold;
	text-decoration: none;
}

#story .comment .col3
{
	text-align: right;
}

#story .comment table
{
	width: 600px;
	margin: 0px;
}

#story .comment td
{
	width: 33%;
}

#story .two
{
	background-color: #f8f8f8;
}

.clearBoth
{
	clear: both;
	height: 0;
	line-height:0;
	font-size:0;
}

.red
{
	display: block;
}

.submit
{
	text-align: right;
}

#posAnnonsTop
{
	margin:15px 0 15px 15px;
}

#posAnnonsBottom
{
	margin:20px 0 0 15px;
}