/*  
Theme Name: Traffic Cone Trophy
Theme URI: http://katundu.com/traffic-cone-trophy
Description: A quirky and clean theme more or less a blank canvas ready to do what you want to do with it. Support for Ultimate Tag Warrior, Brian's Latest Comments and Related Posts plugins. Based on Phu Ly's theme Simpla. 
Version: 1.0
Author: Daniel Lee
Author URI: http://katundu.com/
*/

/*************************************
 +Containers
 *************************************/

body {
	background:#fff url(./images/bg.png) repeat-x;
	border-top: 5px solid #000;
	color:#555;
	font-family: "Lucida Sans", Geneva;
	font-size: small;
	margin:0;
	padding:0;
	text-align:center;
	line-height:1.5;
}

#wrap {
	margin: 0 auto;
	text-align:left;
	width: 800px;	
}

#content {
	font-size: 1.2em;
	float: left;
	width: 420px;
	padding: 0 10px 0 10px;
	margin: 0 15px 15px 15px;
	background: #FFF;
}

#contentIndex {
	font-size: 1.2em;
	float: left;
	width: 500px;
	padding: 0 10px 0 0px;
	margin: 0 20px 20px 20px;
	background: #FFF;	
}

#sidebar {
	font-size: 1.1em;
	float: right;
	width: 152px;
	margin-right: 8px;
}

#sidebarleft {
	font-size: 1.1em;
	float: left;
	width: 152px;
	margin-left: 8px;
}

#header {
}

#footer {
	background:#000;
	border-top: 1px solid #FFF;
	color:#888;
	clear:both;
	font-size: 1em;
	padding: 8px;
}

/*************************************
 +Links
 *************************************/
 

a {
	color: #579;
	text-decoration:none;
}
a:hover {
	color: #58BBEB;
}

#content a, #contentIndex a {
	color: #58BBEB;
}

#content a:hover, #contentIndex a:hover {
	color: #579;
}

#content h2 a:hover, #contentIndex h2 a:hover {
	color: #FF6600;
}

#content h2 a, #contentIndex h2 a {
	color: #58BBEB;
}


/*************************************
 +Hn and p
 *************************************/
 
h1, h2, h3 {
	font-weight: normal;
	margin:0;
}

#header h1 {
	color: #000;
	font-size: 3em;
	margin:0;
	margin-right: 1em;
}

#header h1 a {
	color: #000;
}

#header h1 a:hover {
	color: #CC0000;
}

#header p {
	color:#aaa;
	font-size:1.1em;
	margin:0;
	margin-top:-0.5em;
}

.entrytitle h2 {
	font-size: 1.8em;
}

.entrytitle h3 {
	font-size: 1.4em;
	color:#6F6F6F;
}

#sidebar h3, #sidebarleft h3 {
	color:#555;
	font-size: 1.4em;
	margin:1em 0;
}

#sidebarleft h2 {
	color: #FFF;
	}
	
/*************************************
 +Entry
 *************************************/
.entry {
	margin-bottom: 0;
}

.entry li {
	list-style: url(./images/bullet_blue.gif) none inside;
}

.entrymeta {
	font-size: 0.9em;
	margin-top: 10px;
	margin-bottom: 20px;
	width: auto;
	border-top: 1px dotted #EEE;
	background: #F4F4F4;
	color: #BBB4AC;
}
	
.postinfo {
	background: url(images/bgmeta.png) left top repeat-x;
}
	
.postinfo p {
	padding: 8px;
	margin: 0;
}
	
.postedby {
	background: url(./images/user.gif) no-repeat;
	padding-left: 20px;
}

.filedto {
	background: url(./images/post.gif) no-repeat;
	padding-left: 20px;
}

.commentslink {
	background: url(./images/comment.gif) no-repeat;
	padding-left: 20px;
}

.tagdata {
	background: url(./images/tag_blue.gif) no-repeat;
	padding-left: 20px;
}

.edit a {
	background: url(./images/pencil.gif) no-repeat;
	padding-left: 20px;
	}
	
.subscribecomments {
	background: url(./images/rss.gif) no-repeat;
		padding-left: 20px;
	}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul, #sidebarleft ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#sidebar ul li, #sidebarleft ul li {
	border-bottom:1px dotted #ddd;
	margin-bottom: 5px;
	margin-top: 10px;
}

.sidebarleftbox {
	margin-top: 4px;
	margin-bottom: 4px;
	width: 100%;
	background: #000;
	border-bottom: 1px solid #EEE;
	color: #CCC;
}
	
.sidebarleftbox h2, .sidebarbox h2 {
	margin: 0;
	padding: 8px;
}
	
.sidebarleftbox p, .sidebarbox p, .sidebarBox2nd p {
	padding: 8px;
	margin: 0;
}
	
#sidebarleft ul, #sidebar ul {
	padding: 8px;
}
	
.sidebarbox {
	width: 100%;
	background: #F4F4F4;
	color:#555;
	}
	
.sidebarBox2nd h2 {
	padding: 8px;
}
	
.sidebarBox2nd {
	width: 100%;
	background: #F9F9F9;
	border-bottom: 1px solid #EEE;
	color:#555;
}
	

/*************************************
 +Comments
 *************************************/
.commentsblock {
	background: #F4F4F4;
	border-bottom: 1px solid #EEE;	
}

.commentsblock textarea {
	width: 96%;
	height: 15em;
	background: #FFF url(./images/textbox.png) no-repeat center center;
	padding: 8px;
}

.commentsblock input, .commentsblock textarea {
	border:1px solid #d1d1d1;
	padding: 4px;
}

.commentsblock textarea:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}

.commentauthor {
	display:block;
	font-size:1.5em;
}

ol.commentlist {
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding: 8px;
}

.commentlist li {
	margin-bottom:0.5em;
	padding:0.5em 1em;
}

.alt {
	margin-top: 10px;
	width: auto;
	padding: 8px;
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-right: 1px solid #EEE;
}

.commentsblock h3 {
	font-size: 1.4em;
	padding: 8px;
	margin: 0;
}
	
.commentsblock form {
	padding: 8px;
}
	
/*************************************
 +Post Images
 *************************************/

.entrybody img {
	padding: 4px;
	max-width: 100%;
	border: 0;
	border-bottom: 1px solid #EEE;
	border-right: 1px solid #EEE;
	background: #F9F9F9;
}

.center {
	text-align: center;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left;
}

img.center, img[align="right"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
img.alignright, img[align="right"] {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
	display: inline;
}

img.alignleft, img[align="left"] {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 10px;
	display: inline;
}

/*************************************
 +Logo
 *************************************/
#logo {
	padding: 3em 1em;
   }
#logo h1 a {
	display: block;
	color: #FF6600;
}

/*************************************
 +Menu
 *************************************/

#nav li.current_page_item a,
#nav li.current_page_item a:hover {
	color: #FFF;
	background: #333;
	text-decoration: none;
}
	
#nav {
	float: right;
 	width: auto;
	margin: 0;
	margin-right: 7px;
	padding: 0;
	list-style: none;
}

#nav li {
	float: right;
	margin: 0 1px 0 0;
	padding: 0;
	background: #000;
	list-style-position: inside;	
}

#nav a {
	float: left;
	display: block;
	margin: 0 2px 0 0;
	padding: 4px 8px 4px 10px;
	color: #FFFFFF;
	text-decoration: none;
	background: #000;
}

#nav a:hover {
	padding: 4px 8px 4px 10px;
	background: #333;
	font-size: 1.4em;
}

/*************************************
 +Home Page Extra Bottom Area
 *************************************/
#extrabar {
	float: left;
	width: 784px;
	background: #000;
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 8px;
}

#extrabar form {
	margin-bottom: 20px;
}

#extrabar h2 { /* The centered titles above the contents */
	font-size: 1.4em;
	color: #FFF;
	margin: 0;
	float: left;
}

#extrabar p { /* The centered titles above the contents */
	margin-top: 30px;
}

#extrabar ul {
	clear: both;
	padding-top: 20px;
	list-style: none;
	padding-left: 0;
}

#extrabar li {
	margin-bottom: 5px;
	margin-top: 10px;
}

#leftcol {
	float: left;
	display: inline;
	width: 348px;
	height: auto;
	padding: 22px;
	background: #000;
	}
#leftcol li  {
	padding-left: 20px;
	background: url(images/folder.gif) no-repeat 0 50%;
}

#rightcol {
	float: left;
	display: inline;
	width: 347px;
	height: auto;
	padding: 22px;
	border-left :1px solid #FFF;
	background: #333;
}
.feedlinkextra img { /* On the extrabar */
	height: 16px;
	width: 16px;
	border: none;
	float: right;
	padding-top: 8px;
}

/*************************************
 +Misc
 *************************************/
blockquote {
	margin: 20px 0;
	padding: 0 20px 0 30px;
	background: url(images/quote.gif) top left no-repeat;
	color: #663333;
}

#subscribe ul, #random ul, #comments ul {
	list-style: none;
}

#random ul {
	background: #333;
}

#subscribe a {
	padding-left: 20px;
	background: url(images/rss.gif) no-repeat 0 50%;
}

#related li {
	list-style: url(./images/page_white_go.gif) none inside;
}

#comments li {
	padding-left: 20px;
	background: url(images/user_comment.gif) no-repeat 0 10%;
}
.search {
	padding-left: 20px;
	background: url(images/zoom.gif) no-repeat 0 50%;
}

.more {
	padding-left: 20px;
	background: url(images/add.gif) no-repeat 0 50%;
}
	
.up a {
	padding: 8px 8px 8px 20px;
	background: url(images/arrow_up.gif) no-repeat 0 50%;
}
	
.up a:hover {
	background: #333 url(images/arrow_up.gif) no-repeat 0 50%;;
}


.wordpress a {
	padding: 8px 8px 8px 25px;
	background: url(images/wordpress.gif) no-repeat 0 50%;
}

.traffic a {
	padding: 8px 8px 8px 25px;
	background: url(images/katundu.gif) no-repeat 0 50%;
}

	
.next {
	float: right;
}

.next a {
	padding-right: 20px;
	background: url(images/book_next.gif) right top no-repeat;
}
	
.previous {
	float: left;
}

.previous a {
	padding-left: 20px;
	background: url(images/book_previous.gif) left top no-repeat;
}
	
.previous a:hover, .next a:hover, .up a:hover {
	color: #FF6600;
}
	
.viewpage {
	padding-left: 20px;
	background: url(images/page_white_go.gif) no-repeat 0 50%;
}

.viewpage2 li {
	padding-left: 20px;
	background: url(images/page_go.gif) no-repeat 0 50%;
}

/*************************************
 +Date Stamp
 *************************************/
 .dateblock {
    display: block;
    float: right;
    text-align: center;
	padding: 4px;
	width: 40px;
	border: 0;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	background: #FFF;
    margin-right: 8px;
    margin-bottom: 0px;
	margin-top: 10px;
}

.datetop {
    color: #333;
    font-size: 0.9em;
    text-transform: uppercase;
    margin: 0px;
    padding-top: 5px;
	padding-bottom: 2px;
}

.datebottom {
    color: #333;
    font-size: 1.4em;
    text-transform: uppercase;
    margin: -4px 0 0 0;
}