/* CSS Document */
body,h1,h2,h3,h4,h5,h6,h7,h8,p,li,ul,em,ol,div,span,a,table,tr,th,td{
	font-family: Verdana;
	margin:0;
	padding:0;
}
body{
	padding: 20px 0 0 0;
}
h1{
	font-size: 16px;
	margin: 15px 0 0 0;
}
h1 a{
	font-size: 15px;
	text-decoration: none;
}
h2{
	font-size: 14px;
	margin: 5px 0 0 0;
}
h3{
	font-size: 14px;
}
h4{
}
p,ul,li,span,td,th,table,tr,ol,textarea,input{
	font-size: 11px;
}
p{
	line-height: 160%;
}
a{
	color: #007E21;
}
a img{
	border: 0;
}
#wrap{
	margin: 0px auto;
	width: 980px;
}
#top-wrap{
	background: url(gfx/paper-top.jpg) 710px top no-repeat;
}
#top-logo{
	margin: 0 0 0 30px;
	height: 50px;
	width: 300px;
	background: url(gfx/logo.gif) no-repeat top left;
}
#content-wrap{
	border-bottom: 2px solid #007E21;
	border-top: 4px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 30px 0 30px 0;
}
#content{
	clear: both;
	padding: 0 20px 0 20px;
}
#content ul,#content ol{
	padding: 5px 0 5px 20px;
}
#content li{
	margin: 3px 0 3px 0;
}
#footer{
	background: url(gfx/footer-bg.jpg) repeat-x top left;
	height: 50px;
}

/**************************
*	Topnav
**************************/

#topnav{
	height: 23px;
}
#topnav ul{
	margin: 0 0 0 30px;
	
}
#topnav li{
	display: inline;
	float: left;
	margin: 0 3px 0 3px;
}
#topnav li a{
	background: url(gfx/menubg-right.jpg) top right no-repeat;
	display: block;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
#topnav li.mainnavcta a,#topnav li.mainnavcta a:hover{
	background: url(gfx/menubg-cta-right.jpg) top right no-repeat;
}
#topnav li a span{
	background: url(gfx/menubg-left.jpg) top left no-repeat;
	display: block;
	padding: 5px 20px 3px 20px;
	font-size: 12px;
}
#topnav li.mainnavcta a span,#topnav li.mainnavcta a:hover span{
	background: url(gfx/menubg-cta-left.jpg) top left no-repeat;
	padding: 5px 20px 3px 30px;
}
#topnav li a:hover{
	background: url(gfx/menubg-right.jpg) right -30px no-repeat;
}
#topnav li a:hover span{
	background: url(gfx/menubg-left.jpg) left -30px no-repeat;
}

/**************************
*	3 COLUMN TEMPLATE
**************************/

#left-wrap{
	width: 150px;
	float: left;
	margin: 20px 15px 0 0px;
}
#main-wrap{
	width: 560px;
	float: left;
	margin: 0 15px 0 0;
}
#right-wrap{
	width:190px;
	float: left;
	padding: 20px 0 0 0;
}

/**************************
*	Article categories
**************************/

#categories a{
	color: #000;
	text-decoration: none;
}
#categories a:hover{
	text-decoration: underline;
}
#categories ul{
	margin: 0;
	padding: 0;
}
#categories li{
	margin: 0 0 2px 0;
	padding: 0;
	list-style: none;
	background: url(gfx/neutral.gif) no-repeat 0px 2px;
}
#categories li span{
	display: inline-block;
	height: 12px;
	width: 12px;
}
#categories li.cat-lvl1{
	background: url(gfx/plus.gif) no-repeat 0px 2px;
}
#categories li.hide-cat {
	background: url(gfx/minus.gif) no-repeat 0px 2px;
}
#categories li.show-cat ul{
	display: block;
}
#categories li.cat-lvl1 span{
	cursor: pointer;
}
#categories li a {
	margin: 0 0 0 6px;
	font-size:12px;
	font-weight: bold;
}
#categories li li{
	background: url(gfx/bullet.gif) no-repeat 3px 5px;
}
#categories li li a {
	font-weight: normal;
	font-size: 11px;
	margin: 0 0 0 20px;
}

/**************************
*	autocomplete for tags
**************************/

.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/**************************
*	List of latest articles
**************************/

#latest-articles-wrap h2{
	font-size: 15px;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 3px 0;
}
#latest-articles-wrap h1 a{
	font-size: 13px;
	margin: 8px 0 8px 0;
}
#latest-articles-wrap h1 a{
	color: #007E21;
	text-decoration: none;
}
.latest-articles-article-comment{
	text-align: right;
	margin: 5px 0 0 0;
}
.latest-articles-morelink{
	background: url(gfx/plus.gif) no-repeat left center;
	padding: 0 0 0 20px;
	text-decoration: none;
	font-weight: bold;
	cursor:pointer;
}
#articles-rss{
	float: right;
}
/**************************
*	Tips for the writers
**************************/

.writer-tips{
	background: url(gfx/questions-bg.gif) no-repeat right bottom;
	border-bottom: 1px solid black;
	padding: 0 0 10px 0;
}
.writer-tips h3{
	font-size: 12px;
}
#content .writer-tips ul{
	margin:0;
	padding:0;
}
.writer-tips li{
	margin:0;
	padding:5px 0 2px 0;
	list-style:none;
}
.writer-tips li a{
	background: url(gfx/link.gif) no-repeat left center;
	margin:0;
	padding: 0 0 0 20px;
	text-decoration: none;
	font-weight: bold;
}

/**************************
*	Small login box
**************************/

.writer-login{
	background: url(gfx/logon-bg.gif) no-repeat right bottom;
	border-bottom: 1px solid black;
	padding: 20px 0 10px 0;
}
.writer-login h3{
	font-size: 12px;
	padding: 0 0 10px 0;
}
.writer-login input{
	width: 85px;
	border: 1px solid #008033;
}
#content .writer-login ul{
	margin:35px 0 0 0;
	padding:0;
}
.writer-login li{
	margin:0;
	padding:0px 0 0px 0;
	list-style:none;
}
.writer-login li a{
	background: url(gfx/link.gif) no-repeat left center;
	padding: 0 0 0 20px;
	text-decoration: none;
	font-weight: bold;
}
.writer-login .writer-login-submit{
	float: right;
	text-align: right;
	clear: both;
	width:150px;
	margin: 5px 0 0 0;
}
.writer-login .writer-login-submit a{
	float: right;
	text-decoration: none;
	background: url(gfx/button-slim-green-right.jpg) no-repeat right center;
	display: block;
	color: white;
}
.writer-login .writer-login-submit a span{
	background: url(gfx/button-slim-green-left.jpg) no-repeat left center;
	padding: 4px 15px 9px 15px;
	display: block;
}
.writer-login ul{
	margin: 35px 0 0 0;
}

/**************************
*	Splash for the frontpage
**************************/

.frontsplash-wrap{
	background: url(gfx/frontsplash-bg.jpg) repeat-x left center;
	height: 128px;
	border: 1px solid #CCCCCC;
	margin: 0 0 30px 0;
}
.frontsplash-innerwrap{
	padding: 5px 15px 15px 15px;
}
.frontsplash-innerwrap h1{
	font-size: 28px;
	font-weight: normal;
	margin:0;
}
.frontsplash-innerwrap p{
	font-size: 14px;
}
.frontsplash-innerwrap .login-submit{
	text-align: right;
	clear: both;
	float: right;
	margin: 5px 0 0 0;
}
.frontsplash-innerwrap .login-submit a{
	float: right;
	text-decoration: none;
	background: url(gfx/button-big-green-right.jpg) no-repeat right center;
	display: block;
	color: white;
}
.frontsplash-innerwrap .login-submit a span{
	font-size: 14px;
	background: url(gfx/button-big-green-left.jpg) no-repeat left center;
	padding: 4px 25px 11px 25px;
	display: block;
}

/**************************
*	List of latest articles
**************************/

.top-writers{
	margin: 20px 0 30px 0;
}
.top-writers h3{
	font-size: 12px;
	margin: 0 0 10px 0;
}

/**************************
*	Create new user
**************************/

.new-user{
	width: 550px;
	padding: 50px 0 50px 0;
	margin: 0px auto;
}
.new-user h1{
	margin: 0 0 20px 0;
}
.new-user p{
	font-size: 12px;
	margin: 10px 0 3px 0;
}
.new-user .submit-user{
	text-align: right;
	clear: both;
	margin: 5px 0 0 0;
}
.new-user .submit-user a{
	float: right;
	text-decoration: none;
	background: url(gfx/button-slim-green-right.jpg) no-repeat right center;
	display: block;
	color: white;
}
.new-user .submit-user a span{
	background: url(gfx/button-slim-green-left.jpg) no-repeat left center;
	padding: 4px 15px 9px 15px;
	display: block;
}
.new-user .lastrow{
	float: right;
	width: 230px;
}
.new-user .firstrow{
	float: left;
	padding: 0 0 0 0;
	width: 230px;
}
.new-user input.textfield{
	width: 215px;
	background: url(gfx/inputbg.jpg) bottom left;
	border: 1px solid #CCCCCC;
	font-size: 13px;
	padding: 3px 0 3px 10px;
}
.new-user label.error{
	color: red;
	font-size: 12px;
	display: block;
	clear: both;
}
.new-user input.error{
	border: 1px solid red;
}


/**************************
*	Show article
**************************/

.show-article{
}
.show-article h2{
	font-size: 12px;
}
.show-article .article h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
}
.show-article .article ul{
	padding: 0 0 0 20px;
}
.show-article .article li{
	padding: 3px 0 3px 0;
}
.show-article .adsleft{
	width: 185px;
	float: left;
	margin: 30px 0 0 -10px;
}
.show-article .adsright{
	width: 180px;
	float: left;
	margin: 30px -15px 0 0;
}
.show-article .article{
	float: left;
	margin: 0 25px 0 0;
}
.show-article .article p{
	margin: 10px 0 10px 0;
	font-size: 11px;
}
.show-article .article-info p{
	text-align: right;
	font-size: 11px;
	font-style:italic;
}
.show-article .article-abstract{
	font-weight: bold;
}
.show-article .article-content{
	
}
.show-article .article-background{
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 15px 0;
	background: #F3F3F3;
}
.show-article .article-background p{
	line-height: 100%;
	margin:5px 0 5px 0;
	padding:0;
}
.show-article .article-references{
	margin: 0 0 10px 0;
}
.show-article .article-references p{
	line-height: 100%;
	margin:10px 0 0px 0;
	padding:0;
}
.article-category-articles{
	width: 290px;
	float: left;
}
.article div.article-category-articles ul{
	list-style: none;
	padding: 0 0 0 0;
}
.article-category-articles li{
	margin: 3px 0 3px 0;
}
.article-category-articles li a{
	padding: 0 0 0 20px;
	color: black;
	text-decoration: none;
	background: url(gfx/link.gif) no-repeat left center;
}
.article-category-articles li a:hover{
	text-decoration: underline;
}
.article-category-tagcloud{
	width: 260px;
	float: right;
	margin: 0 0 0 0px;
}

/**************************
*	Create article
**************************/

.submit-article{
	margin: 0 0 0 50px;
}
.submit-article th,.submit-article td{
	text-align: left;
	font-size: 12px;
	vertical-align:top;
}
.submit-article .submit-button{
	text-align: right;
	clear: both;
	width:200px;
	margin: 5px 0 0 0;
	float: right;
}
.submit-article .submit-button a{
	float: right;
	text-decoration: none;
	background: url(gfx/button-slim-green-right.jpg) no-repeat right center;
	display: block;
	color: white;
}
.submit-article .submit-button a span{
	background: url(gfx/button-slim-green-left.jpg) no-repeat left center;
	padding: 4px 15px 9px 15px;
	display: block;
}
.submit-article span.error{
	color: red;
	font-size: 14px;
}
.submit-article label.error{
	color: red;
	font-size: 12px;
	display: block;
	clear: both;
}
.submit-article input.error,.submit-article textarea.error{
	font-size: 11px;
	border: 1px solid red;
}
.submit-article span{
	font-weight: bold;
}

#tagged-articles .adsleft{
	width: 185px;
	float: left;
	margin: 30px 0 0 -10px;
}
#tagged-articles .adsright{
	width: 180px;
	float: left;
	margin: 30px -15px 0 0;
}
#tagged-articles #tagged-articles-wrap{
	float: left;
	margin: 0;
}



.a-left-wrap{
	width: 175px;
	float: left;
	margin: 50px 0 0 0px;
}
.a-main-wrap{
	width: 590px;
	float: left;
	margin: 0 10px 0 0;
}
.a-right-wrap{
	float: left;
	margin: 50px 0 0 0;
}

/**********************
*	News Feed
**********************/
#news-feed{
	color:#777;
}
#news-feed a{
	color: #777;
}

#news-feed .newsdescription{
	font-size: 11px;
	margin: 0 0 10px 0;
}
#news-feed h2{
	border-top: 1px solid #666;
	padding: 15px 0 10px 0;
}
#news-feed h4{
	font-size: 12px;
}