/*
Theme Name: xsellerate
Theme URI: http://www.xsellerate.com 
Description: Theme coded by Clive (clivepal@gmail.com)
Version: 1.0 
Author: xsellerate
*/

/* main css */

body {
 margin: 0;
 background: url(images/background.png) repeat-x top;
 background-color: #F7F7F7;
 font-family: "Trebuchet MS";
 font-size: 14px;
}
a {
 color: #9ECE2E;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
#header {
 margin: 0 auto;
 width: 765px;
 height: 132px;
}
#header .left {
 position: relative; z-index: 10;
 float: left;
 margin-top: 5px;
 background: url(images/header.png);
 width: 518px; height: 127px;
}
#header .right {
 position: relative; z-index: 1;
 float: right;
 margin: 19px 0 0 -100px;
 background: url(images/login_box.png);
 width: 274px; height: 113px;
}
#nav {
 position: relative; z-index: 3;
 margin: 0 auto;
 width: 750px; height: 41px;
 background: url(images/navigation.png) repeat-x top;
}
#nav ul {
 list-style: none;
 margin: 0; padding: 0;
}
#nav li {
 float: left;
 height: 32px; line-height: 30px;
 background: url(images/seperator.png) no-repeat center right;
 padding-right: 2px;
}
#nav li a {
 float: left;
 display: block;
 height: 31px;
 padding-left: 15px;
 padding-right: 15px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-decoration: none;
 color: #ffffff;
}
#nav li a:hover {
 background-image: url(images/link_hover.png);
 background-repeat: repeat-x;
}
#body {
 position: relative; z-index: 2;
 margin: -9px auto 0 auto;
 width: 764px;
}

#body .left {
 position: relative; z-index: 3;
 float: left;
 width: 502px;
}
#body .left .inner {
 background: url(images/content.png) repeat-y;
 padding: 10px 40px 40px 40px;
 width: 422px;
}
#body .left .bottom {
 background: url(images/content_bottom2.png) no-repeat bottom;
 height: 15px;
 position: relative; z-index: 2;
}

#body .left h1 {
 margin: 0;
 padding-bottom: 0;
 padding-top: 20px;
 font-family: "Verdana";
 font-size: 18px;
 font-weight: normal;
}
#body .left h1 a:link, #body .left h1 a:visited {
 color: #97c8de;
 text-decoration: none;
}
#body .left h1 a:hover {
 text-decoration: underline;
}

#body .right {
 position: relative; z-index: 2;
 float: right;
 width: 274px;
 margin-left: -100px;
}
#body .right .outer {
 width: 100%;
 background: url(images/right_menu_expand.png) repeat-y;
}
#body .right .inner {
 background: url(images/right_menu.png) repeat-x bottom;
 width: 250px;
 padding: 8px 6px 8px 10px;
 margin-left: 1px;
}
#body .right .bottom {
 background: url(images/right_menu_bottom.png) no-repeat bottom;
 height: 15px; line-height: 15px;
 position: relative; z-index: 2;
}
#body .right h2 {
 background: url(images/headglow.png) no-repeat top left;
 height: 40px;
 font-family: "Trebuchet MS";
 font-size: 16px;
 padding: 5px 10px; margin: 0;
 color: #5E5E5E;
}
#body .right h2.h2_x {
 background: url(images/h2_x.png) no-repeat top left;
 height: 70px;
 padding-left: 70px;
 padding-top: 8px;
}
#body .right h2.h2_folder {
 background: url(images/h2_folder.png) no-repeat top left;
 height: 60px;
 padding-left: 70px;
 padding-top: 8px;
}
#body .right p {
 padding: 0 10px;
 text-align: justify;
}
#body .right ul {
 list-style: none;
 margin: 0 10px 20px 10px; padding: 0;
}
#body .right li {
 padding-left: 20px;
 background: url(images/arrow.png) no-repeat center left;
}
#body .right li a {
 color: #ffffff;
 font-size: 12px;
}
#footer {
 margin: 0 auto;
 width: 750px; height: 50px; margin-top: 20px;
 font-size: 12px;
 line-height: 14px;
}
#footer .left {
 float: left;
}
#footer .right {
 float: right;
}
#footer a {
 color: #7E7E7E;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}
.loginbox_img {
 behavior:	url("pngbehavior.htc");
 width: 59px;
 height: 78px;
 border: none;
 position: absolute;
 top: 20px;
 left: 33px;
}

.loginbox_caption {
 color: #dfdfdf;
 font-family: "Trebuchet MS";
 font-size: 18px;
 position: absolute;
 left: 113px;
 top: 0px;
}

.loginbox_username {
 color: #ffffff;
 font-family: "Verdana";
 font-size: 11px;
 position: absolute;
 left: 113px;
 top: 20px;
}

.loginbox_password {
 color: #ffffff;
 font-family: "Verdana";
 font-size: 11px;
 position: absolute;
 left: 113px;
 top: 53px;
}

.loginbox_signup {
 font-size: 12px;
 color: #e6e6e6;
 font-family: "Trebuchet MS";
 position: absolute;
 top: 85px;
 left: 114px;
}

.username {
 width: 117px;
 height: 12px;
 font-size: 10px;
 color: black;
 font-family: "Verdana";
 position: absolute;
 top: 34px;
 left: 113px;
 border: solid 1px #609cbd;
}

.password {
 width: 117px;
 height: 12px;
 font-size: 10px;
 color: black;
 font-family: "Verdana";
 position: absolute;
 top: 66px;
 left: 113px;
 border: solid 1px #609cbd;

}

.submit {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/submit.png');
 width: 61px;
 height: 20px;
 position: absolute;
 top: 87px;
 left: 176px;
 border: none;
 background-position: center center;
}

.submit[class] {
 background: url(images/submit.png);
 background-repeat: no-repeat;
}

* html .submit {
background-color: transparent; 
}
textarea, input {
 border-width: thin;
}

.post img {
	padding:2px;
	margin:10px;
}

img.alignleft {
	float:left;
}

img.alignright {
	float:right;
}