body, html
{
	margin: 0px;
	font-family: verdana, sans-serif;
	font-size: 11px;	
	height: 100%;
}

body{
	background: url("../pic/bodyBackground.png") repeat #d64960;
}

.green
{
	color:green;
}

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

}

#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 #boxwide
{
	float: left;
	background-color: #DCDCDC;
	padding: 15px;
	font-size: 12px;
	width: 1360px;
}

#adminContainer .box2
{
	float: left;
	background-color: #CCCCCC;
	padding: 15px;
	width: 300px;
	font-size: 12px;
}
#adminContainer #cke_storyText{
	position:relative;
	z-index:100;
}

#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%;

    border: 1px solid;
    -moz-box-shadow: 0 0 8px #3A3A3A;
    -webkit-box-shadow: 0 0 8px #3A3A3A;
    box-shadow: 0 0 8px #3A3A3A;
}

#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: 520px;
	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
{
    padding: 10px 20px;
}

#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{
	position:relative;
}
#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: 520px;
}

#addstory table
{
/*	width: 400px;*/
}

#userCp{
/*	position:absolute;*/
	top:20px;
	left:380px;
/*	width:230px;*/
    width:610px;
	padding:10px;
	border:1px solid #ccc;
}

/****************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, .info_login
{
	background-image: url(/pic/storyListPageListBackground.png);
	background-repeat: no-repeat;
	height: 26px;
	padding-top: 5px;
}
.info_login {
    margin: 0 0 10px 44px;
    padding-left: 20px;
}
.info_login a {
    color: red;
}
#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;
}

.contentWrapper{
	padding:10px 20px;
}

#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 #storyContent
{
/*	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,
#storyContent p
{
	color: #5b5b5b;
	font-size: 12px;
	line-height: 23px;
    padding-bottom: 10px;
}

#storyContent h1,
#storyContent h2,
#storyContent h3,
#storyContent h4{
/*	margin: 2em 25px 0 25px;*/
    margin: 0;
    height: auto;
    width: auto;
	color: #5b5b5b;
	
}
#storyContent h2{
	background:none;
	padding:0;
}

#storyContent h1{ font-size:1.8em }
#storyContent h2{ font-size:1.6em }
#storyContent h3{ font-size:1.4em }
#storyContent h4{ font-size:1.2em }

#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;
}

/******** sign up and login form *******/
table#register {
    width: 320px;
/*    float: left;*/
}
table#login {
    width: 300px;
/*    float: right;*/
}
table#register input.text, table#login input.text  {
    width: 150px;
}
table#register input.button, table#login input.button {
    margin: 10px 25px 0 0;
}

.msgerror {
    color: #FF1200;
    font-weight: bold;
}
.name_admin, .name_member, a.name_admin, a.name_member {
    color: blue;
}
#storyList .item .author a.name_admin, #storyList .item .author a.name_member, #content a.name_member, #content a.name_admin {
    color: blue;
}

.bold {
    font-weight: bold;
}
.underline {
    text-decoration: underline;
}

/***** TABLE *****/
table.app-table
{
	margin-bottom:20px;
}
	table.app-table tr th
	{
		padding:10px;
	}

	table.app-table tr td
	{
		padding:10px;
	}
	
	table.app-table tr.even td
	{
		background-color:#e6e6e6;
	}
	
/* Admins */
.moderator{
	color:#008000;
}

#captcha{
	margin-top:10px;
}

/* Editor markItUp*/
#storyText {
    background: #ffffff;
    padding: 5px;
}

.editstory {
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 5px 20px;
}

/* Just display in print */
.forPrint {
    display: none;
    margin: 0 25px;
}

#rules {
	line-height:150%;
	font-size:120%;
	margin-right:25px;
}

#rules i {
	font-size:83%;
}