/*  
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:#111 url(images/body-bg.jpg) repeat-x; 
  margin:0;
  padding:0;
  }
  
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;
  }
  
#wrapper {
  width:900px;  
	margin:0px auto;
  background:#000 url(images/bg.jpg) repeat-x; 
  }

#header {
  margin-top:45px;
  background:transparent url(images/guadalupe.png) no-repeat top right;
  width:900px;
  height:160px; 
  margin:0px auto 0px;
  padding:20px 0 0 0px;
  background-position:0 11px;
  }

#header h1, h1 a, h1 a:visited {
  color:#fff;
  font-size:26px;
  margin:0;
  padding:0;
  float:left;
  font-variant:small-caps;
  text-decoration:none;
  font-weight:normal;
  font-family: "arial", Times, serif;
  }
  
.row {
  background-color:transparent;
  height:0px;
  width:680px;
  margin: 10px 0 0 170px;
  }
  
#content ol {
  margin:0;
  }
  
#content ul li {
  list-style:square;
  margin-left:10px;
  }
  
#rant {
  clear:both;
  margin-left:25px;
  width:65%;
  height:120px;
  overflow:none;
  padding:15px 10px 0 10px;
  font-size:13px;
  color:#a7abf4;
  font-variant:small-caps;
  }

#something-at-the-right {
  float:right;
  margin:0;
  width:220px;
  height:100px;
  padding:15px 10px 0 10px;
  text-align:right;
  }

#content img {
  margin:0 10px 0 10px;
  }

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

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

.col2 {
  float:right;
  width:20%;
  margin:5px 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;
  line-height:120%;
  }

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

form {
  margin:0;padding:0;
  }

#page {
  margin:0px auto;
  width:900px;
  background:transparent;
  font:100%/150% "Georgia", "Times";
  }

#content {
  padding:10px 5px 10px 10px;
  float:right;
  width:495px;
  }

#sidebar {
  float:left;
  padding:25px 5px 5px 5px;
  width:175px;
  }

#right_sidebar {
  float:left;
  padding:25px 5px 5px 0;
  width:200px;
  }

#content p, li {
  font:100%/150% "Georgia", "Times";
  }

#content a, #content a:visited {
  text-decoration:underline;
  color:#a7abf4;
  }

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

#content h2, h2 a, h2 a:visited {
  color:#eeeeee;
  font:normal 150%/100% "Arial", Tahoma;
  }

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

blockquote, blockquote cite {
  margin:0px 0 0px 20px ;
  padding:0;
  font-style: italic;
  }

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:100%;
  }

.entry a, .entry a:visited, .entry a:hover {
  text-decoration:underline;
  }

.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 ul {
  margin:0 0 20px 40px;
  padding:0;
  border-bottom:1px solid #333;
  }
#sidebar li {
  list-style:none;
  margin:0;
  padding:2px 0 2px 20px;
  border-top:1px solid #333;
  }

#sidebar li a, #footer li a {
  display:block;
  color:#ccc;
  list-style:disc inside;  
  }

#sidebar li a:hover, #footer li a:hover {
  background:transparent;
  color:#fff;
  text-decoration:underline;
  }

#quoterotator {
  padding-left:5px;
  color:#a7abf4;
  }
  
#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:#ccc;
  }

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

#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-pray {
  list-style:none;
  margin:0 0 15px;
  margin-left:3.5em;
  padding:0;
  border-bottom:1px solid #333;
  }

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

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

.ul-pray li a:hover {
  color:#fff;
  text-decoration:underline;
  }

.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:4px double #fff;
//  border-bottom:2px solid #fff;
  background-image:url(images/bgt.jpg);
  background-repeat: repeat-x;
  background-color:#070707;
  color:#ccc;
  font-size:95%;
  line-height:130%;
  width:100%;
  height:57px;
  }

.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:visited a: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;
  padding-right:5px;
  }

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

.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:5px;
  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 {
  margin-left:-3.5em;
  }
  
.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;
  }
.tooltip {
  text-decoration:none;
  border-bottom:1px dotted #A7ABF4;
  cursor:pointer;
}
#languages-box {
  position:relative;
  height:15px;
  bottom:-7px;
  right:0px;
}
#languages-box li { 
  float:right;
  padding-left:10px;
  list-style:none;  
  font:bold 11px "Arial", Tahoma ;
}
#languages-box li.language_item a {
  color:#a7abf4;  
  text-decoration:underline;
}
#languages-box li.language_item a:hover {
  text-decoration:underline;
}
#languages-box li.current_language_item {
  color:#fff;
  text-decoration:none;
  }