/* 
	###########################################
	+ ------------ REQUIRED CSS ------------- +
	###########################################
*/
html { height:100% }

body
{
	background-image: url(/img/lava/bg.gif);
                margin-top: 0px;
	background-position: left top;
	background-attachment: fixed;	
                background-color: #000000;
	color: #000033;
	font-family: Verdana, Arial;
	font-size: 11px;
	height:100%;
}

/*
	Links
*/
a:link		{color: #330000; text-decoration: none}
a:visited	{color: #003366; text-decoration: none}
a:hover		{color: #000000; text-decoration: underline}
a:active	{color: #330000;}

/*67
	Smallfont property
*/
.smallfont
{
	font-size: 10px;
	font-family: Verdana, Arial;
}
/*
	Main Content Area
*/
#content
{

	background-color:#F8FCE2;
	margin:2px;
	padding:4px;
	vertical-align:top;
}

/*
	Sub-Category Boxes
*/
.subcat
{
	font-size:14px;
	font-weight:bold;
	width:45%;
	margin:4px;
	padding:3px;
	float:left;
}

/*
	START: Article Loop ----------------------------
*/

.article_loop
{
	background-color:#F4FECD;
	margin:2px;
	padding:4px;
}

/* Subject properties on Article Loop */
.article_loop .subject
{
	font-family: Verdana;
	text-decoration:none;
                font-size: 12pt;
	font-weight: bold;
    color:#3399CC;
}

/* Summary's Property in Article Loop */
.article_loop .summary
{
	font-size:12px;
                background-color:#EAEAD5;
                padding:1px;
	margin:1px;
}

/* Misc. */
.article_loop .author, .article_loop .category
{
	font-weight:bold;
}

/* Category Name on Article Loop */
.article_loop .category
{
	text-decoration: underline;
}

/*
	/ END: Article Loop -----------------------------
*/


/* 
	first alternating color
*/
.firstalt	
{
	background-color: #FFFFF7;
	color: #000033;
}

/*
	second alternating color
*/
.secondalt
{
	background-color: #F8FCE2; color: #000033;
}

/*
	third alternating color
*/
.thrdalt    { background-color: #fefefe; color: #000033;}

/*
	table head
*/
.tblhead	{ color:#FBFCE2; text-decoration:none; font-size: 12px; font-weight: bold; background-color: #B7CE64;}

/*
	table category 
*/
.tblcat	{ color:#777777; text-decoration:none; font-size: 10px; font-weight: bold; background-color: #FDFFDD;}

/*
	table border
*/
.tblborder  { background-color:#BBBB77}

/*
	highlight
*/
.highlight { background-color: yellow; padding: 1px; color: black}



/*
	Main Article Box Property
*/
#article
{
	font-size:12px;
}

/*-- author profile box --*/
#authorbox
{
	padding:4px;
	font-size:11px;
	width: 180px;
	float:right;
	border: 1px solid #BBBB77;
	background-color: #F8FCE2;
    margin: 3px;
}

/*
	Boxes in "article_view"
*/
#ratebox, #supportbox, .custombox
{
	padding:4px;
	margin:3px;
	border: 1px solid #BBBB77;
	background-color: #F8FCE2;
}


/*
	misc box
*/
.miscbox
{
	padding:4px;
	border: 1px solid #BBBB77;
	background-color: #FFFFF7;
}

/*
	breadcrumbs box
*/
.breadcrumbs_box
{
	padding: 5px;
                background-color: #FFFFF4;
	border: 1px solid #c0c0c0;
	font-weight: bold;
	font-size: 11px;
}

/*
	comments loop
*/
.comments_box
{
	padding:4px;
	margin:4px;
	border-bottom: 2px dotted #BBBB77;
	background-color: #FFFFF7;
}

/*
	colors used for Yes / No stuff.
*/
.red { color: red }
.green {color: green}


/*-- misc. --*/
.border_bottom
{
	border-bottom: 1px solid #BBBB77;
}

/*
	style for [code]
*/
.htmlbox
{
	font-family: courier new;
/*
	padding:6px;
	background-color: #F8FCE2;
	border: 1px solid #BBBB77;
	margin: 10px;
*/
	background-color:#F8F1E4;
	padding:5px;
	border: 1px solid #CDC0A9;
}

/*
	style for [php]
*/
.phpbox
{
	font-family: courier new;
/*
	padding:6px;
	background-color: #FFFFF7;
	border: 1px solid #BBBB77;
	margin:10px;
*/
	background-color:#F8F1E4;
	padding:5px;
	border: 1px solid #CDC0A9;
}

/*
	UNUSED: highlight feature
*/
.hightlight
{
	background-color: yellow;
}

/*
	Glossary Text style
*/
.glossary
{
	border-bottom:1px dotted blue;
	cursor: pointer;
}

/*
	Sitemap List Item styles
*/
#sitemap ul, #sitemap li
{
	font-size: 11px;
}

/*
	Field sets style
*/


legend {    padding-bottom: 3px;

}
fieldset {
                padding: 5px;	
                border: 1px solid #CDD9BF;
	background-color: #FFFFF4;
}




.attached_images
{
	font-size:7.5pt;
	background-color: #F8FCE2;
	border:1px solid #dedede;
	padding:5px;
	margin: 3px;
	text-align:center;
		
}



/* 
	###########################################
	+ ----- CSS used in default style   ----- +
	###########################################
*/

form
{
	margin: 0px;
}

#wrapper
{
	width: 90%;
	text-align:left;
	vertical-align:top;
	background-color: #ffffff;
	height:100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACAB95;
	border-right-color: #ACAB95;
	border-bottom-color: #ACAB95;
	border-left-color: #ACAB95;
}

#header
{
	background-color: #ffffff;
	padding:0px;
                margin: 0px;
	font-size:35pt;
	font-family: Trebuchet MS;
	color: #fff;	
}

#header .slogan
{
	font-size:13px;
	font-family: Trebuchet MS;
	font-weight:bold;
}

#navbar
{
	background-color: #CFFC6D;
	background-image: url(../img/lava/nav_grad.gif);
	padding:3px;
margin:opx;
	height:28px;
	font-size: 11px;
}

#navbar a:link,#navbar a:active,#navbar a:visited,#navbar a:hover
{
	color: #003366;
}
#navbar a:hover
{
	color: #6666CC;
}


#footer
{
	background-color:#D6FC83 ;
	text-align:center;
	padding: 5px;
}

#nav_left
{
	background-color:#E7EFCB;
	padding:4px;
	vertical-align:top;
	width:200px;

}

#nav_left .stitle
{
	font-family: Verdana;
	text-decoration:none;
	font-size: 10pt;
	font-weight: bold;
	line-height: 26px;
	color:#3399CC;
	border-bottom: 2px solid #ffffff ;
	padding:5px;
	background-color:#D6FC83;
background-image: url(../img/lava/navleft_grad.gif);
	margin-bottom:5px;
		
}

.navlinks
{
	font-size:12px;
	font-weight: bold;
	padding-left: 6px;
}

.nav_subcatlinks
{
	font-size:10px;
	font-weight: bold;
	padding-left: 6px;
}

.title
{
	font-family: Arial;
	text-decoration:none;
	font-size: 10pt;
	font-weight: bold;
	line-height: 26px;
	color:#3399CC;
}

h1,h2,h3,h4,h5,h6
{
	font-family: Verdana;
	color:#3399CC;
	margin:2px;
}
	
h1.box
{
font-family: Verdana;	
padding:2px;
}

tr,td,p,li,ul,ol,form
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px
}

hr
{
	color:#000000
}

blockquote
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #666666;
}

img
{
	border-style: none;
}

b
{
	color:#3399CC;
}



select
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #000033;
	font-size: 10px;
	border: 1px solid #003300;
	background-color:#F8FCE2;
}
input {
	border: 1px solid #666600;
	background-color: #E6E4D2;
}
textarea ,option
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #000033;
	font-size: 10px;
	background-color: #F8FCE2;
}