/*************************************************************************/
/*****		    CSS STYLESHEET for GRiFTER CMS		    ******/

body {
	color: #333;
	text-align: left;
	background-color: #fff; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90%;
}	
h1.upload {
	color: #166686;
	text-align: left;
	border-bottom: 2px solid #555588;
	font-family: Arial, Helvetica, sans-serif;
	}
h1.loghead {
	color:#783;
	text-align:center;
	background-color:#eeeede;
}
h2 {
	color: #783;
}
/**** div contain surrounds everything ****/
div.contain {
	width: 750px;
	border: 1px solid #aaa;
	background-color: #fff;
	margin: 1% auto 1% auto;
	}

/** Banner Styles **/
div.banner {
	color: #360;
	padding: 0 1em 0 1em;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	}
#bannpic{
	padding-top: 1em;
	padding-right: 2em;
	vertical-align: middle;
}
#banntext{
	display: inline;
}
#banntag{
	color: #360;
	text-align: right;
}
#banntag a {
  color: #00f;
}
#banntag a:hover {
  color: #d00;
}
#banndate{
	color: #fff;
}
b.bann2 {font-size: 1em;}
a.ban {text-decoration: none;}
h1.bann1 {font-size: 2.5em;display: inline;}
img.ban {text-decoration: none;border: none;}
table tr td{text-align: left; font-family: Times, sans-serif;}

/** horizontal menu styles **/
#menu {
	text-align: left;
	background-color: #360;
	}
#menu ul {
	font-weight: 900;
	list-style-type: none; 
	}
#menu ul li {
	display: inline;
	font-size: 14px;
	}
#menu ul li a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
	padding: 0 10px 0 10px;
	border: 1px solid #344;
	font-family: Arial, Sans-Serif;
	}
#menu ul li a:hover {
	color: #333;
	background-color: #deb;
	padding: 5px 10px 0px 10px;
	text-decoration: underline;
	}
#menu a.up  {
	color: #333;
	background-color: #ab6;
	padding: 5px 10px 0px 10px;
	text-decoration: underline;
	border-bottom: 1px solid #344;
}
#menu a.up:hover {
  	color: #000;
	background-color: #deb;
	padding: 5px 10px 0px 10px;
	border-bottom: 1px solid #344;
}
/***********************************/

/**** Main Container Content Holder ****/
div.mainbox {
	color: #000;
	padding: .2em;
	background-color: #fff; 
	border-top: 1px solid #ddd;
	}
/** Style from FCKeditor **/
.Code
{
	color: #000066;
	padding-left: 5px;
	padding-right: 5px;
	border: #8b4513 1px solid;
	background-color: #ff9933;
	font-family: 'Courier New' , Monospace;
}
/** sidebar menu styles **/
div.sidebar {
	width: 22%;
	float: left;
	margin-top: 1%;
	margin-left: .5%;
	border-right: 1px solid #aaa;
	}
div.sidebox {
	width: 90%;
	padding: .3em;
	margin-top: 1%;
	margin-bottom: 2%;
	border: 1px solid #d70;
	background-color: #fff;
}
div.showbox {
  width: 22%;
  padding: .3em;
  border: 1px solid #d70;
  background-color: #fff;
}
#sidemenu {
	width: 90%;
	color: #fff;
	padding: .3em;
	margin-bottom: 2%;
	border: 1px solid #783;
	background-color: #fff;
	}
#menuhead {
	color: #fff;
	padding: .2em;
	font-size: 1em;
	padding-left: 1em;
	font-weight: bold;
	letter-spacing: 3px;
	background-color: #ab6;
	font-variant: small-caps;
	border-top: 1px solid #783;
	font-family: Arial,sans-serif;
	border-bottom: 1px solid #783;
}
#sidemenu ul {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	font-size: x-small;
	list-style-type: none;
	font-family: verdana, arial, helvetica, sans-serif;
	}
#sidemenu a {
	color: #339;
	margin-left: .7em;
	text-decoration: none;
	}
#sidemenu a:hover {
	color: #900;
	text-decoration: underline;
	}
#sidemenu a:active {
  font-weight: bold;
}
#sidemenu a.hlite {
  	font-weight: bold;
}
.sublink  li {
  padding-left: 1em;
  color: #000;
}
/** User Profile **/
#profbox {
	width: 100%;
/*	border: 1px solid #ab6;
	background-color: #cd8; */
	min-height: 400px;
	}
#profinfo {
	position: relative;
	font-family: Arial, sans-serif;
	height: 100%;
	max-width: 70%;
	margin-top: 1%;
	margin-left: 2%;
	float: left; 
}
#useinfo {
background-color: #ccc;
}
#useinfo td {
	background-color: #fff;
	text-align: left;
	padding: .1em;
	padding-left: 1em;
	font-size: small;
	font-weight: normal;
	font-family: Arial, sans-serif;
}
#useinfo td.dark {
	background-color: #339;
	color: #fff;
	padding-left: .3em;
}
#profpost {
	border: 1px solid #55d;
}
#profpost tr {
	background-color: #aad;
}
#profpost tr.trbot td {
	text-align: right;
	background-color: #fff;
}
#profpost td {
	background-color: #aad;
	text-align: right;
	padding: .2em;
}
#profpost td.postcont {
	background-color: #fff;
	text-align: left;
}
#profpost b {
	color: #fff;
}
#profmenu {
	position: relative;
	width: 25%;
	margin-left: 75%;
	border: 1px solid #aaa;
	}
p.profhead {
	background-color: #aaa;
	color: #fff;
	padding: .2em;
	padding-left: 1em;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial,sans-serif;
	border-top: 1px solid #783;
	border-bottom: 1px solid #783;
}
#profmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.3;
	}
#profmenu a {
	color: #339;
	padding-left: .7em;
	text-decoration: underline;
	}
#profmenu a:hover {
	color: #900;
	text-decoration: none;
	}
#tpanel {
  text-align: left;
  width: 80%;
}

/**  Page, News Styles  **/
div.newscontain {
	padding: 5px;
	margin-left: 25%;
	background-color: #fff;
	}	
div.newsbox {
	position: relative;
	border-bottom: 1px solid #d70;
	background-color: #fff;
	}
div.title {
	padding: 3px;
	background-color: #fff;
	color: #783;
	font: 900 2em Times New Roman, sans-serif;
	}
#tag{
	display:inline;
}
#title{
	margin-left: 20%;
	display:inline;
}
div.info {
	margin-top: 2em;
	padding-left: 2em;
	border-top: 1px solid #777;
}
b.big, strong.big {
	color: #d70;
	font-size: 1em;
	}
b.divide {font-size: 1.3em;}
b.owner {
	color: #777;
	font-size: 12px;
	font-family: Arial, sans-serif;
	}
hr.post {
	height: 3px;
	width: 80%;
	text-align: left;
	margin: 10px auto 0 0;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 3px double #783;
}
/** News and Post styles  **/
div.addblog, div.editblog {
	background-color: #fff;
	padding: .3em;
	}
#titleset {display: inline; height: 3em;}
#timeset {}
#postset {}
#blogt { 
	color: #339; 
	font-size: 1em;
	font-weight: bold;
	}
p.upload {
	text-align: center;
	color: #444;
	font-size: 13px;
	font-family: Times New Roman, sans-serif;
	}
#options table {
  text-align: left;
}
#options td {
  padding: .5em;
  text-align: left;
  border: 1px solid #aaa;
  background-color: #ddd;
}
textarea.post {
	border: 1px solid #aaa;
	padding: .2em;
	}
/*input.engage {
	border: none;
	width: 66px;
	height: 19px;
	font-size: 9px;
	}
*/
#submitbtn {
	margin-top: 3%;

}
#info {
	position: relative;
	width: 80%;
	}
a.blog {
	color: #00a;
	text-decoration: none;
	}
a.blog:hover {
	color: #a00;
	text-decoration: underline;
	}
a:link,    a.vas:link,    a.memlink:link {color: #119;text-decoration: none;}
a:visited, a.vas:visited, a.memlink:visited {color: #119;text-decoration: none;}
a:hover,   a.vas:hover,   a.memlink:hover {color: #911;text-decoration: underline;}
a:active,  a.vas:active,  a.memlink:active {color: #a9a;text-decoration: none;}
/**  Login Styles  **/
div.createuser{
	position: relative;
	font-family: Arial, sans-serif;
	height: 100%;
	margin-top: 1%;
	margin-left: 2%;
}
div.login {
	width: 350px;
	padding: .3em;
	margin: 5% auto 1% auto;
	border: 1px solid #aaa;
	background-color: #fff;
	}

#users { 
	color: #339; 
	font-size: 1em;
	font-weight: bold;
	}
input.login {
	font-size: 20px;
	border: 1px solid #aaa;
	background-color: #eeeede;
}
input.login:focus {
	background-color: #fff;
	border: 1px solid #444;
}
p.login {
	text-align: center;
	font-size: 22px;
}
#text{color: #555; font-size: .5em; display: inline;}
#loginset, #passwordset {width: 50%;}
#logform a {text-decoration: none; color: #777;}
#logform a:hover {text-decoration: underline; color: #900;}

/**** Admin Styles ****/
div.layout {
	position: relative;
	font-size: small;
	font-family: Arial, sans-serif;
	height: 100%;
	margin-top: 1%;
	margin-left: 2%;
}
#pages, #members {
	width: 100%;
	font-size: 14px;
}
#pages tr, #members tr {
	background-color: #dfa;
	border: 1px solid #aaa;
}
#pages td, #members td {
	padding: .4em;
}
#posts {
	width: 100%;
}
#posts td {
	padding: .4em;
}
#gutmsg {
	color: #444;
	background-color: #bfb;
	font-weight: bolder;
	font-size: large;
	padding: 2em;
	padding-left: 2em;
}
#badmsg {
	color: #444;
	background-color: #fbb;
	font-weight: bolder;
	font-size: large;
	padding: 2em;
	padding-left: 2em;
}
label {
	color: #777;
	font-variant: small-caps;
}
input:focus, textarea:focus, label:focus, select:focus {
	background-color: #fff;
	border: 1px solid #444;
}
td.row1 {
	background-color: #efefef;
	color: #444;
	padding-left: .5em;
	text-align: left;
}
td.row2 {
	background-color: #dfdfdf;
	color: #444;
	padding-left: .5em;
	text-align: left;
}
a.ask {
	background-color: #eee;
	border: 1px solid #aaa;
	padding: .4em;
}
a.ask:hover {
	background-color: #fff;
	border: 1px solid #ccc;
	width: 1em;
	padding: .3em;
}

/** Admin Panel **/
td.stats {
  padding: 1%;
  border: 1px dashed #ab6;
	background-color: #fff;
}
#stats h2 {
  color: #225;
}
/** Category/Topic **/
#cats {
	width: 100%;
}

/*********************************************/

/****************** Footer styles, divs ************/
div.foot {
	clear: left;
	color: #777;
	margin-top: 2%;
	border-top: 1px solid #aaa;
	padding: .5em;
	text-align: center;
	}
#copyright {
	color: #777;
	display: inline;
	padding: 0 .5em;
	font-size: .7em;
	}
#validates {
  margin-top: 2%;
}
#validates img {
  border: none;
}
/***************** General Styles **************/
table, tr, td {
  color: #000;
  background-color: #fff;
}