/* CSS Document */
/*----------------------------------------------------------------------------------------------------------
[Layout Stylesheet of all website pages]
Project:	Ajarn
Version:	1.0
----------------------------------------------------------------------------------------------------------*/
/*------------------Layout,Table of Contents-----------------------------------------------------------------
1. GLOBAL RESET
2. GLOBAL FONT CONSISTENCY
3. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
4. GLOBAL LAYOUT
5. GLOBAL DIVs
6. SITE HEADER
7. HOMEPAGE MIDDLE SECTION LAYOUT
8. SITE FOOTER SECTION
9. SITE INNER LEFT SECTION
10. BLOG
11. BLOG ARTICLES
12. BIG LEFT
13. BORDER BIG LEFT
14. COMMON STYLES
-----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
1. GLOBAL RESET
---------------------------------------------------------------------------------*/

*{
margin:0px;
padding:0px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
border-width: 0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
padding:0px;
margin:0px;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
color: #2777BD;
}
ul.list li {
	padding: 2px 0px 3px 12px;
	background: transparent url("../images/core/blt_arworange1.png") no-repeat scroll 0px 5px;
	list-style-type: none;
}
ul.list li a {
	text-decoration: none;
}
.smalldate {
	color: #a0a0a0;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div#innerleft_container p.smalldate, .long_p p.smalldate {
	margin-bottom: 5px;
}
/*---------------------------------------------------------------------------------
2. GLOBAL FONT CONSISTENCY
---------------------------------------------------------------------------------*/
a {
outline:none;
}
/*---------------------------------------------------------------------------------
3. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
p {
color: #626262;
margin: 0 0 0.2em 0;
line-height: 1.3em;
}
.long_p p {
margin-bottom: 1.3em;
}
h1 {
/*24px via YUI Fonts CSS foundation*/
font-size:182%;
color:#2777bd;
font-weight:normal;
padding:0 0 4px 0;
}
h2 {
font-size:18px;
font-weight:normal;
color:#2777bd;
text-decoration:none;
padding:0px 0px 3px 0px;
margin:0px;
}
h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:110%;
}
h4
{
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#707070;
}
h1,h2,h3,h4,h5,h6,strong {

}
hr
{
border:0;
clear:both;
height:1px;
border-bottom:1px solid #b7b7b7;
margin:0 0 15px 0;
padding:0;
}
hr.hr
{
border-bottom: 1px dotted #b7b7b7;
margin: 20px 0 15px 0;
}
/*---------------------------------------------------------------------------------
4. GLOBAL LAYOUT
---------------------------------------------------------------------------------*/
body {
margin-right: auto; /* this centres the body */
margin-left: auto;  /* this centres the body */
margin-top: 0;
padding: 0;
width: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#626262;
background-color: #FFFFFF;
border:0px;
}

table.col2 {
	
}
table.col2 tr td {
	vertical-align: top;
	padding: 12px 0;
	font-size: 13px;
	line-height: 18px;
	border-bottom: 1px solid #B7B7B7;
}
.page_width table.col2 tr td p {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 12px 0;
	padding: 0;
}
._article ol,
._article ul {
	padding: 0 0 0 30px;
}
.page_width table.col2 tr td ol,
.page_width table.col2 tr td ul {
	padding: 0 0 0 20px;
}
table.col2 tr td:first-child {
	padding-right: 16px;
}

/*---------------------------------------------------------------------------------
5. GLOBAL DIVs
---------------------------------------------------------------------------------*/
div {
text-align: left;
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
div.clear {
clear: both;
height: 0px;
overflow: hidden;
}
.page_container {
width: 950px;
padding: 0 15px 0 15px;
margin: 0 auto;
}
.page_width {
width:950px;
margin: 0 auto;
height:100%;
}
/*================================================LAYOUT STYLES===========================================================*/
/*---------------------------------------------------------------------------------
6. SITE HEADER
---------------------------------------------------------------------------------*/
#header_container
{
padding:0px 0px 20px 0px;
width:950px;
overflow:hidden;
}
#header_container .bannerleft
{
width:650px;
float:left;
}
.bkmk
{
width:400px;
height:24px;
padding-top:6px;
}
.bkmk a
{
border:0px;
margin-right:9px;
height: 16px;
overflow: hidden;
position: relative;
float: left;
}
.bkmk a.bkmk_delicious {
	width: 12px;
}
.bkmk a.bkmk_rss {
	width: 41px;
}
.bkmk a.bkmk_rss img {
	position: relative;
	left: -12px;
}
.bkmk a.bkmk_google {
	width: 103px;
}
.bkmk a.bkmk_google img {
	position: relative;
	left: -53px;
}
.bkmk a.bkmk_yahoo {
	width: 90px;
}
.bkmk a.bkmk_yahoo img {
	position: relative;
	left: -156px;
}

#header_container .logo
{
width:650px;
height:82px;
}
#header_container .bannerright
{
width:300px;
height:112px;
float:right;
border:0px;
padding:0px;
margin:0px;
background:url(../images/core/ajarn_banner.jpg) no-repeat top right;
}
#header_container #sitenavleftbg
{
float:left;
width:950px;
height:22px;
background:url(../images/core/sitenav_left_right.png) no-repeat -13px 0px;
}
#header_container #sitenav
{
float:left;
width:924px;
height:22px;
background:url(../images/core/sitenav_left_right.png) no-repeat 937px 0px;
text-align:center;
padding:0px 13px;
}
/*---------------------------------------------------------------------------------
7. HOMEPAGE MIDDLE SECTION LAYOUT
---------------------------------------------------------------------------------*/
.homeleft_container
{
width:300px;
overflow:hidden;
float:left;
margin:0px;
padding:0px;
}
.homemiddle_container
{
width:300px;
overflow:hidden;
float:left;
margin:0px;
padding-left:25px;
}
.commonright_container
{
width:300px;
float:left;
margin:0px;
padding-left:24px;
}
.homeinner_container
{
width:300px;
}
.adbanner_container
{
width:100%;
}
.adbanner_container a
{
text-decoration:none;
border:0px;
cursor:pointer;
}
/*---------------------------------------------------------------------------------
8. SITE FOOTER SECTION
---------------------------------------------------------------------------------*/
#footerouter
{
padding:20px 0 0 0;
width:950px;
height:100%;
clear:both;
}
#footerouter .leftbg
{
float:left;
width:8px;
height:50px;
background:url(../images/core/footerbgc.png) no-repeat top left;
}
#footerouter .centerbg
{
float:left;
width:942px;
height:50px;
background:url(../images/core/footerbgc.png) no-repeat top right;
}
#footerouter .left
{
float:left;
width:222px;
padding:15px 0 0 6px;
}
#footerouter .link
{
float:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#363636;
width:480px;
padding:10px 0 0 0;
}
#footerouter .link a
{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#363636;
text-decoration:none;
font-weight: normal;
}
#footerouter .link a:hover
{
text-decoration:underline;
}
#footerouter .right
{
float:right;
width:30px;
padding:15px 0 0 0;
}
#footerouter .text
{
clear:both;
height:35px;
width:950px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#363636;
padding:12px 0 0 0;
}
/*---------------------------------------------------------------------------------
9. SITE INNER LEFT SECTION
---------------------------------------------------------------------------------*/
#innerleft_container
{
float:left;
width:625px;
}
.inner_content_container
{
clear:both;
width:100%;
padding:5px 0 10px 0;
margin-bottom: 7px;
background:url(../images/core/content_borderbg.png) repeat-x bottom left;
height:100%;
overflow:hidden;
}
h1.custom_h1 {
	height: 30px;
	background: url(../images/core/large_h1_bg.png) no-repeat top left;
	color: white;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 34px;
	text-transform: uppercase;
	text-indent: 16px;
	margin: 5px 0 16px 0;
}
div#smallinnerleft_container h1.custom_h1 {
	background: url(../images/core/small_h1_bg.png) no-repeat top left;
}
div.page {
	color: #626262;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
div.page strong {
	color: #626262;
}
div.page ul {
	padding-left: 40px;
	margin: 16px 0;
}
div.page p {
	margin-bottom: 13px;
}
/*---------------------------------------------------------------------------------
10. BLOG
---------------------------------------------------------------------------------*/
#blog_container
{
float:left;
width:625px;
}
.blog_leftcontainer
{
float:left;
width:300px;
}
.blog_rightcontainer
{
float:right;
width:294px;
background:#ebebeb;
padding:10px 11px 10px 11px;
}
.blog_content_container
{
clear:both;
width:100%;
padding:5px 0 10px 0;
height:100%;
}
/*---------------------------------------------------------------------------------
11. BLOG ARTICLES
---------------------------------------------------------------------------------*/
#smallinnerleft_container
{
float:left;
width:453px;
height:100%;
}
.smallleft_container
{
width:100%;
height:100%;
padding:10px 0px;
}
#hotspot_container
{
float:left;
width:150px;
height:100%;
margin:5px 0 0 23px;
background:url(../images/core/bg_hotspottop.png) no-repeat #e6e6e6;
padding:12px 0 0 0;
}
/*---------------------------------------------------------------------------------
12.  BIG LEFT
---------------------------------------------------------------------------------*/
#biginnerleft_container
{
float:left;
width:726px;
height:100%;
padding:0px 0px 0px 0px;
}
.smallright_container
{
width:200px;
float:left;
margin:0px;
padding-left:24px;
}
/*---------------------------------------------------------------------------------
13. BORDER BIG LEFT
---------------------------------------------------------------------------------*/
#borderleft_container
{
border-right:1px solid #a0a0a0;
padding-right:24px;
width:698px;
overflow:hidden;
float:left;
}
/*---------------------------------------------------------------------------------
14. COMMON STYLES
---------------------------------------------------------------------------------*/
#borderleft_container
{
border-right:1px solid #a0a0a0;
padding-right:24px;
width:698px;
overflow:hidden;
float:left;
}
.headpadding
{
padding:13px 0px 15px 0px;
}
.padt10b10
{
padding:10px 0px;
font-size:20px;
}
.padb10
{
padding:0px 0px 10px 0px;
}