/*  
Theme Name: Nong Khai Information
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Autumn+Almanac
Description: 3 Column fixed width theme custom designed by Alec Johnson for www.nongkhaiinformation.com
Version: 1.0
Author: Alec Johnson	
Author URI: http://www.nongkhaiinformation.com/
Tags: 3 column, fixed width
*/


/***** TYPOGRAPHY AND LINKS *****/
/* @group Typography */
body, address, dd, dl, hr, p, form { font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0; padding: 0 0 20px 0; color: #333399; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.1em; padding: 14px 0 0 0; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

a:link { text-decoration: none; font-weight: bold; color: #333399; }
a:visited { text-decoration: none; color: #333399; }
a:hover { text-decoration: underline; color: #990000; }
p { padding: 10px 0; }
blockquote { 
	margin: 10px 30px 10px 30px;
	padding: 0 14px;
	border: 1px solid #ccccff;
	background: #f1f1ff;
	font-style: italic; }
	
	
ul { }
ul li { padding: 3px 0; font-size: 1em; }
ul li a { font-weight: bold;}
ul li a:hover { color: #990000; }	

	
/* @end */

/***** MAIN CONTENT *****/
/* @group Main Content */
body  {
	background-image: url(images/Background.png); 
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333399;
	vertical-align: top; }

#wrapper {
	width: 974px;
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; }

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px; }

#main_content {
	float: left;
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	padding: 0 10px;
	width: 974px; }


#Heading {
	border-bottom: 3px solid #990000;
	margin-bottom: 14px;
	font-size: 16pt;
	font-weight: bold;
	text-transform: Uppercase;
}

#container { 
	float: left;
	width: 610px;
	margin: 0 14px 0 14px; }

#container_wide {
	float: left;
	width: 800px;
	margin: 0 0 0 14px; }

.post { padding: 0 0 15px 0; }
.post h2 { font-size: 1.3em; }
.post a {font-weight: bold; color: #333399;}
.post a:hover {font-weight: bold; color: #990000;}
.entry { font-size: 0.8em; border-bottom: #990000 1px solid; line-height: 1.2em; }
.postmetadata {  font-size: 0.75em; }
.date {	font-size: .9em; margin-top: -30px; font-style: italic; }

#author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 0 10px 10px 10px; background: #F1F1FF; border: 1px solid #CCCCFF; }
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2 { padding: 0; margin: 5px 0 5px 0; }

/* @end */	

/***** HEADER *****/
/* @group Header */
#Head_Strip{
	text-align: right;
	padding-top: 2px;}

#Head_Strip img{
	border: 0px;
	padding: 0px; }

#Search_Box{
float: right;
padding-top: 3px;}

#header { 
	float: left; 
	height: 165px;
	width: 974px;
	margin: 0px 0px 10px 0px;
	text-align: right;
	background-image: url(images/AniHeader.gif);
	background-repeat: no-repeat;
	padding: 5px;}
/* @end */	

/***** IMAGES *****/
/* @group Images */
p img { padding: 0; max-width: 100%; }
a img { border: #333399 1px solid; padding: 3px; background: none; }
img.avatar { float: right; margin: 5px 0px 5px 14px; border: #333399 1px solid; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 0 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f1f1ff; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

#flickrrss img { border: 1px solid #61574a; float: left; margin: 0 0 3px 3px; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 3px; border: #333399 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 3px; border: #333399 1px solid; }
/* @end */


/***** NAVIGATION *****/
.navigation { padding: 5px 0 5px 10px; font-size: 9px; font-weight: bold; line-height: 18px; }


/***** SIDEBAR *****/
/* @group Left Sidebar */
#left_sidebar { 
	width: 160px;
	float: left;} 

.Column_Top{
	width: 160px;
	height: 10px;
	background: url(images/col_top.png);
	margin-bottom: 2px;}

.Column_Bottom{
	width: 160px;
	height: 10px;
	background: url(images/col_bottom.png);
	margin-bottom: 14px;}

.Column_Top_R{
	width: 176px;
	height: 10px;
	background: url(images/col_top_r.png);
	margin-bottom: 2px;}

.Column_Bottom_R{
	width: 176px;
	height: 10px;
	background: url(images/col_bottom_r.png);
	margin-bottom: 14px;}

.Menu_Button {
	display: block;
	background: #CCCCFF;
	font-size: 10pt;
	margin-bottom: 2px;}

.Menu_Button a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	color: #333399;
	padding: 3px 2px 2px 12px;}

.Menu_Button a:hover {
	display: block;
	background: #9999FF;
	text-decoration: none;}

.Menu_Active {
	border-left: 3px solid #990000;
	margin-bottom: 2px;}

.Menu_Active a {
	text-decoration: none;}

.Menu_Active a:hover {
	text-decoration: none;}

.Menu_Title{
	background: #333399;
	color: #FFFFFF;
	padding: 3px 2px 2px 8px;
	margin-left: 1px;
	font-size: 10pt;}

.Menu_Title a {
	text-decoration: none;
	color: #FFFFFF;}

#right_sidebar {
	width: 176px;
	float: left;}  
	
.Google_Ads_Column {
	margin-bottom: 14px;
}

.Google_Ads_Banner {
	width: 0 Auto;
	text-align: center;
}	

.Google_Ads_Banner img{
	border: 0px;
	padding: 0px; }

/* @end */

/***** RIGHT SIDEBAR *****/
/* @group Right Sidebar */

#right_sidebar ul li a:hover { color: #990000; }
#right_sidebar a.title { color: #333399; padding: 0px; margin: 0px; }	
#right_sidebar ul li a { display: inline; font-weight: normal; margin: 0; }
#right_sidebar ul li { display: block; padding: 4px 0; margin: 0px; font-size: 1em; color: #6b6b47; list-style: none; }
#right_sidebar ul ul { margin: 0 0 0 10px; }
#right_sidebar ul ul ul { margin: 0 0 0 10px; }
#right_sidebar ul { margin: 0; padding: 0; }

.Widget{
	display: block;
	background: #CCCCFF;
	font-size: 10pt;
	margin-bottom: 2px;
	padding-top: 3px;
	text-align: center;
	font-weight: bold;}

.Widget_Static {
	text-align: left;
	background: #E8E8FF;
	border: 2px solid #CCCCFF;
	font-size: 10pt;
	padding: 0px 3px;
	font-variant: normal;
	font-weight: normal;}

.Widget_Static a {
	color: #333399;
	text-decoration: none;
	font-variant: normal;
	font-weight: bold;}

.Widget_Static a:hover {
	color: #990000;
	text-decoration: none;
	font-weight: normal;}

.Widget_Static p {
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 4px;}

.Advert_R {
	display: block;
	width: 176px;
	margin-bottom: 2px;
	font-size: 10pt;
}

.Advert_R img{
	border: 0px;
	padding: 0px; }

/* @end */

/***** SEARCH *****/
/* @group Search */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
/* @end */

/***** COMMENTS *****/
/* @group Comments */
.comments-template { margin: 0 10px; border-top: 1px solid #dcd7bc; padding: 0 10px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Georgia, Sans-serif; font-size: 12px; margin: 10px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #efeadc; }
.authorcomment { background: #cc9933; }
/* @end */

/***** FOOTER *****/
/* @group Footer */
#footer{
	background: url(images/footer_flag.png) 0 0 repeat-x;
	clear: both;
	float: left;
	width: 974px;
	margin-top: 14px;
	padding: 20px 0;
	text-align: center;
	font-size: 8pt; }

#footer a{
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #333399; }

#footer a:hover {
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #990000; }

#footer a:visited {
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #333399; }
/* @end */

/***** IE HACKS *****/

*html .search { margin: 10px 10px 0 0; }