+---------------------------------------------------------------+
|	e107 website system
|	-------------------
|	Kandee G.
|	-------------------
|	©2008 mcpeace
|	http://www.manatwork.info
|	mcpeace.manatwork@gmail.com
|
|	Released under the terms and conditions of the Commercial License.
|
+---------------------------------------------------------------+
*/
* {
	margin: 0;
	padding: 0;	
}
body {
	margin: 0;
	padding: 0; 
	font-size: 62.5%; 
	font-family: 'lucida grande', verdana, arial, sans-serif;
	color: #000;
	text-align: center;
	background:#000000;
}
a {
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	color: #00AAFF;
	text-decoration: none;
}
h1 {
	font-size: 4em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.3em;
}
h1, h2, h3 {
	font-family: 'trebuchet ms', 'lucida grande', verdana, arial, sans-serif;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}
td {
    background: none;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color:#000;
	padding: 0px;
	text-align:left;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 10px;
	padding-left: 45px;
	background: url("images/p.gif") top left no-repeat;
	border: none;
	text-indent: 15px;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
hr {
	color: #333;
	background: #333;
	height: 1px;
	margin: 5px 0;
}
a img {
	border: none;
}
.linkspage_button{
	border:0px;
}
.hidden{
	display:none;
}
.clear {
	clear: both;
}
#page {
	margin: 0px auto;
	padding: 0;
	width: 1200px;
	text-align: left;
	background: url("images/page.jpg") top left repeat-y;
}
#page1 {
	margin: 0px auto;
	padding: 0;
	width: 1200px;
	text-align: left;
	background: url("images/page1.jpg") top left repeat-y;
}
#page2 {
	margin: 0px auto;
	padding: 0;
	width: 1200px;
	text-align: left;
	background: url("images/page2.jpg") top left repeat-y;
}
#top_side {
	background: url("images/header.jpg") top left no-repeat;
	width: 1200px;
	height: 284px;	
}
#navigation{
	width: 1000px;
	height: 40px; 
	margin: 0 10px 0 20px;
}
#top_menu {
	width: 350px;
	height: 15px;
	position: absolute;
	top: 200px;
	left: 230px;
	font-size: 11px;
}
#top_menu a{
	color: #000;
}
#top_menu a:hover{
	color: #336699;
}
#popup {
	width: 410px;
	height: 170px;
	position: absolute;
	top: 10px;
	right: 10px;
	overflow: hidden;
	color: #000;	
}
#popup h3 {
	display: none;
}
/*.home {
	background: url("images/home.gif") left no-repeat;
	padding: 0 0 0 15px;	
}
.home1 {
	background: url("images/homeo.gif") left no-repeat;
	padding: 0 0 0 15px;	
}
.contact {
	background: url("images/contact.gif") left no-repeat;
	padding: 0 0 0 15px;	
}
.contact1 {
	background: url("images/contacto.gif") left no-repeat;
	padding: 0 0 0 15px;	
}
.log {
	background: url("images/login.gif") left no-repeat;
	padding: 0 0 0 15px;	
}
.log1 {
	background: url("images/logino.gif") left no-repeat;
	padding: 0 0 0 15px;	
}
.sign {
	background: url("images/signup.gif") left no-repeat;
	padding: 0 0 0 17px;	
}
.sign1 {
	background: url("images/signupo.gif") left no-repeat;
	padding: 0 0 0 17px;	
}
.logou {
	background: url("images/logout.gif") left no-repeat;
	padding: 0 0 0 15px;	
}
.logou1 {
	background: url("images/logouto.gif") left no-repeat;
	padding: 0 0 0 15px;	
}
#topsearch {
	width: 280px;
	position: absolute;
	top: 195px;
	right: 20px;
}
#searchfield {
	width: 230px;
	color: #000;
	font-size: 13px;
	padding: 2px 5px 2px 5px;
	background: #F4FAFF;
	border: 1px solid;
	border-color: #000 #aaa #aaa #000;
}
#searchsubmit {
	width: 30px;
	height: 22px;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 0 0;
	background: url("images/go.gif") top right no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
	margin-left: -5px;
}*/	
#header {
	position:relative;
	padding: 0;
	margin: 0;
	height: 222px;
	width: 1200px;
}
#header h1{
	position:absolute;
	top:60px;
	left:360px;
	width: 203px;
	height: 118px;
	padding: 0;
	margin: 0 ;
}
/*#portret {
	position:absolute;
	top:0px;
	left:0px;
	padding: 0;
	margin: 0 ;	
}*/
#top_pad {
	background:#E4F0FF;
	padding: 1px;
	color: #333;
}
#top_pad h3{
	color:#000;	
}
#top_pad a{
	color: #0000ff;	
}
#top_pad a:hover{
	color: #007fff;	
}
#bottom_pad {
	clear: both;
	background:#fff url("images/img.jpg") top left repeat-x;
	padding: 0px 1px;	
}
#content {
	margin-top:1px;
	font-size: 1.2em
    color: #FFFFFF;
}
#right_side {
	width: 400px;
	float: right;
}
.sidebar {
	margin:0;
	padding: 2px 0px 0px 10px;
	width: 190px;
	font: 1.1em 'lucida grande', verdana, arial, sans-serif;
    color: #FFFFFF;
}
#sidebar_left {
	float: left;
}
#sidebar_left h3 {
	background: url("images/blue.jpg") top left no-repeat;	
	padding: 10px 5px 22px 5px;
	color: #fff;
}
#sidebar_left .txt {
	padding: 0 5px;
}
#sidebar_right {
	float: right;
}
#sidebar_right h3 {
	background: url("images/green.jpg") top left no-repeat;	
	padding: 10px 5px 22px 5px;
}
#sidebar_right .txt {
	padding: 0 5px;
}
#sidebar_right1 {
	float: right;
}
#sidebar_right1 h3 {
	background: url("images/green1.jpg") top left no-repeat;	
	padding: 10px 5px 22px 5px;
}
#sidebar_right1 .txt {
	padding: 0 5px;
}
.narrowcolumn {
	float: left;
	padding: 0 0 0 10px;
	margin: 0;
	width: 680px;
}
.semiwidecolumn {
	float: left;
	padding: 0 0 0 10px;
	margin: 0;
	width: 1080px;
}
.widecolumn {
	padding: 0;
	width: 1080px;
	margin: 0 auto;
}
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
}
.widecolumn {
	line-height: 1.6em;
}
#footer {
	padding: 0;
	margin: 0 auto;
	width: 1200px;
	clear: both;
	background:#eee url("images/footer.jpg") top left no-repeat;
	color: #000;
}
#footer p {
	width: 1200px;
	margin: 0 auto;
	padding: 72px 0 10px 0;
	text-align: center;
}
#footer a {
	color: #0000ff;
}
#footer a:hover {
	color: #ffd400;
}
#footer1 {
	padding: 0;
	margin: 0 auto;
	width: 1200px;
	clear: both;
	background:#fff url("images/footer1.jpg") top left no-repeat;
	color: #000;
}
#footer1 p {
	width: 1200px;
	margin: 0 auto;
	padding: 72px 0 10px 0;
	text-align: center;
}
#footer1 a {
	color: #0000ff;
}
#footer1 a:hover {
	color: #ffd400;
}
.button{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	background: url("images/button.gif") right no-repeat;
	cursor: pointer;
	border: 1px solid;
	border-color: #aaa #000 #000 #aaa;
	padding: 1px 8px;
	color: #fff;
}
.tbox.chatbox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.spacer {
	padding: 2px 0 2px 0;
}
.indent{
	padding:4px;
	border: 1px solid #8ac5ff;
}
.smalltext {
	font: 1em 'lucida grande', verdana, arial, sans-serif;
}
.mediumtext {
	font: 12px 'lucida grande', verdana, arial, sans-serif;
}
.tbox{
	background-color: #F4FAFF;
	color: #000;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	border: 1px solid;
	border-color: #000 #aaa #aaa #000;
	padding: 1px 1px 2px 1px;
}
.helpbox {
	border: 0px;
	background-color: transparent;
	color:#000;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}
.fborder {
	background-color: transparent;
	border: 1px solid;
	border-color: #777 #333 #333 #777;	
}
.forumheader{
	background:#9EF4C5 url("images/btn.jpg") top left repeat-x;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: 1px solid;
	border-color: #777 #333 #333 #777;
}
.forumheader2{
	background-color: #E4F0FF;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: 1px solid;
	border-color: #777 #333 #333 #777;
}
.forumheader3{
	background-color: #E4F0FF;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
	padding: 4px;
	border: 1px solid;
	border-color: #777 #333 #333 #777;
}
.forumheader3 .indent {
	margin: 10px;
	padding-left: 45px;
	background: url("images/p.gif") top left no-repeat;
	border: none;
	text-indent: 15px;
}
.forumborder{
	border:  #000080 1px solid;
	background-color: transparent;
}
.fcaption {
	height:35px;
	padding: 2px 0 2px 8px;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	background:#4488EF url("images/forum.jpg") top left repeat-x;
	border: 1px solid;
	border-color: #777 #333 #333 #777;
}
.fcaption a{
	padding-right:4px;
	color:#0000FF;
}
.narrowcolumn .fcaption a, .narrowcolumn .fcaption {
	padding-top: 8px;
	height:20px;
}
#top_left {
	float: left;
	width: 320px;
}
#top_right {
	float: right;
	width: 250px;
}
#bottom_left {
	float: left;
	width: 250px;
}
#bottom_right {
	float: right;
	width: 320px;
}
.article .top_info {
	background: #efefef;
	padding: 3px;
}
.article .title {
	font-size: 1.1em;
}
.article .text {
	font-size: 1.2em;
	padding: 5px 0;	
}
.left_info {
	background: #efefef;
	padding: 3px 0 3px 3px;	
	font-size: 1em;
	width: 45%;
}
.middle_info {
	background: #efefef;
	padding: 3px 0;
	font-size: 1em;	
	width: 5%;
}
.right_info {
	background: #efefef;
	padding: 3px 3px 3px 0;	
	text-align: right;
}
.newsimage {
	float: left;
	padding: 5px 10px 10px 0;
}
.newsimage1 {
	float: right;
	padding: 5px 0 10px 10px;
}
.text p:first-letter {
	color: #007FFF;
	font-size: 150%;
	font-weight: bold;
	float: left;
	padding: 3px 0 0 10px;
}
.comm1 {
	background: url("images/hend.gif") top right no-repeat;
	border: 1px solid #9BF3C1;
	border-right: none;
	padding: 5px;
}
.comm {
	background: #9BF3C1;
	padding: 5px;
	color: #000;
}
#top_pad_left, #bottom_pad_left {
	float: left;
	width: 485px;
}
#top_pad_right, #bottom_pad_right {
	float: right;
	width: 485px;
}
.pad_left {
	float: left;
	width: 238px;
}
.pad_right {
	float: right;
	width: 237px;
}
.nextprev {
    padding:5px 10px 15px 10px;
}
.nextprev_link {
    background: #5194EB;
	border: 1px solid;
	border-color: #ccc #333 #333 #ccc;
    color: #fff;
    font: 10px tahoma;
    text-align:center;
    padding: 2px 5px 2px 5px;
}
.nextprev_link:hover{
    background: #9BF3C1;
	border: 1px solid;
	border-color: #333 #ccc #ccc #333;
    color: #000;
    font: 10px tahoma;
    text-align:center;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
}
.nextprev_current {
	background: #9EC4F5;
	border: 1px solid;
	border-color: #ccc #333 #333 #ccc;
	color: #333;
	font: 10px tahoma;
	text-align:center;
	padding: 2px 5px 2px 5px;
}
.npbutton{
    background: #9BF3C1;
    text-decoration: none;
    width: 16px;
    height:14px;
    text-align:center;
    padding:3px 0;
	border: 1px solid;
	border-color: #ccc #333 #333 #ccc;
    color: #000;
}
.nforumdisclaimer {
    display:none;
}
#source {
    position:relative;
    z-index:100;
    display:block;
    float:left;
    width: 60px;
    height:25px;
    padding: 10px 0px 10px 20px;
    text-align:center;
    color:#000;
}
#source a {
    display:block;
    color:#ffd400;
	width: 60px;
    height:25px;
	background: url("images/source.gif") bottom no-repeat;
}
#source a:hover {
    color:#000;
	background: url("images/source_over.gif") bottom no-repeat;
}
.article_left {
	float: left;
	width: 285px;
}
.article_right {
	float: right;
	width: 285px;
}
.article_left .articleitem {
	margin-bottom: 10px;
	border: 1px solid #34699d;
	padding: 0px;
}
.article_right .articleitem {
	margin-bottom: 10px;
	border: 1px solid #898574;
}
.articleitem h2 {
	padding: 10px 5px 0 5px;
}
.textitem {
	font-size: 1.1em;
	padding: 5px;
}
.textitem p:first-letter {
	color: #007FFF;
	font-size: 135%;
	font-weight: bold;
	float: left;
	padding: 3px 0 0 10px;
}
.top_infoitem {
	background: #34699d;
	padding: 3px;
}
#right_navigation{
	width: 180px;
	list-style: none;
	padding-bottom: 15px;
}
#right_navigation h3 {
	padding-top: 5px;
}
#right_navigation li{
	background: none;
 	display: block;
}
.push, .pushh {
    padding:2px 0;
    margin: 0 ;
    width: 180px;
	height: 13px;
    display:block;
	font-size: 1.1em;
}
.push a{
    padding:2px 20px 2px 18px;
    display: block;
	background: url("images/bullet1.gif") left no-repeat;
	color: #8ac5ff;
}
.push a:hover{
    padding:2px 20px 2px 18px;
    display: block;
	background: url("images/bullet.gif") left no-repeat;
	color: #FFD400;	
}
#right_navigation .pushh a{
    padding:2px 20px 2px 18px;
    display: block;
	background: url("images/bullet.gif") left no-repeat;
}
.pushh a:hover{
    padding:2px 20px 2px 18px;
    display: block;
	background: url("images/bullet1.gif") left no-repeat;
}
.d_sublink a{
	margin-top: 0px;
	margin-left: 10px;	
}