/*  

Theme Name: English Click

Theme URI: http://pattaya-web-services.com/

Description: 3 Column Split, widget-ready theme.

Version: 1.0

Author: John Le Fevre

Author URI: http://pattaya-web-services.com/

Tags: three-columns, fixed-width, threaded-comments, dark, red, brown, tan



*/



/***** TYPOGRAPHY AND LINKS *****/

body, address, dd, dl, hr, p, form { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; font-size:14px; line-height:18px;}

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding-left: 0px; color: #61574a; }



h1 { font-size: 24px; line-height:28px;}

h2 { font-size: 14px; line-height:18px; }

h3 { font-size: 12px; line-height:18px; }

h4 { font-size: 10px; }

h5 { font-size: 1em; line-height:18px;}



a:link, a:visited { text-decoration: underline; color: #574f4b; }

a:hover { text-decoration: underline; color: #660000; }

p { padding: 10px 0px; }

blockquote { margin: 15px 30px 10px 30px; padding: 0 20px 10px 20px; border-left: 2px solid #574f4b; border-right: 2px solid #574f4b; }



/***** MAIN CONTENT *****/

body { margin: 0; font-size: 11px; text-align: center; vertical-align: top; background: #ffffff url(images/bg.jpg) left top repeat-x; color: #544b40; }

#wrapper { margin: 0 auto 0 auto; width: 960px; text-align: left; }

#main_content { float: left; margin: 0 auto 0 auto; padding: 0; width: 960px; }

#container { float: left; width: 540px; margin: 0px 0 0 0px; padding: 10px;  border-top: none; border-bottom: none; text-align:left; }

#container_wide { float: left; width: 900px; margin: 0px 0 0 30px; padding: 5px 5px 0 7px; }

.post { padding: 20px 0 5px 0; }

.post h1 { font-family: Georgia, Trebuchet MS, Sans-serif; font-size: 24px; line-height:30px; }

.post h2 { font-family:  "Times New Roman", Georgia, Trebuchet MS, Sans-serif; font-size: 16px; margin-left: 0px; }

.post h3 { font-family:  "Times New Roman", Georgia, Trebuchet MS, Sans-serif; font-size: 14px; margin-left: 0px; }

.entry { line-height: 18px; font-size:14px; }

.entry ul li { font-size:14px; font-weight:bold; line-height:20px; }

.postmetadata { margin: 10px 0 0 0; font-size: 9px; }

.date {	font-size: 9px; }

.smallfont { font-size:11px; }

#author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 10px; background: none; border: 3px double #574f4b; }

#author-box .avatar { float: left; width: 80px; height: 80px; }

#author-box h2, #author-box h4 { color: #61574a; background: none; border: none; padding-bottom: 5px;}



/***** HEADER *****/

#page {

	margin: 18px auto;

	padding: 0;

	width: 960px;

	}

#header { float: left; width: 960px; 	height: 236px; padding: 0; margin: 0 auto 0 auto; text-align:left; }

#header h1 { padding: 0; margin: 45px 15px 0 ; font-family: Times New Roman, Georgia, Sans-serif; font-size: 36px; font-variant: small-caps; line-height: 38px; text-align: center; }

#header h1 a { text-decoration: none; color: #eae7b3; text-align: center; }

#header h1 a:hover { text-decoration: none; color: #eae7b3; }

#header .description { margin: 10px 0 0 0; padding: 0; font-size: 12px; font-weight: bold; font-style: italic; color: #eae7b3; text-align: center;  }

#headerlogo{

	margin: 0;

	height: 260px;

	width: 192px;

	float:left;

	color:#990099;

	font-family:Helvetica, sans-serif,Verdana, Arial;

	font-weight:bold;

	line-height:12px;

	}

#headertopbox  #header-menu ul{   margin-top:16px; margin-left:22px; background:none;}

#headertopbox #header-menu ul li {background:none;width:116px;height:34px; line-height:34px; text-align:center; margin:0px 3px;}

#headertopbox #header-menu ul li a,#headertopbox  #header-menu ul li a:link,#headertopbox #header-menu ul li a:visited ,#headertopbox #header-menu ul li a:hover { width:72px; text-align:center; font-size:17px; font-family:Tahoma; color:#ffffff; line-height:34px; display:inline; list-style:none;}

#headertopbox {width:530px; height:280px; float:left;}

#headertopbox ul { padding:0px; margin:0px;}

#headertopbox ul li { display:block; width:170px; height:124px;background:url(images/header-top-box.jpg) left top no-repeat; list-style:none; float:left;margin:0px 0px 0px 5px; padding:0px;}

.headerflag { width:230px; height:100px;}

#headerpromotion { float:left; width:185px; height:170px; }

#header-menu { float:left; width:645px; height:101px; margin-top:15px; background:url(images/header-menu.jpg) left top no-repeat;}

#header-menu-image { margin:26px 0px 0px 63px;}



/***** HORIZONTAL MENU *****/

.menu  { float: left; width: 923px; height: 30px; margin-left: 19px; padding: 0; display: inline; background: url(../english-click/images/menu_bg.gif) no-repeat; border-top: #61574a 3px double; }

.menu ul { width: 100%; margin: 0; padding: 8px 0; list-style: none; }

.menu ul li { display: inline; margin: 0; }

.menu ul li a { padding: 0 0 0 10px; text-decoration: none; color: #000; font-family: Times New Roman, Georgia, Sans-serif; font-variant: small-caps; font-weight: bold; font-size: 14px; }

.menu ul li a:hover { color: #660000; text-decoration: underline; }



/***** IMAGES *****/

p img { padding: 0; max-width: 100%; }

/*a img { border: #d4be87 1px solid; padding: 3px; background: none; }*/

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 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: #f3f3f3;   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; }

img.avatar { float:left; margin: 5px; border: #afb997 1px solid; }

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



/***** NAVIGATION *****/

.navigation { padding: 15px 0 15px 10px; font-size: 9px; font-weight: bold; line-height: 18px; }



/***** SUBSCRIPTION *****/

.subscribe  { background: url(images/feed-icon.jpg) no-repeat 2% center; width: 25px; margin: -20px 0 0 40px; padding: 6px 0 6px 15px; text-decoration: none; }

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



/***** SIDEBAR *****/

#left_sidebar h2, #commentblock h2 { color: #eae7b3; font-family: Times New Roman, Georgia, Verdana, Tahoma, Trebuchet MS, Sans-Serif; font-size: 14px; font-variant: small-caps; font-weight:bold; margin: 15px auto 10px auto; padding: 3px; border: #000 1px solid; text-align: center; } 

#right_sidebar ul li { cursor:pointer;}

#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #660000; }

#left_sidebar a.title, #right_sidebar a.title { color: #6b6b47; padding: 0px; margin: 0px; }	

#left_sidebar ul li a,#left_sidebar ul li a:link,#left_sidebar ul li a:visited, #right_sidebar ul li a { display: inline; font-size: 11px; font-family: Verdana, Times, Sans-Serif; color: #544b40; text-decoration: none; margin: 0; padding: 0; }

#left_sidebar ul li{ display: block; padding: 0; margin: 0px; font-size: 10px; color: #6b6b47; background:url(./images/left-box.jpg) left top no-repeat; width:173px; height:128px; margin-top:14px; }

#left_sidebar ul li .left-box-title-1 {display:block; height:28px; color:#a011a0; line-height:28px; font-family: Tahoma; font-size:11px; font-weight:bold; cursor:pointer;}

#left_sidebar ul li .left-box-title-2 {display:block; margin-top:2px; height:26px; color:#a011a0; line-height:13px; font-family: Tahoma; font-weight:bold; font-size:13px; cursor:pointer; }

#left_sidebar ul li p { color:#a011a0; font-family:Tahoma; font-size:12px; font-weight:bold; line-height:16px; }

#left_sidebar ul li .click-box { line-height:20px;}

#left_sidebar ul li .click-box, #left_sidebar ul li .click-box a, #left_sidebar ul li .click-box a:link, #left_sidebar ul li .click-box a:visited, #left_sidebar ul li .click-box a:hover { color:#f1b45c; font-size:14px;}

#right_sidebar ul li { display: block; padding: 0; margin: 0px; font-size: 10px; color: #6b6b47;}

#left_sidebar ul ul, #right_sidebar ul ul { margin:0 0 0 10px; }

#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin:0 0 0 10px; }



#left_sidebar { width: 186px; float: left; margin: 20px 0 0px 14px; padding: 10px auto 0 auto; } 

*html  #left_sidebar { margin: 20px 0 20px 20px; padding: 10px auto 0 auto; } 

#left_sidebar ul { list-style: none; margin: 0 0 5px 0; padding: 0; }



#right_sidebar { width: 186px; float: left; padding: 10px auto 0 auto; margin: 20px 14px 0px 0px; }

#right_sidebar ul { list-style: none; margin: 0px; padding: 0; }



#right_sidebar ul li h2 { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ff9933;}

#right_sidebar ul li ul li { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; border-bottom:1px solid #666666; padding:10px 0px; text-align:left}



.address {float:left; width:150px; height:900px;font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#990099 }

.green {color:#10fe10;  line-height:18px;}

.orange {color:#ff9933;  line-height:18px;}

.bigger12 {font-size:1.2em;}



/***** SEARCH *****/

#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }

#sidebar #searchform #s { width: 108px; padding: 2px; }

#sidebar #searchsubmit { padding: 1px; }



/***** Calendar *****/

#wp-calendar { text-align:center; background:#dcd7bc; margin:0 0 10px 0;

padding:0; width: 85%; border: #61574a 3px double; font-variant: small-caps;

font-family: Times, Verdana, Sans-Serif; }

#wp-calendar td { line-height:10px; font-size:10px; color:#333; font-variant:  small-caps; }

#wp-calendar td a { display:block; color:#333; text-decoration:none; line-height:10px;

font-weight:bold; font-variant: small-caps; font-size:10px; }

#wp-calendar #prev a { width:30px; font-variant: small-caps; }

#wp-calendar #next a { width:30px; margin:0 0 0 30px; font-variant: small-caps; }

#wp-calendar #today { background:#600000; color:#d7d7bf; font-variant: small-caps; }

#wp-calendar #today a { color:#d7d7bf; font-weight:700; font-variant: small-caps; }

#wp-calendar caption { text-align: center; width: 85%; margin: 5px 0 5px 0; font-variant: small-caps; font-family: Times, Verdana,Sans-Serif; font-size:12px; }



/***** 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: 20px 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: #bab195; }



/***** FOOTER *****/



#footer { clear: both; float: left; width: 960px; height: 115px; margin-top: 0px; padding: 0;background: url(images/footer-menu-bg.png) 180px top no-repeat; }

/* Footer Menu */

#footer-menu { height:40px; width:960px; color:#ff9933; font-size:17px; text-align:left; padding-left:300px; padding-top:20px;}

#footer-menu ul,#footer-menu ul li { padding:0px; margin:0px 0px 0px 0px;}

#footer-menu ul li { display:inline; list-style:none; padding:0px 10px;}



#footer p { font-size: 11px; line-height:24px; padding: 0 10px 0 10px; text-align: center; color: #f1b45c; }

#footer p .footer-word {font-size: 10px; line-height:24px; padding: 0 10px 0 10px; text-align: center; color: #000000;}

#footer a { color: #f1b45c; line-height:24px; }



.breadcrumb { margin-top:20px; }



/** Member Login **/

.member-login { font-size:20px; color:#ffffff; line-height:24px; background:#2c9024; width:170px; height:30px; }

.member-login-table { color:#ffffff;font-size:15px;background-color:#2c9024; }

.red { color:#ff0000; }