/*  
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.
*/

body{
	font:80%/150% georgia, "Arial", Tahoma;
line-height: 1.5;
	color:#000;
	background:#fff;
	margin:0;
	padding:0;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	}

strong{
	color: #ffcc22;
	}

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

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

a:visited{
	color:#A7ABF4;
	text-decoration:none;
	}

a:hover{
	color:#ffffff;
	text-decoration:none;
	}

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

#header{
        display: none;
	background-color:transparent;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	width:950px;
	height:160px;
	margin:17px auto 0px;
	padding:10px 0 0 0;
	background-position:top left;
	}

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

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

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

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

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

#nav .page_item a{
	color:#FFFFFF;
	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:#A7ABF4;
	}

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

#rant{
	float: right;
	}

#rantext{
	margin:0;
	height:140px;
	width:200px;
	overflow:auto;
	padding:15px 0 0 10px;
	}

#rantext p{
	color:#000000;
	text-align: justify;
	line-height:1.5em;
	}

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

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

.col1{
        display: none;
	float:left;
	width:38%;
	margin:10px 10px 0 10px;
	}
	
.col2{
	float:right;
	width:21%;
	margin:10px 5px 0 5px;
	}

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

h2{
	color:#ccccff;
	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:#ccccff;
	text-decoration:none;
	}

h2 a:hover{
	color:#aaaaFf;
	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;
	}

form{
	margin:0;
	padding:0;
	}

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

#sidebar{
        display: none;
	position: relative;
	float:left;
	padding:0 5px 5px 0;
	width: 195px;
	}
	
#content{
	padding:10px 0px 10px 10px;
	width: 525px;
	margin: 0px auto 0px auto;
	}

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

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;
	}

blockquote cite{
	display:block;
	}

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

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

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

.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;
	}

.entry{
	float:left;
	width:  500px;
	}

.entry h2{
	font-size: 20px;
	font-weight: bold;

        color: #A7ABF4;
	}

.entry h2 a{
        color: #A7ABF4;
	}

.entry h3{
	font-size: 20px;
	font-weight: bold;
        color: #A7ABF4;
	}

.entry h4{
	font-size: 18px;
	font-weight: bold;
        color: #ffffff;
	}

.docking{
	width:  525px;
	}


#sociobar1{
	width:  525px;
	}





.entry h2 a:hover{
        color: #ffffff;
	}

.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-calendar{
	padding-left:20px;
	float:right;
	font-size:95%;
	color:#A7ABF4;
	}

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

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

#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;
	}

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

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

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

.commentlist .alt{
	color: #000000;
	background:#ccc;
	}

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

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

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

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

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

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

#commentform textarea{
	width:60%;
	height:115px;
	background:#fff;
	border:1px solid #A7ABF4;
	padding: 2px;
	margin-top:3px;
	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 textarea:focus, #commentform input[type="text"]:focus{
	background:#fff;
	}



#right_sidebar{
        display: none;
	font:90%/150% "Arial", Tahoma;
	position: relative;
	float:right;
	padding:0 5px 5px 0;
	width:205px;
	}

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

#searchform #s{
	border:1px solid #A7ABF4;
	width:145px;
	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 h3{
	font:normal 140%/100% "Arial", Tahoma;
	color:#A7ABF4;
	margin:10px 0 5px;
	}

.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-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;
	}

#footer{
        display: none;
	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_inside{
	display: none;
	width:80%;
	margin:0px auto 0px;
	}

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

.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, .ul-roll li a:visited{
	color:#A7ABF4;

	text-decoration:none;

	}



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

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

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

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

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

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

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

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

.center{
	text-align:center;
	}
.aligncenter{
	text-align:center;
	}


.alignleft{
	float:left;
	}

.alignright{
	float:right;
	margin-left: 5px;
	}

.alignright a{
	margin-left: 5px;
	}

.clear{
	clear:both;
	}

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

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

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

.ff a img{
	border:.08em solid #A7ABF4;
	padding:.077em;
	width:3.5em;
	height:3.5em;
	margin:0 .077em .077em 0;
	}

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

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

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

 .clearfix{
	display:inline-block;
	}

/* Hides from IE-mac \*/ * html .clearfix{
	height:1%;
	}

 .clearfix{
	display: block;
	}

/* End hide from IE-mac */#wp-calendar{
	text-align:center;
	background-color:transparent;
	margin:0;
	width:90%;
	}

#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;
	}

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

#wp-calendar #next a{
	width:30px;
	margin:0 0 0 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-caption-text{
	text-align: center;
	text-transform: capitalize;
	font-style: italic;
	}

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

.widgettitle{
	}

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

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

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

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

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

.widget_delicious h2 a{
	font-size:1.1em;
	color:#fff;
	text-decoration:none;
	}
	
.sociable{display:none;}
.alignleft{display:none;}
.post-date{display:none;}
.post-cat{display:none;}
.comments_section{display:none;}
#credits{display: none;}
#content{align: center;}