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

@font-face {
    font-family:"Calluna";
    src:url("CallunaRegular.ttf");
}

body {
  font:75%/150% "Arial", Tahoma;
  color:#fafafa;
  background:#111 url(images/bg-colors.jpg) fixed 50% 30px no-repeat; 
  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;
  border-right:1px #444 solid;
  border-left:1px #444 solid;
  box-shadow:0 0 5px #2D2E42;
  }

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

#header h1, h1 a, h1 a:visited {
  color:#fff;
  font-size:35px;
  margin:0;
  padding:0;
  float:left;
  white-space: nowrap;
  text-decoration:none;
  font-weight:normal;
  font-family: Calluna, "Georgia", serif;
  text-shadow: 3px 3px 2px #111;
  }
  
.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:55px;
  width:65%;
  height:120px;
  overflow:none;
  padding:5px 10px 0 10px;
  font-size:13px;
  color:#a7abf4;
  font-variant:small-caps;
  text-shadow: 0 2px 0 #000;
  }

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

h1 {
  margin:30px 0 20px;
  font:normal 200%/100% Calluna, "Georgia", "Times";
  color:#555;
  letter-spacing: -1px;
}

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

#sidebar h2, #right_sidebar h2 {
  font:normal 150%/100% Calluna, "Arial", Tahoma;
  color:#eee;
  }

#sidebar h2 span, #right_sidebar h2 span {
  font-style:italic;
  color:#666;
  }
#right_sidebar p {
    margin-left:60px;
}
h3 {
  font:normal 160%/100% "Arial", Tahoma;color:#4D3DFF;margin:10px 0 5px;
  letter-spacing:-1px;
  }

h4 {
  font:bold 130%/100% "Arial",Tahoma;
  color:#4a4a4a;
  margin:10px 0 5px;
  line-height:120%;
  }

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

form {
  margin:0;padding:0;
  }

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

#content {
    margin:5px 15px 30px 5px;
  padding:3px 5px 10px 10px;
  float:right;
  width:465px;
    background:#fff url(images/gradient-gray.png) repeat-x;
    color:#333;
    border:2px #fff solid;
	
	box-shadow:0px 10px 10px #ccc;


  }
#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:#4D3DFF;
  }

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

#content h2, h2 a, h2 a:visited {
  color:#000;
  font:normal 220%/100% Calluna, "Arial", Tahoma;
  text-shadow:2px 2px 1px #fff;
  }

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

div.excerpt {
    float:right;
    margin-left:10px;
    width:50%;
    padding:5px;
    border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
    font-size:150%;
    line-height:120%;
    font-style:italic;
}
.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;
  }

#content .wp-caption {
	text-align: center;
	background: transparent;
	margin: 3px;
	padding: 4px 0;
/* optional rounded corners for browsers that support it */
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#content .wp-caption:hover {
    box-shadow:0 0 5px 1px #ccc;
}
#content .wp-caption img {
	margin:0px;
	padding:0;
	border: 0 none;
}

#content .wp-caption p.wp-caption-text {
	font-family: 'trebuchet ms', arial, sans-serif;
	font-size: 110%;
	line-height: 17px;
	padding: 2px 0 0 0;
	margin: 0;
	font-weight:bold;
}

#content .rosary-group{
    display:inline-block;
}
#content .rosary-group .wp-caption {
	margin: 0px 5px 30px;	
}

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

.red {
  color:#ff0000;
  }

.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=80); 
  -moz-opacity:0.8;
  opacity:0.8; 
  -khtml-opacity:0.8;
  }

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

.small {
    font-size:60%;
}

#WzBoDy {
  background: #222 url(images/bg2.jpg) repeat-x;
}