/*
Theme Name: Travelers Aid San Diego
Version: 1.0
Author: Brian Dodson, bri-design studios
Author URI: http://www.bri-design.com
Tags: three columns, widgets, fixed width, custom
*/

/* Eric Meyer CSS Reset (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) with modifications */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1; position: relative;}
blockquote, q {quotes: none;}
/* gets rid of the disabled vertical scrollbar that IE puts on textareas (http://blog.klustered.com/2007/03/14/tip/) */
textarea {overflow: auto;}
/* from Viget Labs (http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/) */
button {width: auto; overflow: visible; background: transparent; border: none; cursor: pointer; }
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/** ELEMENTS */
a, a:link, a:visited {
color:#f37021;
text-decoration:none;
}
a:hover, a:focus, a:active {
color:#f37021;
border-bottom:1px dotted #f37021;
}
h1, h2, h3, h4, h5, h6 {
color:#f37021;
line-height:1em;
}
p {
font-size:1em;
color:#9c9272;
line-height:1.2em;
}

/** LAYOUT */
*, html, body {font-family:Arial, Verdana, sans-serif;}
body {
text-align:center;
font-size:62.5%; /* All font sizes reset to 10px */
line-height:10px; /* Reset line height to common 10px */
margin:0 0 2em 0;
background:#e1ddcf url(images/bgtile.gif);
}
#wrapper {
float:left;
width:100%;
height:10.1em;
background:#0f3b56;
}
#container {
width:101.5em;
margin:0 auto;
background:transparent url(images/contentbg.png) repeat-y;
text-align:left;
padding-bottom:15px;
}
#header {
height:11em;
background:transparent url(images/header.png) no-repeat top left;
}
#header .search {
float:right;
margin:1em 1em -1em -1em;
}
.search input {
border:0;
font-size:1em;
padding:.4em;
width:15em;
background:#b8cbd6;
line-height:1em;
}
.search input#searchsubmit {
width:auto;
background:#778ea1;
color:#fff;
padding:.3em .5em;
line-height:1em;
}
#header h1 a {
display:block;
width:31.5em;
height:11em;
margin-bottom:-10em;
text-indent:-5000em;
}
#header h1 a:hover, #header h1 a:active, #header h1 a:focus {border-bottom:0;}
ul#nav, ul#nav li {
list-style-type:none; 
margin:0 
padding:0;
}
ul#nav {
clear:both;
float:right;
font-size:1.4em;
position:relative;
right:1.3em;
top:3.1em;
}
ul#nav li {
float:left;
margin-right:.5em;
}
ul#nav li:first-child {
margin-left:0;
}
ul#nav li a {
font-weight:bold;
text-decoration:none;
color:#fafcfe;
display:block;
padding:.4em 1em .3em 1em;
}
ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active {
background:#fafcfe;
color:#0f3b56;
outline:0;
border-bottom: 0px;
}
#content {
padding-top:3.5em;
}

/** CONTENT */
#center_col {
width:435px;
float:left;
margin:0 20px 20px;
font-size:1.4em;
}
#center_col h2 {
font-size:1.2em;
font-weight:normal;
text-transform:uppercase;
width:100%;
border-bottom:1px solid #f76f14;
line-height:1.1em;
padding:0 0 .2em 0;
margin:0 0 1em 0;
}
.subpost {margin-bottom:2em; padding-bottom:1em; border-bottom:1px dotted #f76f14;}
.post {font-size:1em; line-height:1.3em; color:#9C9272;}
.post p, .subpost p {
margin:1em 0;
line-height:1.3em;
}
.subpost h3 a {color:#0f3b56;}
#post-19 {clear:both;}
#post-19 h2 {display:none;}

/** Events listings */
#post-16 .post {
margin-bottom:2em;
border-bottom:1px solid #f37021;
padding-bottom:2em;
}
#post-16 h3 {
border-bottom:0 !important;
font-size:1em !important;
text-transform:none !important;
color:#0f3b56;
margin-bottom:0 !important;
}
#post-16 input.registerLink {
background:transparent;
border:0;
padding:0;
float:right;
margin:-.2em 0 0 0;
cursor:pointer;
color:#f37021;
text-decoration:underline;
}
#post-16 p.date {
color:#0f3b56;
font-size:.8em;
margin:0 0 1em 0 !important
}
#post-16 img {
width:435px;
margin-bottom:.5em;
}
#post-16 input.eventTitle {
background:transparent;
border:0;
padding:0;
margin:0 0 0 -.2em;
font-size:1.4em;
}
#post-16 a.moreInfo {
font-size:12px;
background:#f37021;
color:#fff;
padding:.3em 1em;
border:1px solid #f37021;
-moz-border-radius:.6em;
-webkit-border-radius:.6em;
-khtml-border-radius:.6em;
}
#post-16 a.moreInfo:hover, #post-16 a.moreInfo:active, #post-16 a.moreInfo:focus {
background:#fbb185;
}
.eventRegForm {
color:#9c9272;
font-size:.9em;
margin:2em 0 0 0;
}
.eventRegForm .field {
clear:both;
display:block;
margin:1em 0;
}
.eventRegForm label {
display:block;
width:130px;
text-align:right;
margin:0 .5em 0 0;
line-height:1.7em;
float:left;
}
.eventRegForm input {
width:250px;
}
.eventRegForm input.eventRegisterBtn {
width:auto;
text-align:center;
margin:1em 0 1em 135px;
font-size:1em;
float:none;
}
span.impNote {
display:block;
clear:both;
text-align:center;
font-size:.8em;
}
p.details {
font-size:.8em;
margin-bottom:2em;
}

/** Contact page */
.contactLeftCol {
width:230px;
overflow:hidden;
float:left;
margin-right:20px;
}
.contactLeftCol input, .contactLeftCol textarea {
width:220px !important;
}
.contactLeftCol input.sendbutton {width:auto !important;}
.contactLeftCol fieldset legend {display:none !important;}
.contactLeftCol .phone {color:#9c9272; font-size:2em; line-height:1.2em;}
.contactRightCol {
float:left;
width:180px;
font-size:.9em;
}

/** COMMENTS */
#center_col ol.commentlist {margin:1em; padding:0;}
#center_col ol.commentlist li 		{ list-style-type:none;border-bottom:1px dashed #aaa; line-height:1em; color:#9c9272;}
#center_col ol.commentlist big 		{ font-size:1em; color:#9c9272; line-height:1.5em;}
#center_col ol.commentlist span.date 		{ display:block; font-size:.8em; line-height:1.1em;}
#center_col ol.commentlist li ul li 		{ margin-bottom:0; padding:0; border:0; }
#center_col ol.commentlist li ol li 		{ margin-bottom:0; padding:0; border:0; }
#center_col ol.commentlist li.alt 		{  }
#center_col ol.commentlist li.author 		{  }
#center_col ol.commentlist img.avatar 	{ display:none; }
#center_col ol.commentlist p,
#center_col ol.commentlist ul,
#center_col ol.commentlist ol 		{ margin-bottom:10px; }

/** COMMENT FORM */
#commentform label 			{ font-size:12px; }
#commentform input 			{ display:block; }
#commentform textarea 			{ width:90%; height:140px; }
#commentform p 				{ margin-bottom:10px; }

/** LEFT SIDE */
#left_side {
width:310px;
float:left;
margin:0 0 0 30px;
font-size:1.2em;
line-height:1.2em;
}
#left_side ul, #left_side li {
margin:0;
padding:0;
list-style-type:none;
}
#left_side_home, #left_side_interior {
margin-bottom:.5em;
}
li.eventListing {
clear:both;
color:#9c9272;
}
li.eventListing img.eventThumbImg {
width:100px;
float:left;
margin:0 .5em .3em 0
}
li.eventListing input.eventTitle {
background:transparent;
border:0;
padding:0;
text-align:left;
cursor:pointer;
font-size:1em;
color:#9c9272;
text-indent:0;
line-height:1em;
margin-left:-.2em;
border-bottom:1px solid #fff;
}
li.eventListing input.eventTitle:hover, li.eventListing input.eventTitle:active, li.eventListing input.eventTitle:focus {
color:#f37021;
border-bottom:1px dotted #f37021;
}
#text-640200541 h2 {
display:none;
}
#text-640200541 img {
width:310px;
height:210px;
}

/* Homepage video widget */
li#text-640198301 {
margin-bottom:0px;
padding-bottom:0px;
}
li#text-640198301 h2 {
display:none;
}
li#text-640198301 object, li#text-640198301 embed {
width:310px;
height:200px;
}

/* Left column events list */
li#text-643894231 h2 {
border-top:1px solid orange;
padding-top:.5em;
margin-bottom:.5em;
}

/** RIGHT SIDE */
#right_side {
width:170px;
float:left;
font-size:1.2em;
line-height:1.2em;
}
#right_side ul, #right_side li {
margin:0;
padding:0;
list-style-type:none;
}
#right_side h1, #right_side h2, #right_side h3, #right_side h4, #right_side h5, #right_side h6 {
font-size:1.2em;
}
#right_side h2 {
margin-bottom:.3em;
}

/* Their Stories text widget */
#text-643787061 h2 {
display:none;
}
#text-643787061 img {
width:170px;
height:100px;
}
li#text-643787061 h3 {
display:block;
font-size:1em;
border-top:1px solid;
padding-top:.5em;
margin-top:.5em;
}
li#text-643787061 p {
font-size:.9em;
line-height:1.3em;
margin:.5em 0
}
/** FOOTER */
#footer {
background:url(images/footerbg.png) no-repeat top;
height:7em;
text-align:center;
padding-top:7em;
}
#footer p { 
font-size:1.2em;
color:#999;
}
#footer a {
color:#999;
}

/** UTILITIES */
.clear {clear:both;}
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
width:437px !important;
max-width:437px !important;
}
#post-19 .wp-caption {border:0px; background:transparent; padding:0 0 0 0; margin:0 0 0 0;}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
max-width: 437px !important;
height:auto !important;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}


/* Homepage gallery */

.homeGallery {height:280px !important; overflow:hidden !important; border:0px;}
.homeGallery div, .homeGallery div.wp-caption {background:#FFF; height:280px !important; width:437px !important; overflow:hidden; border:0; padding:0; margin:0;}
.homeGallery div img, .homeGallery div.wp-caption img {postion:relative; z-index:1; height:280px !important;}
.homeGallery p.wp-caption-text {display:block; position:relative;; z-index:3; top: -30px; height:25px; background:#000; line-height:2.4em; color:#FFF; font-size:.9em; text-align:left; opacity:.7; padding-left:7px; padding-right:7px;}
#thnav {display:block; clear:both; margin:8px 0; padding:0 0 20px 0;}
#thnav a {
margin:0 .5em 0 0;
display:block;
width:15px !important;
height:15px !important;
border:1px solid #666;
background:#bbb;
float:left;
font-size:.5em;
text-indent:-5000em;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
}
#thnav a:hover, #thnav a:active, #thnav a:focus {
margin:0 .5em 0 0;
display:block;
width:15px;
height:350px;
border:1px solid #f76f14;
background:#ffc6a1;
-moz-box-shadow:0px 0px 3px #000;
}

/* Donations form */
.donations {border-bottom:1px dotted orange; padding-bottom:2em;}
.donations label {display:block;}
.donations em {font-size:1.4em; font-style:normal; color:#bbb;}
.donations input.amountInput {border:1px solid #ccc; font-size:1.4em; width:6em; padding:.5em;}
.donations input.paypalBtn {margin:1.1em 0 -1.2em 1em}

#their-stories-feed .textwidget img {width:170px !important; max-width:170px !important; height:auto !important; max-height: auto !important; margin:5px 0 !important;}
#their-stories-feed .textwidget {font-size:.9em; color:#9C9272;}
#their-stories-feed .textwidget p {font-size:1.1em;}
#their-stories-feed h2 {font-size:1em; border-bottom:1px solid #F37021; margin-bottom:5px;}

#past-events-feed {clear:both; margin-top:45px !important; border-top:1px solid #F37021;}
#past-events-feed h2 {line-height:2em !important;}
#past-events-feed .textwidget {font-size:.9em; font-weight:normal; color:#9C9272;}
#past-events-feed .textwidget img {width:100px; float:left; margin:2px 8px 2px 0; height:auto;}
#past-events-feed .textwidget p strong a {font-size:1.2em; font-weight:normal; color:#9C9272; border-bottom:1px solid #fff; line-height:1.3em; width:auto;}
#past-events-feed .textwidget p strong a:hover, #past-events-feed .textwidget p strong a:focus, #past-events-feed .textwidget p strong a:active {color:#F37021; border-bottom:1px dotted #f37021;}


.post img, .subpost img {max-width:437px !important; height:auto !important;}

#leftColImg {height:200px !important; width:310px !important; overflow: hidden; text-align: left !important;}
#leftColImg img {text-align: center !important; margin:0 auto !important; float:none !important; width: 310px !important; height: auto !important;}

.facebookIcon {margin:20px 0 0 0;}
.facebookIcon a:hover, .facebookIcon a:active, .facebookIcon a:focus {border:0; outline:0;}