/* CSS Document */

/*  
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:75%/150% "Arial", Tahoma;color:#fafafa;background:#000;margin:0;padding:0;background-image:url(images/bg.jpg);background-repeat:repeat-x;}
p{padding:0 0 15px;margin:0;}
a{color:#fff;text-decoration:none;}
a:visited{color:#fff;text-decoration:none;}
a:hover{color:#A7ABF4;text-decoration:none;}
.row{background-color:transparent;width:75%;height:0px;margin:0px auto 0px;}
.titlename{font-family: Georgia, "Times New Roman", Times, serif;font-size: 60px;font-weight: bolder;        margin-top:60px;}
#header{
  margin:0px;
  background-color:#transparent;
  padding:10px 0 0 20px;}
#header h1, h1 a{color:#fff;font-size:70px;margin:0;padding:0;float:left;font-variant:small-caps;font-weight:normal;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:#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;}
#rant{margin-left:500px;}
#rantext{height:140px;width:67%;overflow:auto;margin-top:0px;padding:0px 0 0 10px;}
#rantext p{color:#ccc;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;}
.col2{float:right;width:21%;margin:10px 5px 0 5px;}
small{color:#aaa;float:right;}
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;}
form{margin:0;padding:0;}
#page{margin:0px auto;width:80%;background:transparent;}
#content{padding:10px 0px 10px 10px;float:right;width:55%;}
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:right;width:85%;}
.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;}
.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{background:#222;}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited{font-weight:bold;font-style:normal;font-size:120%;color:#ccc;}
.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;}
#sidebar{float:left;padding:0 5px 5px 0;width:20%;}
#right_sidebar{float:left;padding:0 5px 5px 0; height: 470px;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 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{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{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;}
.alignleft{float:left;}
.alignright{float:right;}
.clear{clear:both;}
hr.clear{clear:both;visibility:hidden;margin:0;padding:0;}
a img{border:.08em solid #000;padding:.077em;filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5; -khtml-opacity:0.5;}
a img:hover{border:.08em solid #ccc;opacity:1;}
.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;}
.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}
.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;}