/*  
Theme Name: Nosce te ipsum

Theme URI: http://www.inordinatemind.com/
Description: Nosce te ipsum Theme is clean layout that build with 2 Columns Layout.
Version: 0.1
Author: Anthony Topper
Author URI: http://www.inordinatemind.com/

	This theme was designed and built by Anthony Topper,
	whose blog you will find at http://inordinatemind.com
	Crafted on 20 September 2007
	Last Edit: 23 May 2007 11.24  +7 GMT
	The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License:
	http://creativecommons.org/licenses/by/3.0/
*/

.timr{padding:3px;float:right;text-align:center;font-size:11px;border:1px solid #000;background:#000;height:35px;color:#fff;}
.timr em{font-size:14px;position:relative;top:-5px;}

.feedwidget_1{border-top:1px solid #000;border-bottom:1px solid #000;height:75px;width:750px;position:relative;top:76px;z-index:3;}
.feedwidget_1 img:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;-khtml-opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=100);}
.feedwidget_1 img{float:left;filter:alpha(opacity=35);-moz-opacity:0.35;opacity: 0.35;-khtml-opacity:.35;
filter:progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=35);}

#ibr2 img{border:0px;margin:0px 2px;vertical-align:middle;}
#ibr{border-top:1px solid #000; border-bottom:1px solid #000;width:750px;text-align:right; z-index:3;position:relative;background-color:#ffffff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; -khtml-opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=50);}
#ibr2{height:25px;padding:0px 10px}

html{height: 100%;margin-bottom: 0.1em;	overflow-y: scroll;}

*

{margin: 0;padding: 0;}

img{border:0;}
p{line-height: 1.6em;margin: 0.7em 0;}
dl{margin: 1em 0;}
dt{font-weight: bold;}
dd{margin: 0.5em;padding: 0;}
img.right{float:right;margin: 10px 0 0 10px;}
img.left{float:left;margin: 0 10px 10px 0;}
hr{display:none;}

body{background: #fff url(images/bgr.gif) 0 50px repeat-x;

	color: #333;

	font: 78%/1.6em Verdana, Arial, sans-serif;

	margin: 0;

	padding: 0;

	text-align: center;

}

a{text-decoration:none;}
a:link,a:visited{color:#666;}
a:hover,a:active{}
h1,h2,h3,h4,h5,h6{font-family:arial,sans-serif;}

br.clear{clear:both;}
#top{background:#000;border-bottom:1px solid #fff;margin-bottom:0;padding:5px;text-align:left;}
#page{text-align: left;width: 750px;margin: 0 auto;}
#headr{padding: 0;width: 750px;margin: 0 auto;}
#pager{padding: 0;width: 750px;height: 200px;background: #666 url(images/headr.jpg) 0 0 no-repeat;	margin: 5px auto 10px;	}
#twitter_div{height:27px;text-align:left;background:#000;color:#fff;padding:1px;
filter:alpha(opacity=55);-moz-opacity:0.55;opacity: 0.55;-khtml-opacity:.55;overflow:hidden;}
#twitter_div ul{display:inline;float:left;list-style:none;font-size:12px;font-weight:bold;position:relative;top:2px;}
#twtfllw{margin-right:5px;float:left;}
#content {width: 520px;float: left;padding: 0 10px 20px;padding-left: 0;}

.post{margin-bottom:10px;padding:10px;}
.pp{float:left;width: 100%;}
.p1{float:left;width:50px;height:50px;background:#FF7A16;color:#fff;text-align: center;}
.p2 {float: left;margin-left: 10px;width: 450px;}
.altr {background: #efefef;}

#sidebar{position:relative;z-index:99;background:#ffffff;
width: 217px;float: right;color: #000;}

.side2 {}

#footer{padding:10px;text-align:left;background-color:#000;border-top: 4px solid #999;

	text-align: center;

	color: #fff;

	font-size: 0.85em;

	clear:both;

}

#footer .in{width:750px;margin:0 auto;}
#footer a {color: #fff;text-decoration: underline;}
#footer a:hover {text-decoration: none;}

#sidebar ul{list-style:none;}
#sidebar .linkcat, #sidebar .categories, #sidebar .boxr, #sidebar .widget  {

	background: #efefef;

	color: #333;

	padding: 10px;

	margin-bottom: 10px;

}
#sidebar ul.children{padding-left:10px;}
#headr{color:#fff;}
#headr h1{margin:0;padding:0;font: 2em "Courier New", Courier, monospace;}
#headr h1 a{color:#fff;padding-right:40px;}
#headr h1 a:hover{color:#ccc;}
#headr .description{display:none;}

#sidebar h2{font:1.2em "Trebuchet MS", Verdana, sans-serif;

	color: #333;

	border-bottom: 1px solid #666;

	padding-bottom: 2px;

	margin-bottom: 5px;

}

#sidebar a{color: #666;}
#sidebar a:hover{color: #333;}
#sidebar #avatr{border: 1px solid #666;}
h2.pagetitle{text-align: right;border-bottom: 1px solid #ccc;}

.post h2{font-size:1.8em;display:block;}
.post h2 a{color:#333;}
.post h2 a:hover{color:#666;}
.post ul{margin-left:35px;}
.post ol{margin-left:40px;}

p.postmetadata

{

	color: #666;

	font-size: 85%;

	margin-bottom: 10px;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 5px 0;

}

p.postmetadata a

{

	color: #666;

	text-decoration: none;

}

.post ul.postspermonth{

	list-style:none;

	padding: 0;

	margin: 0;

}

.post p a {

	border-bottom: 1px solid #ccc;

}

.post p a:hover {

	border: none;

}

.post a img, .post img {

	border: none;

	float: left;

	padding-right: 5px;

}	



.categr, .monthr {

	margin-bottom: 20px;

}

.categr h2, .monthr h2{

	border-bottom: 1px solid #ccc;

}



.rss {

	background: url(images/feed-icon-10x10.png) left center no-repeat;

	padding-left: 12px;

}

/* Comment Etc

********************* */

.navigation a

{

	color: #999;

}

.navigation a:hover 

{

	color: #666;

	text-decoration: underline;

}

.alignleft

{

	float: left;

	width: 50%;

}

.alignright

{

	float: right;

	text-align: right;

	width: 50%;

}



.ileft {

	float: left;

	margin-right: 5px;

}

p.stats {

	color: #999;

	font-size: .8em;

	border: 1px solid #ccc;

	border-left: none;

	border-right: none;

}

blockquote

{

	background: url(images/blockquote.gif) no-repeat left top;

	margin: 1em;

	padding: 0 0 10px 50px;

}

#content .commentsfeedr

{

	background: url(images/feed.png) no-repeat left center;

	padding-left: 20px;

}

#content .trackbackr

{

	background: url(images/arrow_refresh.png) no-repeat left center;

	padding-left: 20px;

}

input.textbox, textarea

{

	background: #fff url(images/shadow_top.gif) repeat-x top;

	border: #ccc 1px solid;

	font: 1em Verdana, Arial, Serif;

	padding: 2px;

}

input.textbox:focus, textarea:focus

{

	background: #fff url(images/shadow_top.gif) repeat-x top;

	border: #999 1px solid;

}

#submit

{

	padding: 3px 5px;

}

.comment

{

	background: #fff url(images/shadow_top.gif) repeat-x top;

	border-bottom: #ddd 1px solid;

	list-style: none;

	margin: 0;

	padding: 1em 0.5em;

}

.alt

{

	background: #f9f9f9;

}

.alt:hover, .comment:hover {

	background: #FFFF99;

}



h3#comments, h3#respond {

	border-bottom: 1px solid #ccc;

	margin-top: 10px;

}

.MyAvatars

{

	border: 1px solid #ccc;

	border-bottom: 1px solid #999;

	border-right: 1px solid #999;

	float: right;

	margin-left: 5px;

	margin-right: 10px;

	padding: 3px;

}

#comment {

	width: 100%;

}



fieldset {

	border: none;

}

textarea#cp_message {

	width: 100%;

}

.search {

	margin-bottom: 10px;

}

.search #s {

	border: 2px solid #ccc;

	background: #efefef;

	padding: 5px;

	margin-right: 5px;

	width: 160px;

}

.search #s:focus {

	border: 2px solid #ddd;

	background: #fff;

	padding: 5px;

}

.search #searchsubmit {

	background:#999;

	padding: 3px 5px;

	border: 2px solid #333;

	font-weight: bold;

	border-top: 2px solid #ccc;

	border-left: 2px solid #ccc;

	color: #fff;

}

.search #searchsubmit:focus, .search #searchsubmit:hover {

	background:#666;

	padding: 5px;

	border: 2px solid #333;

	font-weight: bold;

	border-top: 2px solid #ccc;

	border-left: 2px solid #ccc;

	color: #fff;

}

pre {

	width: 95%;

	overflow:auto;

	font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;

	color: #666;

	max-height: 350px;

	line-height: 18px;

	margin: 10px 0;

	border: 1px solid #999;

	padding: 5px;

	background: #ccc;

}



code {

font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;

color: #666;

padding: 2px;

}



/* Change Log *** 

1.0	: Public Releaed

1.1	: Fix Gradient Background Effect

*/