/*
Theme Name: Deborah Santana
Theme URI: http://entropicstudio.net/
Description: Deborah Santana, Philanthropist
Version:1.0
Author: Entropic Studio
Author URI: http://entropicstudio.net
Tags: deborah santana, philanthropy, philanthropist, do a little, book,santana

*/

* { margin:0px; padding:0px;}

html, body { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:67.5%;
	height: 100%;
	width:100%;
	min-width:960px;
	margin:0px;
	padding:0px;
	background:url(images/watercolor-bg-repeat.jpg) bottom center repeat;
}
img { border:none;}

h1 {font-size: 3em; line-height:1.4em; color:#d1612e; margin:0px; padding:0px;}
h2 {font-size: 2.6em; line-height:1.4em; color:#d1612e; margin:0px; padding:0px;}
h3 {font-size: 2.4em; line-height:1.4em; color:#d1612e; margin:0px; padding:0px;}
h4 {font-size: 2em; line-height:1.4em; color:#d1612e; margin:0px; padding:0px;}

a {color: #e85604;}
a:hover {color: #c69c6d;}

.alignleft {float:left; margin-right:15pxpx; padding:0px; display:block; text-align:left;}
.alignright {float:right; margin-left:15px; padding:0px; display:block; text-align:right;}

ul {list-style: none;display:block;}
li {list-style:none;
	font-size:1.4em;
	line-height:1.434em;
	color:#713e1f;
	padding:10px 0px;
}

ul#events-calendar-list {display:block; border:solid 1px #333; -moz-border-radius: .75em; -webkit-border-radius: .75em; -khtml-border-radius: .75em; border-radius: .75em; background:#EFE8CA;	margin:0px 0px 0px 0px;
}




#canvas_background {
  width: 100%;
  margin:0px auto;
  padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;
  background:url(images/bg-repeat.png) 0 0 repeat;
 }
#background-top {
  width: 100%;
  margin:0px auto;
  padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;
  background:url(images/bg-top.png) top center no-repeat;
}
#background-bottom {
  width: 100%;
  margin:0px auto;
  padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;
  background:url(images/bg-bottom.png) bottom center no-repeat;
}

/* HEADER
--------------------------------------------------------*/

#header {width:960px; height:310px; margin:0 auto; padding-bottom:20px;  voice-family: "\"}\"";
  voice-family: inherit; text-align:center;
}
#filler {width:300px; height:45px; margin:0px; padding-top:205px; float:left;}
#filler p{
	font-size:2em;
	line-height:1.434em;
	color:#713e1f;
	margin:0px 0px;
	padding:5px 0px;
	text-align:left;
}

/*NAV WP
-----------------------------------------*/


#nav{ width: 320px;
	margin-right:305px;	padding-top:0px;
	font-size:1.3em;
	color:#000000;
	float:left;
}
#nav, #nav ul {
list-style: none;
display:block;}
#nav a, #nav a:hover {
text-decoration: none;
border:none;
}
#nav li {
list-style:none;
display:block;
text-align:right;
margin:0px;	padding:0px;
font-size:1.3em;
	color:#000000;}
#nav a, #nav a:visited {
display:block;
font-weight:bold;
color: #000;
padding:3px 0px;
text-align:right;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
text-decoration:none; color:#e85604;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
border-bottom: 1px solid #c70000;
margin:0px;
padding:0px;
}
#nav li li {
float:left;
margin:0px;
padding:0px;
}
#nav li li a, #nav li li a:visited {
font-weight:normal;
font-size:10px;
background-color:#FFFFFF;
color:#000;
}
#nav li li a:hover, #nav li li a:active {
color:#709704;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;color:#709704;
}
a.main:hover {
background:none; color:#709704;
}



.content_wrap {
  width: 960px;
  margin:0px auto;
  padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;
}

.one_col {
  width: 960px;
  margin:0px auto;
  padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;
}
.one_col img{margin:0px;  padding:15px 10px 20px 0px;}
.one_col p{
	font-size:2.3em;
	line-height:1.434em;
	text-indent:0px;
color:#713e1f;
position:relative;
top:-40px;
  margin:0px 0px;
  padding:5px 0px;
}


.entry p {
  font-size: 1.8em;
  line-height: 2em;
  color: rgb(113, 62, 31);
  margin: 0px 10px;
  padding: 5px 0px;
  text-align: left;
}

.left_col {
  width: 480px;
  float:left;
  margin:0px;
  padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;
}
.left_col img{margin:0px;  padding:15px 10px 0px 0px;}
.left_col p{
	font-size:1.8em;
	line-height:2em;
	text-indent:0px;
color:#713e1f;
  margin:0px 10px;
  padding:5px 0px;
}

.right_col {
  width: 475px;
  float:left;
  margin:0px;
  padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;
}
.right_col p{
	font-size:1.8em;
	line-height:2em;
	text-indent:0px;
color:#713e1f;
  margin:0px 10px;
  padding:5px 0px;
}

.three_col {
  width: 235px;
  float:left;
  margin:0px;
  padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;
}
.three_col p{
	font-size:1.8em;
	line-height:2em;
	text-indent:0px;
color:#000000;
  margin:0px 10px;
  padding:5px 0px;
}
.three_col img{margin:0px;  padding:0px 10px;}

.blog_col {
  width: 480px;
  height:630px;
  float:left;
  margin:0px;
  padding:0px;
  background:url(images/blog-bg.png) 0 0 no-repeat;
}
.blog_col p{
	font-size:1.8em;
	line-height:2em;
	text-indent:0px;
color:#000000;
  margin:0px 10px;
  padding:5px 50px;
}
.blog_col a {
	font-size:1.6em;
color:#000;
  margin:0px 10px;
  padding:5px 50px;
}
.blog_col a:hover {
color:#e85604;
}

/* THE POSTS
--------------------------------------------------------*/
/*.post { width:240px; height:420px; float:left; margin:0px; padding:0px;}
.post a { color:#006699; text-decoration:none;}
.post a:hover{ color:#006699; text-decoration:underline;}
.post p{ margin:0 auto; padding:10px 10px;font-size:1.6em;line-height:1.6em; text-indent:0px; color:#025062;}

.post h2 { font-size:2.5em; line-height:2em; margin:0px; padding:0px;}
.post h2 a { color:#006699; text-decoration:none;}
.post h2 a:hover{ color:#006699; text-decoration:underline;}
*/
.news_excerpt { width:240px; min-height:350px; float:left; margin:0px; padding:0px;}
.news_excerpt a { color:#006699; text-decoration:none;}
.news_excerpt a:hover{ color:#006699; text-decoration:underline;}
.news_excerpt p{ margin:0 auto; padding:10px 10px;font-size:1.9em;line-height:1.6em; text-indent:0px; color:#025062;}

.news_excerpt h2 { font-size:2.5em; color:#d1612e; line-height:1.2em; margin:0px 0px 0px 10px; padding:0px;}
.news_excerpt h2 a { color:#006699; text-decoration:none;}
.news_excerpt h2 a:hover{ color:#006699; text-decoration:underline;}




.navigation {width:100%; margin:0px; padding:0px;}
.navigation a { font-size:1.8em; color:#d1612e; text-decoration:none;}
.navigation a:hover{ color:#006699; text-decoration:underline;}

.writings_excerpt {
  float: left;
  height: 420px;
  margin-right: 10px;
  padding: 0;
  width: 230px;
}

.writings_excerpt a { color:#006699; text-decoration:none;}
.writings_excerpt a:hover{ color:#006699; text-decoration:underline;}
.writings_excerpt p{ margin:0 auto; padding:10px 10px;font-size:1.9em;line-height:1.6em; text-indent:0px; color:#025062;}

.writings_excerpt h2 {
  color: #D1612E;
  font-size: 2.5em;
  line-height: 2em;
  margin: 0;
  padding: 0;
}
.writings_excerpt h2 a { color:#006699; text-decoration:none;}
.writings_excerpt h2 a:hover{ color:#006699; text-decoration:underline;}


.singlepost { width:960px; float:left; margin:0px; padding:0px;}
.singlepost p{ margin:0 auto; padding:10px 10px;font-size:2.0em;line-height:1.8em; text-indent:0px; color:#025062;}

.singlepost h2 { font-size:2.5em; line-height:2em; color:#006699; margin:0px; padding:0px;}
.singlepost h2 a { color:#006699; text-decoration:none;}
.singlepost h2 a:hover{ color:#006699; text-decoration:underline;}



/* THE COMMENT FORM
--------------------------------------------------------*/

#commentform {}
#commentform p {margin:0 auto; padding:10px 10px;font-size:1.6em;line-height:1.6em; text-indent:0px; color:#025062;}

.right_col input[type=text] {
padding:10px;
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
-khtml-border-radius: 7px; 
border-radius: 7px;
  border: 1px solid rgb(119,
    119, 119);
  color: rgb(113, 62, 31);
  font-size: 1.2em;
  padding: 7px 10px;

}








/* THE EVENTS CALENDAR
--------------------------------------------------------*/

#calendar_table {}
#CalendarLarge-Header {margin:0px; padding:15px 0px;}

#wp-calendarLarge th {font-size:2em; color:#d1612e;margin:0px; padding:15px 0px;}

#wp-calendar { width: 100%; margin:0px; padding:0px; list-style:none;}

#wp-calendar caption { font-size:1.8em; color:#d1612e;  margin:0px; padding-bottom:10px;}

thead { padding-bottom:10px font-size:1.8em; color:#d1612e;;}
tr { font-size:1.1em; color:#d1612e;	}
th { font-size:1em; color:#d1612e;}
td { font-size:1em; color:#d1612e; text-align:center; }
td#today { color:#93faea; background-color:#993300; border:1px solid #000000; -moz-border-radius: .3em; -webkit-border-radius: .3em; -khtml-border-radius: .3em; border-radius: .3em; }
td a { color:#713e1f; font-size:1.4em; }
td a:hover { color:#d1612e; text-decoration: underline;}


/* CALENDAR
--------------------------------------------------------*/
.todays-events ul {display:block; width:420px; float:left;	margin:0px 0px 0px 0px; border:none; padding:0px;
}
.todays-events li {font-size:2em;display:block;	margin:0px; padding:0px 10px;
}
.todays-events li ul li{font-size: inherit;}

.todays-events li ul li ul{font-size: .5em; border:solid 1px #999; -moz-border-radius: .75em; -webkit-border-radius: .75em; -khtml-border-radius: .75em; border-radius: .75em; background:#EFE8N8;	margin:0px 10px; padding:10px 0px;}



.upcoming-events ul {display:block; width:420px; float:left;	margin:0px 0px 0px 0px; border:none; padding:0px;
}
.upcoming-events li {font-size:2em;display:block;	margin:0px; padding:0px 10px;
}
.upcoming-events li ul li{font-size: inherit;}

.upcoming-events li ul li ul{font-size: .5em; border:solid 1px #333; -moz-border-radius: .75em; -webkit-border-radius: .75em; -khtml-border-radius: .75em; border-radius: .75em; background:#EFE8CA;	margin:0px 10px; padding:10px 0px;}

.calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; width: 600px;
        }
    .calnk a:hover span {
        color:#713E1F; 
        background:#EFE8CA; 
        display:block;
        position:absolute; 
        margin:1px 0px 0px 50px; 
        padding:5px;
        width:420px;
		border:solid 1px #333; -moz-border-radius: .75em; -webkit-border-radius: .75em; -khtml-border-radius: .75em; border-radius: .75em; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }
	 

/* FOOTER
--------------------------------------------------------*/

#footer {width:960px; height:430px; margin:0 auto; padding-top:0px;}

#quote {width:860px; margin:0 auto; padding-top:0px;}
#quote p{margin:0 auto; padding:5px 20px; text-align:center; font-size:5em;line-height:2em; text-indent:0px; color:#025062; }

.mail {
  float: left;
  margin-top: 12px;
  text-align: left;
  width: 270px;
}
.mail imng{ float:left; }

#copyright {width:960px; margin:0 auto; padding-top:0px;}
#copyright p{margin:0 auto; padding:5px 20px;font-size:1.2em;line-height:1.1em; text-indent:0px; color:#025062; text-align:center; }
#copyright a {color: #fcf4cf;}
#copyright a:hover {color: #46b7ad;}

.menu-footer-nav-container { float:left;}

#foot_nav { width:960px; margin:0px auto; padding:90px 0px 0px 57px;
font-size:1.2em; text-align:center;list-style: none;
}
#foot_nav ul {
  float: left;
  list-style: none outside none;
  padding-top: 20px;
  width: 620px;
}

#foot_nav a, #foot_nav a:hover {
display: block;
text-decoration: none;
border:none;
float:left;
}
#foot_nav li {
list-style:none;
font-size:1.1em;
float:left;
padding: 15px 0px 0px 0px;
}
#foot_nav a, #foot_nav a:visited {
font-weight:bold;
color: #025062;
padding:6px;
font-size:1.2em;
}
#foot_nav a:hover, #foot_nav a:active, .current_page_item a, #home .on {
text-decoration:none; color:#95faeb;
}
#foot_nav li ul {
position: absolute;
left: -999em;
height: auto;
border-bottom: 1px solid #c70000;
margin:0px;
padding:0px;
float:left;
}
#foot_nav li li {
float:left;
margin:0px;
padding:0px;
}
#foot_nav li li a, #foot_nav li li a:visited {
font-weight:normal;
font-size:12px;
color:#fff799;
}
#foot_nav li li a:hover, #foot_nav li li a:active {
background:#fff; color:#709704;
}
#foot_nav li:hover ul, #foot_nav li li:hover ul, #foot_nav li li li:hover ul, #foot_nav li.sfhover ul, #foot_nav li li.sfhover ul, #foot_nav li li li.sfhover ul {
left: auto; margin:0px; padding:0px; color:#709704;
}
a.main:hover {
background:none; color:#709704;
}

.sociable {
font-weight:normal;
font-size:10px;
color:#000;
}
.socials { 
position:relative;
top:-10px;
left:50px;
height:10px;
}
#nav .socials a{ 
display:inline;
}

/* PORTFOLIO (PRESS KIT)
--------------------------------------------------------*/

#portfolio {
	margin: 0px;
}
	
	#portfolio h2 {
		width: 192px; height: 57px; margin: 0 0 10px 0;
		background: url(../images/my-work.jpg); text-indent: -9999px;
	}
	
	#portfolio ul {
		list-style: none; /* Remove the bullet points from the list */
		margin:0 auto; padding:0px; text-align:left; font-size:1.5em;line-height:2em; text-indent:0px;
	}
		#portfolio ul li {
			float:left; /* Float the lists to the left, laying them out side by side */
			padding: 5px; margin:5px;
			/*background: url(../images/img-bg.png);  Add the semi-transparent background, used along with padding to give the impression of a see-through border */
			/* Let's get fancy with some CSS3, only visible in Firefox, Safari & Chrome. Other browsers simply revert to square corners */
			border-radius: 10px; 
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}