/*
Theme Name: PCCompete
Theme URI: http://www.pccompete.com
Description: Inspiration by 960.gs
Version: 1.0
Author: Attawee Jaroenwattanawinyoo
Author URI: http://www.pccompete.com
Tags: widgets, fixed width 
	This theme was designed and built by Attawee Jareonwattanawinyoo,
	whose blog you will find at http://www.pccompete.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/*////////// CONTAINER //////////*/
#container {
}

/*////////// HEADER //////////*/
#header {
   border-top:2px solid #63a5c8;
}

#date {
   font-size: 11px;
   margin: 2px 0 0 0;
}

#rss {
   font-size: 11px;
   margin: 2px 0;
   text-align:right;
   text-transform:uppercase; 
}

#logo {
   height: 60px;
   margin: 15px 0 0 10px;
}

#logo a {
   text-transform:uppercase; 
   font: 24px "Arial Narrow", Tahoma, Arial; 
   color: #333;
   text-decoration:none;
}

#logo a:hover, a:active, a:focus {
   text-decoration:none;
}

#author_intro {
   color: #006699;
   font: 11px Arial, Tahoma; 
}

#top_banner {
   margin: 10px 0 0 0;
}

#cse-search-box {
   margin: 5px 0 0 0;
}

#searchbox, #feedbox {
}

#feedbox {
width: 160px;
}

#searchbutton, #feedbutton, #commentbutton {
background-color: #1a1a1a;
color: #fff;
border: 1px solid #111;
padding: 1px;
}

/*////////// TOP NAVIGATION //////////*/
#top_navlist {
   background-color: #eee;
   font: 11px Tahoma, Arial, Verdana, sans-serif;
   text-transform: uppercase;
   height: 35px;
}

li.navlist {
   list-style: none;
   margin: 0;
   float:left;
}

li.navlist a {
   display: block;
   outline: none;
   padding: 11px 10px;
   background: #eee;
   text-decoration: none;
   border-right: 1px solid #ddd;
   width: 100px;
   text-align:center;
}

li.navlist a:link { 
   color:#333;
}

li.navlist a:visited { 
   color:#333;
}

li.navlist a:hover{
   background-color: #333;
   color:#fff!important;
   /*padding: 11px 0 11px 10px;*/
} 

/*////////// CONTAINER2 //////////*/
#container2 {
   background-color: #fff;
   font-size:13px;
   margin-top: 10px;
}

/*////////// SIDEBAR LEFT //////////*/
#sidebar_left { 
   font-size:11px; 
}

/*////////// SIDEBAR LEFT NAVIGATION //////////*/
#sidebar_left ul {
   list-style: none;
}

#sidebar_left ul li { 
   background:url(images/li.png) no-repeat 0 3px;
   color: #7f7f7f;
   margin: 0;
   line-height: 1.2em;
   border-top: 1px solid #eee;
   padding: 4px 0 4px 16px;
}

#sidebar_left ul li a {
   display: block;
   font-weight: bold;
}

#sidebar_left a {
   font-weight: bold;
}

/*////////// SIDEBAR RIGHT //////////*/
#sidebar_right { 
   font-size:11px; 
}

/*////////// FOOTER //////////*/
#footer { 
   margin: 10px 0;
   font: 11px Tahoma, Arial, Verdana, sans-serif;
   text-align:right;
}

#topbutton {
   margin: 10px 0;
   text-transform: none;
}

/*////////// FOOTER NAVIGATION //////////*/
#footer_navlist {
   background-color: #eee;
   font: 11px Tahoma, Arial, Verdana, sans-serif;
   text-transform: uppercase;
   height: 35px;
}


/*////////// WORDPRESS POST //////////*/
.post {
   border-top: 1px solid #eee;
   padding-top: 10px;
}

.postmetadata {
   font: 11px Verdana, Arial, sans-serif, Tahoma;
   text-transform: uppercase;   
   border-top: 1px solid #eee;
   padding: 5px;
   margin: 0px 0 0 0;
   background-color: #e5f2f8;
}

.postmetadate {
   font: 11px Verdana, Arial, sans-serif, Tahoma;
   margin: 5px 0 10px 0;
}

/*////////// WORDPRESS COMMENT //////////*/
.pagecomments {
   margin: 20px 0 0 0;
}

#respond {
   margin: 20px 0 0 0;
}

ol.commentlist {
   list-style: none;
}

ol.commentlist li.even {
   margin: 10px 0;
   background-color: #eee;
   padding: 10px;
   border: 1px solid #eee;
}

ol.commentlist li.odd {
   margin: 10px 0;
   background-color: #fff;
   padding: 10px;
   border: 1px solid #eee;
}

img.avatar {
   float:right;
}

.inputtext {
   background-color: #fff; 
   border: 1px solid #63a5c8;
   width: 220px;
   font: 11px Arial, Tahoma; 
   padding: 3px;
}

.commentinputtext {
   background-color: #fff; 
   border: 1px solid #eee;
   width: 220px;
   font: 11px Arial, Tahoma; 
   padding: 3px;
}