/* ************************************* */
/* Styles from index.template            */
/* ************************************* */

/* this is the main container surrounding everything, use this to set forum width, font-size  etc. */
body { font-size:12px;}
#mainframe { font-size: 100%; width: 1000px; margin: auto; position:relative; background:url(../images/logo.jpg) no-repeat right top;  }
#smflogo { position:relative; padding:45px 0 10px 0;}
/* the forum name or logo */
h1 { padding: 0.6em 0 0.6em 0; margin: 0; font-family: arial, helvetica, sans-serif; font-size: 135%; color: #fff; }
/* the greeting section. Note that h1 and h2 are reseved for logo/greeting!  */
#greeting_section {clear:both; margin-top:16px;}
h2 { margin: 0; padding: 0 0.3em 0 0.3em; font-size: 130%; font-weight: normal; }
/* the user name is slightly highlighted */
h2 em { font-weight: bold; font-style: normal; }
/* user section with all relevant links */
#user_section { padding: 1px; margin: 1px 0 0 0; font-size: 90%; position:relative; top:17px; }
#user_section ul, #user_section form { padding: 0.5em 0.7em 0.5em 0.7em; }
/* the greeting */
#greeting_section em { font-style: normal; font-weight: bold; color:#FFF; }
#greeting_section li#name {  font-size:12px}
#greeting_section li#name .welcome{ color:#89d0ff;}
/* the avatar, located to the left */
#user_section #myavatar { padding: 0.7em; border-right: solid 1px #ADADAD; margin: 0 0.5em 0 0; float: left; }
/* the news and search areas */
#news_section { clear: both; font-size: 0.8em; padding: 0.5em 1em 0.5em 1em; }
#random_news h3 { margin-right: 1em; font-size: 0.85em; display: inline; }
#random_news p { margin: 0; padding: 0; display: inline; }
/* The main menu. */
#main_menu { padding-left: 0em; }
#main_menu ul { list-style: none; padding: 0; margin: 0; background: url(../images/baslik2.gif) no-repeat bottom left; padding-left: 10px; }
#main_menu li { margin: 0; padding: 0; display: inline; }
#main_menu li a { float: left; display: block; color: white; font-size: 0.8em; font-family: tahoma, sans-serif; text-transform: uppercase; }
#main_menu li a:hover { color: #ffffff; text-decoration: underline; }
#main_menu li a span { background: url(../images/baslik2.gif) repeat-x bottom left; display: block; padding: 0.1em 0.5em 0.5em 0.5em; }
#main_menu li.last a span { background: url(../images/baslik2.gif) no-repeat bottom right; padding: 0.1em 1em 0.5em 0.5em; }
#main_menu li.active a span em { padding: 0.1em 0.5em 0.5em 0.5em; display: block; font-style: normal; background: url(../images/baslik2.gif) repeat-x bottom right; }
#main_menu li.active a span { background: url(../images/baslik2.gif) no-repeat bottom left; padding: 0 0 0 8px; }
#main_menu li.last.active { float: left; background: url(../images/baslik2.gif) no-repeat bottom right; padding: 0 8px 0 0; }
#main_menu li.active a { background: url(../images/baslik.gif) no-repeat bottom right; padding-right: 8px; }
/* the linktree */
ul#linktree { clear: both; list-style: none; margin: 2em 0.5em 5px 0em; padding: 0; position:relative; top:0; }
ul#linktree li { margin: 0; padding: 0; display: inline; font-size: 0.8em; }
ul#linktree li a { color: #FFF;  }
ul#linktree li a:hover { color: #82ABC7; }
ul#linktree li span { font-weight: bold; color: #135884; }
/* the main content area */
#bodyarea { /*position:relative; top:0; height:250px;*/ position:relative;}
.agreement { overflow:auto; height:150px;}
html>body #bodyarea {  /*min-height:250px; height:auto;*/ }
.heading { font-size:36px; font-family:Georgia, "Times New Roman", Times, serif; color:#0790E7; font-weight:normal; /*margin:10px 0 25px 0;*/ margin:0; padding:15px 0 20px 0;}
.headingTitle { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;  color:#0790E7; padding:25px 0 15px 0; margin:0; font-weight:normal;}
.noView { font-size:10px; color:#069; line-height:12px;}


/* the footer area */
#footerarea { padding:1em 0 2em; margin-top:80px;  border-top:1px solid #888;}
#footerarea ul { margin: 0 auto; }
#footerarea ul li {display: inline; border-right: solid 1px #888; margin: 0; padding: 0 4px 0 2px; }
/* Note: It is against the license to remove, alter or otherwise hide the copyright output from SMF so please do not alter the two sections below. */
#footerarea ul li.copywrite { display: block; line-height: 1; font-size: small; padding: 1em; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; }
#footerarea ul li.copywrite, #footerarea ul li.last { border-right: none; }
/* page created in.. */
#footerarea p { clear: both; text-align: left; padding-left: 0.5em; }
p#show_loadtime { display: block; text-align: center; }
/* the upshrink buttons */
#upshrink, #advsearch { margin: 0 1ex; }

