/*
Theme Name: O-Range
Theme URI: http://NeoEdu.co.th
Description: 3 columns theme, feed button and menu bar
Author: Neo Edutainment
Author URI: http://NeoEdu.co.th
Version: beta
*/

body {
	font: 80% arial, helvetica, sans-serif;
	margin: 0;
	color: #fff;
	background: #ccc;
}

img {
	border:0;
}

form input {
	color: #000;
	border: 1px solid #ccc;
}

h1, h2 {
	margin: 0;
}

a {
	color:#c39;
	text-decoration:none
}

a:hover {
	color:#fc8;
	text-decoration:none
}
.navigation{padding:10px}
.navigation a {font-weight:bold;color:#01A0E1;font-style:normal;}
.navigation a.page-numbers{border:1px solid #01A0E1;margin-right:3px;padding:3px 7px;}
.navigation a.page-numbers:hover{color:#fff;background-color:#888888;}
.navigation span.page-numbers {font-weight:bold;border:0;margin-right:3px;padding:3px 7px;}
.navigation span.page-numbers:hover{background-color:transparent;}

.aligncenter {margin:auto;}
.alignleft {
	float:left;
	padding:3px 0 0 5px;
}
.alignright {
	float:right;
	padding:3px 0 0 5px;
}

.clear {
	clear: both;
}

.container {
	width: 950px;
	/*background: #ff0;*/
	margin: auto;
}

/* The Top */

.header {
	height:249px;
	margin-top:0px;
	background: url(images/header.jpg) no-repeat;
}

.blogname {
	float: left;
	width: 950px;
	font-family: Century Gothic,Verdana,Tahoma,sans-serif;
}

.blogname h1  {
	font-size: 36px;
	font-weight:normal;
	color: #000;
	margin:35px 10px 0 0; /* IE6  Doubled float margin bug */
	text-align: right;
}

.blogname h1  a:link, .blogname h1  a:visited{ 
	color:#000; 
	text-decoration: none; 
	background-color:transparent;
}
	
.blogname h1  a:hover { 
	color: #ccc; 
	text-decoration: none; 
	background-color:transparent;
}

.blogname h2 {
	margin:0 10px 0 0; /* IE6  Doubled float margin bug */
	font-size: 14px;
	font-weight: normal;
	color: #606060;
	text-align: right;
}
		
/* Menu */

.menucontainer {
	height: 50px;
	background-color: #606060;
}	

.menu {
	float:left;
	margin-top: 25px;
}

.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu ul li {
	float: left;
	height: 25px;
	background-color: #efbf00;
	margin-right: 1px;
}

.menu ul li a {
	display: block;
	padding: 5px;
	font: Arial,Verdana,Helvitica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.menu ul li a:hover {
	color:#fff;
	background-color: #606060;
}

.menu ul li a.current,.menu ul li a.current:hover{
	color: #fff;
	background-color: #f9eb32;
	}

.feed {
	float: right;
	height: 50px;
	padding-right: 65px;
}

/* CONTENT */
		
.contentwrap {
	background: #606060;
	padding: 0 10px;
}		

#navigation {
	float: right;
	width: 170px;
	/*background: #fc0;*/
	overflow: hidden; /* IE6  Expanding Box Problem */
}

	
#content {
	float: left;
	padding: 10px 0;
	width: 590px; /* must specify IE6 Expanding Box Problem*/
	/* background: #6f9; */
}

.title {
	background: url(images/title.jpg) no-repeat;
	height: 70px;
}

.date {
	padding: 12px 0 0 15px;
	color: #fff;
	font-weight: bold;
}

.post {
	margin: 10px;
	background-color: #fff;
	color: #000;
}

.post h2 {
	line-height: 30px;
	font-family: Tahoma, sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 5px 0 0 10px;
}

.post h2 a, .post h2 a:link, .post h2 a:visited  {
	color: #008aff;
}

.post a:link, .post a:visited {
	color: #01a0e1;
}

.post a:hover {
	color: #013696;
}

.entry {
	padding: 5px 10px;
}

.cover{
	margin: 0;
	background:url(images/cover.jpg);
	background-repeat:repeat-y;
	
	}

.postinfo {
	background: url(images/postmeta.jpg) no-repeat;
	height: 35px;
}

.category {
	font-size: 12px;
	float: left;
	padding: 3px 10px;
}

.com {
	font-size: 12px;
	float: right;
	padding: 3px 10px;
}

/* SIDEBARS */

.sidebar1 {
	float:left;
}

.sidebar2 {
	float: right;
}

.sidebar1, .sidebar2 {
	width: 170px;
	padding: 10px 0px;
	font-family: Tahoma, sans-serif;
	color: #efbf00;
}

.sidebar1 ul, .sidebar2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sidebar1 ul ul, .sidebar2 ul ul {
	background: bottom no-repeat url(images/bottomside.gif);
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px;
}

.sidebar1 li, .sidebar2 li {
	margin: 10px 0;
}

.sidebar1 li li, .sidebar2 li li {
	background-color: #222;
	border-bottom: 1px solid #606060;
	margin: 0;
	padding: 3px 0 3px 10px;
}


.sidebar1 h2, .sidebar2 h2 {
	background: url(images/headside.jpg) no-repeat;
	margin: 0;
	height: 30px;
	line-height: 29px;
	padding: 0 10px;
	font-size:14px;
	color:#efbf00;
	font-weight: bold;
}

.sidebar1  a:link, .sidebar1  a:visited, .sidebar2  a:link, .sidebar2  a:visited{
	color:#ccc;
		}	
.sidebar1  a:hover, .sidebar2  a:hover {
	color:#fff;
		}

.sidebar1 table, .sidebar2 table {
	background-color: #222;
	width: 100%;
}

/* Widgets */

.textwidget {
	padding-left: 10px;
}

.widget widget_categories {
	width: 170px;
}

/* FOOTER */

#footer {
	height: 30px;
	background: #000 url(images/footer.jpg) top no-repeat;
	padding: 75px 10px 3px;
	padding-left: 85px;
	font-size:10px;
	color: #efbf00;
	text-align: center;
}

#footer a {
	color:#fefefe;
}

#footer a:hover {
	color:#ccc;
}

/* The Comments */

#comments, #respond, #commentform {
	margin: 10px;
}

#comment {
	width: 90%;
	font-family: Tahoma, sans-serif;
	font-size: 14px;
}


.commentlist {
	margin: 10px;
}

.commentlist li{
	border-bottom: solid 1px #008aff;
	margin-bottom: 10px;
}

.commentlist a, #commentform a {
	color: #008aff;
}

.commentlist a:link, .commentlist a:visited, #commentform a:link, #commentform a:visited  {
	color: #01a0e1;
}

.comentlist a:hover, #comentform a:hover {
	color: #013696;
}

.comment-author.vcard img{float:left;margin-right:10px;}
.fn, .fn a{font-weight:bold;font-style:normal;}
ol.commentlist{list-style-type: none;}
.comments textarea {
	width:96%;
	height:156px;
	background:#fff;
	border:1px solid #666;
	color:#000;
	padding:10px;
	overflow:auto;
	font-family: Tahoma, sans-serif;
	font-size:14px;
}