/*  
Theme Name: Toc
Theme URI: http://milo.peety-passion.com/category/themes/
Description: Fluid three column theme with custom features.
Version: 3.17
Author: miloIIIIVII
Author URI: http://milo.peety-passion.com/

Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others mayfind the source for your site and adapt a suitable version for theirown website.
*/

* html .clearfix{ height: 1%; }

a{ color: #fff;  }

a img{
	border: .08em solid #000;
	padding: .077em;

}

a img:hover{ border: .08em solid #ccc;  }

a:visited{ color: #fff;  }

a:hover{ color: #A7ABF4;  }

acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; }

blockquote cite{ display: block; }

blockquote, blockquote cite{
	margin: 0 5px 0 0;
	padding: 10px 10px 10px 10px;
	background: #000;
	color: #aaa;
	font-size: 0.9em;
	border-left: 8px double #A7ABF4;
}

body{
	font: 75%/150% "Arial", Tahoma;
	color: #fafafa;
	background: #000;
	margin: 0;
	padding: 0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}

form{ margin: 0; padding: 0; }

h2{
	color: #fafafa;
	margin: 0 0 2px;
	border-bottom: 1px solid #ccc;
	letter-spacing: -1px;
	font: normal 110%/100% "Arial", Tahoma;
	padding-bottom: 3px;
	font-variant: small-caps;
}

h2 a, h2 a:visited{ color: #ccc; text-decoration: none; }

h2 a:hover{ color: #A7ABF4; background: 333; text-decoration: none; }

h3{
	font: normal 140%/100% "Arial", Tahoma;
	color: #A7ABF4;
	margin: 10px 0 5px;
}

h4{
	font: normal 130%/100% "Arial",Tahoma;
	color: #ccc;
	margin: 10px 0 5px;
}

hr.clear{ clear: both; visibility: hidden; margin: 0; padding: 0; }

p{ padding: 0 0 15px; margin: 0; }

small{ color: #aaa; float: right; }

.alignleft{ float: left; }

.alignright{ float: right; }

.center{ text-align: center; }

.clear{ clear: both; }

.clearfix{ display: inline-block; }
/* Hides from IE-mac \*/
.clearfix{ display: block; }
/* End hide from IE-mac */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.col{ float: left; width: 29%; margin: 10px 10px 0 10px; }

.col2{ float: right; width: 21%; margin: 10px 5px 0 5px; }

.commentlist{ margin: 10px 0; padding-left: 20px; line-height: 130%; }

.commentlist .alt{ background: #ccc; }

.commentlist cite, .commentlist cite a, .commentlist cite a:visited{
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #ccc;
}

.commentlist li{ padding: 5px 10px; }

.commentlist small{ margin-bottom: 5px; display: block; font-size: 87%; }

.entry{ float: right; width: 85%; }

.entry p img{
	float: left;
	border: none;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	max-width: 90%;
}

.ff a img{
	border: .08em solid #A7ABF4;
	padding: .077em;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	-khtml-opacity: 0.3;
	width: 3.5em;
	height: 3.5em;
	margin: 0 .077em .077em 0;
}

.ff a:hover img{
	border: .08em solid #ccc;
	opacity: 1;
	width: 3.5em;
	height: 3.5em;
}

.footer_inside{ width: 80%; margin: 0px auto 0px; }

.linkcat{ list-style-type: none; }

.navigation a,.navigation a:visited{ color: #ccc; margin: 10px 0 0 10px; display: block; }

.post{ clear: both; padding-top: 10px; list-style: square; }

.post-calendar{
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #A7ABF4;
}

.post-cat{
	background: url(images/cat.gif) no-repeat left center;
	padding-left: 20px;
	float: left;
	font-size: 95%;
	color: #A7ABF4;
}

.post-comments{
	background: url(images/com.gif) no-repeat left center;
	padding-left: 20px;
	float: right;
	font-size: 95%;
}

.post-content{ clear: both; padding-top: 10px; }

.post-date{
	width: 45px;
	height: 49px;
	float: left;
	background: url(images/date.gif) no-repeat;
}

.post-day{
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ccc;
	text-align: center;
	display: block;
	line-height: 21px;
	padding-top: 7px;
	margin-left: -3px;
}

.post-month{
	font-size: 11px;
	text-transform: uppercase;
	color: #ccc;
	text-align: center;
	display: block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}

.recently-commented{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 92%;
	line-height: 110%;
}

.recently-commented a{ font-size: 115%; line-height: 130%; font-weight: bold; }

.recently-commented li{
	background: url(images/fooco.gif) no-repeat;
	padding: 0 0 10px 20px;
}

.row{
	background-color: transparent;
	height: 0px;
	width: 75%;
	margin: 0px auto 0px;
}

.rss{
	background: url(images/rss.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}

.ul-archives{
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0;
	border-bottom: 1px solid #333;
}

.ul-archives li{
	margin: 0;
	padding: 2px 0 2px 20px;
	border-top: 1px solid #333;
	background: url(images/arc.gif) no-repeat left center;
	list-style-type: none;
}

.ul-archives li a, .ul-archives li a:visited{ color: #ccc; text-decoration: none; }

.ul-archives li a:hover{ color: #ccc; text-decoration: none; }

.ul-cat{
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
	border-bottom: 1px solid #333;
}

.ul-cat li{
	margin: 0;
	padding: 2px 0 2px 20px;
	border-top: 1px solid #333;
	background: url(images/cat.gif) no-repeat left center;
}

.ul-cat li a, .ul-cat li a:visited{ color: #ccc; text-decoration: none; }

.ul-cat li a:hover{ color: #ccc; text-decoration: none; }

.ul-roll{
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
	font-size: 115%;
	line-height: 130%;
	font-weight: normal;
}

.ul-roll li{
	margin: 0;
	padding: 2px 0 2px 20px;
	background: url(images/li.gif) no-repeat left center;
}

.ul-roll li a:visiteda:hover{ text-decoration: none; }

.widget{ list-style-type: none; }

.widget_calendar caption{
	text-align: left !important;
	color: #ccc;
	padding-left: 1em;
}

.widget_calendar table{
	background-color: #333 !important;
	color: #333 !important;
}

.widget_delicious h2 a{ font-size: 1.1em; color: #fff; text-decoration: none; }

.widget_recent_comments li{ list-style-type: disc; }

.widget_text div{ padding-left: 4em; }

.widgettitle{ }

#.ul-roll li a, .ul-roll li a:visited{ color: #A7ABF4; text-decoration: none; }

#commentform{
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
	color: #333;
}

#commentform #submit{
	background: url(images/bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	border: none;
	float: right;
	width: 144px;
	height: 28px;
	cursor: pointer;
}

#commentform input{
	width: 60%;
	background: #fff;
	border: 1px solid #A7ABF4;
	padding: 3px;
	margin-top: 3px;
}

#commentform label{ color: #ccc; font-size: 87%; }

#commentform p{ padding: 6px 0; margin: 0; }

#commentform textarea{
	width: 60%;
	height: 115px;
	background: #fff;
	border: 1px solid #A7ABF4;
	padding: 2px;
	margin-top: 3px;
	color: #333;
}

#commentform textarea:focus, #commentform input[type="text"]:focus{ background: #fff; }

#comments, #respond{
	border-bottom: 3px solid #A7ABF4;
	padding-bottom: 5px;
	color: #333;
}

#content{ padding: 10px 0px 10px 10px; float: right; width: 55%; }

#content li{ list-style: square; margin-left: 10px; }

#credits{
	margin: 0px auto;
	width: 70%;
	color: #333;
	font-size: 85%;
	line-height: 120%;
}

#credits a, #credit a:visited{ color: #333; }

#footer{
	clear: both;
	border-top: 9px double #333;
	border-bottom: 2px solid #fff;
	background-image: url(images/bgt.gif);
	background-repeat: repeat-x;
	background-color: #070707;
	color: #ccc;
	font-size: 95%;
	line-height: 130%;
	width: 100%;
}

#footer a, #footer a:visited{ color: #ccc; }

#footer h4{
	font: normal 146%/100% "Arial", Tahoma;
	color: #A7ABF4;
	margin: 10px 0 5px;
}

#header{
	background-color: transparent;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 160px;
	margin: 20px auto 0px;
	padding: 20px 0 0 0;
	background-position: top left;
}

#header h1, h1 a{
	color: #fff;
	font-size: 27px;
	margin: 0;
	padding: 0;
	float: left;
	font-variant: small-caps;
	font-weight: normal;
	font-family: "arial", Times, serif;
}

#home{
	margin: 0px auto 0px;
	width: 97%;
	color: #ccc;
	font-size: 95%;
	line-height: 120%;
}

#nav{
	list-style: none;
	margin: 0;
	position: absolute;
	right: 10%;
	top: 5px;
}

#nav .current_page_item a,#nav .current_page_item a:visited{ color: #A7ABF4; }

#nav .page_item a{
	color: #ccc;
	text-decoration: none;
	background: transparent;
	padding: 10px 10px;
	font: 14px/100% Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	display: block;
}

#nav .page_item a:hover{ color: #fff; }

#nav li{ float: left; margin-left: 5px; }

#page{ margin: 0px auto; width: 80%; background: transparent; }

#rant{ margin-left: 600px; }

#rantext{
	margin: 0;
	height: 140px;
	width: 67%;
	overflow: auto;
	padding: 30px 0 0 10px;
}

#rantext p{ color: #ccc; line-height: 1.5em; }

#right_sidebar{ float: left; padding: 0 5px 5px 0; width: 18%; }

#searchform{
	background: transparent;
	width: 190px;
	padding: 5px 0 5 5px;
	float: left;
}

#searchform #s{
	border: 1px solid #A7ABF4;
	width: 135px;
	height: 22px;
	padding: 2px 5px 0 5px;
	border: 1px solid #A7ABF4;
	background: transparent;
	vertical-align: middle;
	color: #fff;
}

#searchform #searchsubmit{
	background: url(images/search.gif) no-repeat;
	border: none;
	width: 28px;
	height: 24px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	vertical-align: middle;
	cursor: pointer;
}

#sidebar{ float: left; padding: 0 5px 5px 0; width: 20%; }

#sidebar h3{
	font: normal 140%/100% "Arial", Tahoma;
	color: #A7ABF4;
	margin: 10px 0 5px;
}

#sidebar li a,#footer li a{ display: block; }

#sidebar li a:hover, #footer li a:hover{
	background: #333;
	color: #A7ABF4;
	text-decoration: none;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}

#wp-calendar{
	text-align: center;
	background-color: transparent;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a{ width: 30px; margin: 0 0 0 30px; }

#wp-calendar #prev a{ width: 30px; }

#wp-calendar #today{ background: #333; color: #fff; }

#wp-calendar #today a{ color: #fff; font-weight: 700; }

#wp-calendar caption{ text-align: left; width: 100%; margin: 0 0 5px 0; }

#wp-calendar td{ line-height: 10px; font-size: 10px; color: #ccc; }

#wp-calendar td a{
	display: block;
	color: #A7ABF4;
	text-decoration: none;
	line-height: 10px;
}