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

body
{
	background-color: #ccc;
	color: #000000;
	font-family: Verdana, Arial;
	font-size: 12px;
	height:100%;
}

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

/*
	Smallfont property
*/
.smallfont
{
	font-size: 10px;
	font-family: Verdana, Arial;
}
/*
	Main Content Area
*/
#content
{
	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:#FFFFEE;
	margin:2px;
	padding:4px;
}

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

/* Summary's Property in Article Loop */
.article_loop .summary
{
	font-size:12px;
}

/* 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: #FFFFEE;
	color: #000000;
}

/*
	second alternating color
*/
.secondalt
{
	background-color: #FFFFE5; color: #000000;
}

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

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

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

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

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

/*
	row highlight class
*/
.rowhighlight
{
	background: #FFFDED;
}

/*
	Main Article Box Property
*/
#article
{
	font-size:14px;
	line-height: 125%;
}

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

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


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

/*
	breadcrumbs box
*/
.breadcrumbs_box
{
	padding: 5px;
	border: 1px solid #c0c0c0;
	font-weight: bold;
	font-size: 11px;
}
/*
	comments loop
*/
.comments_box
{
	padding:4px;
	margin:4px;

	border-bottom: 1px solid #5D0000;
	background-color: #FFFFEE;
}

.comments_box_alt1 , .comments_box_alt2
{
	padding:4px;
	margin:4px;
	border-bottom: 1px solid #5D0000;
}

.comments_box_alt1
{
	background: #FFFFEE;
}


.comments_box_alt2
{
	background: #FFFFE5;
}



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


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

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

/*
	style for [php]
*/
.phpbox
{
	font-family: courier new;
/*
	padding:6px;
	background-color: #FFFFEE;
	border: 1px solid #5D0000;
	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 #5D0000;
	cursor: pointer;
}

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

/*
	Field sets style
*/
fieldset
{
	padding: 5px;
}

fieldset legend
{
	padding-bottom: 3px;
}

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

.additionalsets
{
	background: #FFFBF4;
}

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

form
{
	margin: 0px;
}

#wrapper
{
	width: 100%;
	text-align:left;
	vertical-align:top;
	background-color: #FFFFEE;
	height:100%;
}

#header
{
	background-color: #fff;
	background-image: url(http://www.thailandstories.com/img/TSheader.jpg);
	font-size:35pt;
	font-family: Trebuchet MS;
	color: #fff;	
}

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

#navbar
{
	background-color: #FDE484;
	background-image: url(http://www.thailandstories.com/img/nav_grad.gif);
	padding:4px;
	height:20px;
	font-size: 11px;
}

#navbar a:link,#navbar a:active,#navbar a:visited,#navbar a:hover
{
	color: black;
}


#footer
{
	background-color: #fefefe;
	text-align:right;
	padding: 5px;
}

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

}

#nav_left .stitle
{
	font-family: Verdana, Arial;
	text-decoration:none;
	font-size: 10pt;
	font-weight: bold;
	line-height: 26px;
	color:#5D0000;
	border-bottom: 2px dotted #5D0000;
	padding:5px;
	background-color: #FFFFEE;
	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: Verdana, Arial;
	text-decoration:none;
	font-size: 10pt;
	font-weight: bold;
	line-height: 26px;
	color:#5D0000;
}

h1,h2,h3,h4,h5,h6
{
	font-family: Verdana, Arial;
	color:#5D0000;
	margin:2px;
}

h1
{
	font-size: 16pt;
}
	
h1.box
{
	padding:2px;
}

tr,td,p,li,ul,ol,form
{
	font-family: Verdana, Arial;
	font-size: 12px
}

hr
{
	color:#000000
}

blockquote
{
	font-family: Verdana, Arial;
	color: #666666;
}

img
{
	border-style: none;
}

b
{
	color:#5D0000;
}

select
{
	font-family: Verdana, Arial;
	color: #000000;
	font-size: 10px;
	border: 1px solid #5D0000;
	background-color: #FFFFE5;
}

input, textarea ,option
{
	font-family: Verdana, Arial;
	color: #000000;
	font-size: 10px;
	background-color: #FFFFE5;
}

.cp_nav
{	
	color:#222222;
	background-color:#FDFDFD;
	padding:10px;
	padding-left: 15px;
	font-weight:bold;
	font-size:13px;
	border-bottom: 1px solid #E3E3E3;
	cursor:pointer;
}
.cp_nav_over
{	
	color:#222222;
	background-color:#FAFAFA;
	padding:10px;
	padding-left: 15px;
	font-weight:bold;
	font-size:13px;
	border-bottom: 1px solid #E3E3E3;
	cursor:pointer;
}

fieldset
{
	padding: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #aaa;
	background-color:#fff;
}

fieldset legend
{
	padding-bottom: 3px;
	font-weight:bold;
	font-size:13px;
	color:#5D0000;
	font-family: Verdana, Arial;
}

input, textarea ,option
{
	color: #333;
	background-color: #fafafa;
	border: 1px solid #aaa;
	padding: 3px;
}

input:focus, textarea:focus
{
	background-color: #fff;
	border:1px solid #666;
}