/*
Theme Name: WSM
Theme URI: http://www.fiveninetylabs.com/
Description: WSM theme, developed by <a href="http://www.fiveninetylabs.com">Five Ninety</a>.
Version: 1.0
Author: Tyler Shick & Jeff Smith
Author URI: http://www.fiveninetylabs.com/
Tags: wsm, woodside, 590

*/

html, body { margin:0; }
* { font-family:arial; color:#ADA9AA; }
body, td { font-size:9pt; }
body { background:#191718 url('images/bg.jpg'); }
h1 { color:white; font-size:40pt; font-weight:normal; margin:0; }
h2 { color:white; font-size:32pt; font-weight:normal; margin:0; }
h3 { color:white; font-size:18pt; font-weight:normal; margin:0; }
h4 { font-size:14pt; font-weight:normal; margin:5px 0 15px 0; }
h5 { font-size:11pt; font-weight:normal; margin:2px 0; }
h6 { font-size:20pt; font-weight:bold; margin:-8px 0 0 0; }
iframe { border:4px solid white; }
img { border:none; }
a { text-decoration:none; }
a, input, object, embed { outline:none; }
a, input, textarea { position:relative; z-index:101!important; }
*:first-child+html a { zoom:1; }
*:first-child+html input { zoom:1; }
*:first-child+html textarea { zoom:1; }
a:hover { color:white; }
input.input, textarea.input { background-color:#2b2a2a; border:1px solid #333232; font-size:9pt; padding:5px; }
input.submit { background-color:#313131; border:none; font-size:10pt; font-weight:normal; padding:4px 15px; color:white; cursor:pointer; }
.pink input.submit-over { background-color:#F06EAA; }
.blue input.submit-over { background-color:#879fd2; }
.pink a { color:#F06EAA; }
.blue a { color:#879fd2; }
.pink a:hover, .blue a:hover { color:white; }
.pink h4, .pink h4 * { color:#F06EAA; }
.pink h5 { color:#F06EAA; }
.blue a { color:#879fd2; }
.blue h4, .blue h4 * { color:#879fd2; }
.blue h5 { color:#879fd2; }
.pink h1 a, .blue h1 a { color:white; }
.pink h6 { color:#F06EAA; }
.blue h6 { color:#879fd2; }

.content { width:984px; text-align:left; }
.inside { padding:20px; }
.indent-l { margin-left:27px; }
.indent-r { margin-right:27px; }
.shadow-indent-l { margin-left:22px; padding-left:5px; }
.shadow-indent-r { margin-right:22px; padding-right:5px; }
.shadow-l { position:absolute; width:5px; height:100%; left:-5px; top:0; }
.shadow-r { position:absolute; width:5px; height:100%; left:930px; top:0; }
.rel { position:relative; }
.fullwidth { width:100%; }
table.thin { border-collapse:collapse; border:none; }
table.thin td, table.thin th { margin:0; padding:0; }
table.fixed { table-layout:fixed; }
form.thin { margin:0; padding:0; }
.clear { clear:both; }
a.clickfill, a.clickfill img { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
a.button { display:block; background:#313131; padding:6px; color:white; }
.pink a.button:hover { background:#F06EAA; }
.blue a.button:hover { background:#879fd2; }
.fl { float:left; }
.fr { float:right; }
img.alignleft, img[align=left] { float:left; margin:10px 10px 10px 0px; }
img.alignright, img[align=right] { float:right; margin:10px 0px 10px 10px; }
img.alignnone { margin:10px 10px 10px 0px; }
.givelayout { zoom:1; }
*:first-child+html .ie7-z99fix { z-index:99; }

.white { background:white; }
.gray1 { background:#343233; }
.gray2 { background:#262425; }
.gray3 { background:#211F20; }
.gray4 { background:#1F1D1E; }
.gray5 { background:#0C0C0C; }
.gray6 { background:#212020; }
.pink .color1 { background:#F06EAA; }
.pink .color2 { background:#820B41; }
.pink .color3 { background:#b1115a; }
.pink .txt-color1, .pink .txt-color1 * { color:#F06EAA!important; }
.blue .color1 { background:#879fd2; }
.blue .color2 { background:#414e6b; }
.blue .color3 { background:#697faf; }
.blue .txt-color1, .blue .txt-color1 * { color:#879fd2!important; }
.graytext { color:#ada8a8!important; }

#searchbar-wrap { width:504px; z-index:101; left:406px; }
#searchbar { position:absolute; top:0; left:0; width:504px; }
#searchbar .inside { padding:10px; }
#searchbar-bottom { width:503px; height:12px; }
.search { width:401px; height:50px; overflow:hidden; }
#searchform { width:410px; }
#searchsubmit { width:50px; height:50px; cursor:pointer; }
input#s { background:url(images/search_bg.gif); border:none; overflow:hidden; width:303px; height:27px; color:#c1c1c1;
			padding:7px 4px 2px 36px; margin:0; font-size:13pt; }
.pink #searchsubmit { background:url(images/pink_search_go.gif); }
.blue #searchsubmit { background:url(images/blue_search_go.gif); }
.swatch { width:35px; height:19px; margin:0 3px; }
#color-notch { position:absolute; top:37px; }
#podcast-player { width:325px; height:65px; }

.ribbon-left { float:left; margin-top:-1px; width:27px; height:30px; }
.ribbon-right { float:right; margin-top:-1px; width:27px; height:30px; }
.pink .ribbon-right { background:url(images/pink_ribbon_right.gif); }
.blue .ribbon-right { background:url(images/blue_ribbon_right.gif); }
.plus, .minus { width:31px; height:31px; }
.pink .plus { background:url(images/pink_plus.gif); }
.pink .minus { background:url(images/pink_minus.gif); }
.blue .plus { background:url(images/blue_plus.gif); }
.blue .minus { background:url(images/blue_minus.gif); }

#logo { left:41px; width:203px; height:72px; position:relative; }
#woodside-ministry { width:166px; height:23px; }
#woodside-ministry-link { width:166px; height:23px; position:absolute; top:30px; left:723px; }
#shadow-top { width:984px; height:20px; position:relative; z-index:101; }
#menubar { position:absolute; top:49px; left:0; width:100%; }
#menubar-front { position:absolute; top:52px; left:0; width:100%; }
.menu { height:40px; color:white; }
.menu a.item { display:block; float:left; color:white; font-size:12pt; font-weight:bold; height:20px; padding:10px 15px; }
.pink .menu a.item { border-right:1px solid #b1115a; }
.pink .menu a.item:hover { background:#b1115a; }
.pink .menu a.selected { background:#b1115a; }
.blue .menu a.item { border-right:1px solid #697faf; }
.blue .menu a.item:hover { background:#697faf; }
.blue .menu a.selected { background:#697faf; }
.submenu { position:absolute; padding:8px 0 0 0; }
.submenu a { margin-right:25px; }
#menu-notch { position:absolute; width:21px; height:10px; }

.lbanner { width:439px; }
.lbanner-panel { width:439px; height:314px; overflow:hidden; position:relative; }
.lbanner-frame { position:absolute; }
.sbanner-panel { width:439px; height:91px; position:absolute; left:15px; bottom:-38px; z-index:101; }
.sbanner-frame { position:absolute; }
#banner-thumb-sel { position:absolute; z-index:102; }
a.banner-thumb img { border:3px solid white; }

.photo-billboard { width:438px; height:314px; overflow:hidden; position:relative; }
.photoslider { background-image:url(images/shadow_ps_top.gif); background-repeat:repeat-x; }
.photoslider .inside { padding:20px 45px; }
.slider { width:840px; height:97px; position:relative; overflow:hidden; }
.slide { position:absolute; top:0; width:970px; }
#photo-slider-left img, #photo-slider-right img { width:49px; height:79px; }

.page .inside { padding:0px 50px 50px 50px; }
.photos .inside { padding:15px 40px 0 35px; }
.sidebar .inside { padding-top:30px; }
.blog .inside { padding:30px 50px 50px 50px; }
.podcast .inside { padding:30px 50px 50px 50px; }
.downloads .inside { padding:30px 50px 50px 50px; }
.inside .inside { padding:0; }

.postdate { margin-left:-77px; padding:3px 0 3px 77px; width:140px; color:white; font-size:26pt; }
.post .ribbon-left { float:none; margin:0 0 0 -77px; }
.post { margin:35px 0 0 0; }
.post .post { margin:0; }
.post h3 { margin-top:-20px; }
.post h3 a { color:white; }
.post .entry { line-height:1.8em; margin-top:-10px; }
.post .entry .entry { margin:0; }
.post .entry p { margin:20px 0; }
.entry img { border:4px solid white; }
.page .post .entry p { margin:4px 0 36px 0; }
.page h6 { margin-top:0px; }
.page h4 { margin-bottom:10px; }

.comment { position:relative; padding:0 50px; border-bottom:1px solid #2e2d2d; }
#lastcomment .comment { border-bottom:none; }
.writecomment-box .comment { border-bottom:none; }
.comment .author { font-size:11pt; }
.comment small { font-size:8pt; color:white; }
.comment em { display:block; margin:4px 0; color:#a7a7a7; }
.comment p { margin:5px 0; }
.pink .comment .author { color:#F06EAA; }
.blue .comment .author { color:#879fd2; }

.comment .inside { padding:10px 10px 4px 0px; }
.comment input#writecomment { padding-left:9px; width:465px; }
.comment div#comment-editor { }
.comment textarea#commenttext { padding-left:9px; width:465px; display:block; margin-bottom:10px; margin-top:7px; }
.comment #author { padding-left:9px; margin-right:5px; }
.comment #email { padding-left:9px; }
#comment-errors-text { padding:0 0 10px 10px; }
#comments-pager-links { padding:10px 0 0 10px; }
#comments-pager-links a { margin-right:5px; font-size:10pt; }
.pink #comments-pager-links a { color:#F06EAA; }
.blue #comments-pager-links a { color:#879fd2; }
#comments-pager-links a.current { color:white; margin-right:5px; font-size:12pt; font-weight:bold; }
.rolldown-button { position:absolute; left:50%; top:10px; margin-left:-24px; }

.vimeo-video { float:left; }
.vimeo-video-box { background:white; padding:6px 3px; }
.vimeo-desc { padding:10px; color:white; font-size:12pt; font-weight:bold; line-height:1.1em; width:273px; height:55px; overflow:hidden; margin:10px 1px 0 0; }
.vimeo-frontpage-side { float:left; width:3px; }
.vimeo-frontpage-side .vimeo-video-box, .vimeo-frontpage-side .vimeo-desc { width:3px; padding-left:0; padding-right:0; margin-left:0; margin-right:0; }
.vimeo-video .last-desc { margin-right:0; width:274px; }

a.download { display:block; padding:7px 20px; font-size:11pt; }
a.download span { color:white; }
a.download:hover { background:#313131; }
a.download:hover span { text-decoration:underline; }
a.download img { vertical-align:-20px; margin-right:10px; }
.pink a.download:hover span { color:#F06EAA; }
.blue a.download:hover span { color:#879fd2; }
.downloads a.download { float:left; width:252px; padding-top:14px; }
.downloads a.download img { float:left; margin-top:-7px; }

a.archive, a.archivesel { margin-left:3px;font-size:10pt; font-weight:bold; }
a.archivesel { color:white; }
a.archive .sel, a.archivesel .off { display:none; }
.pink .archives, .blue .archives, .wp-tag-cloud { clear:both; padding:0; margin:5px 0 15px 6px; list-style-type:none; font-size:12pt; color:#c4fcff; }
.pink .archives li.selected, .pink .archives li.selected a, 
	.pink .archives .current-cat, .pink .archives .current-cat a { color:#F06EAA!important; font-weight:bold; }
.blue .archives li.selected, .blue .archives li.selected a, 
	.blue .archives .current-cat, .blue .archives .current-cat a { color:#879fd2!important; font-weight:bold; }
.pink .archives a, .blue .archives a, .wp-tag-cloud a { color:#c4fcff; font-weight:bold; }
.pink .archives li { color:#F06EAA; }
.blue .archives li { color:#879fd2; }

a.service-link { font-size:12pt; text-align:center; color:white; }
.service-link img { margin-bottom:5px; }
#album_pager { position:relative; }
#album_pager .ribbon-left { margin-left:-42px; clear:left; margin-top:0; }
#album_pager .clear { margin-top:-20px; }
.sliding_panel #album_pager .clear { margin-top:0px; }
#album_pages { left:-42px; padding:5px 15px 5px 42px; float:left; }
.sliding_panel #album_pages { left:-37px; padding:5px 15px 5px 15px; float:left; height:21px; overflow:hidden; }
#album_pages a { margin:0 3px; font-size:10pt; }
.pink #album_pages a { color:#820B41; }
.pink .sliding_panel #album_pages a { color:#F06EAA; }
.blue #album_pages a { color:#414e6b; }
.blue .sliding_panel #album_pages a { color:#879fd2; }
#album_pages a.current { color:white!important; font-size:12pt; font-weight:bold; }
#album_box { margin-top:-30px; }
#album_panel { margin-top:20px; }
a.full-album { left:-39px; height:17px; overflow:hidden; padding:7px 15px; color:white; float:left; font-size:11pt; }

#vimeo-video-box { border:10px solid white; }
.vimeo-album-thumb { float:left; margin:0 15px 15px 0; }
.vimeo-album-thumb a { display:block; width:150px; height:113px; overflow:hidden; border:10px solid white; }
.vimeo-album-thumb a img { margin:-3px 0 0 -4px; }
.vimeo-album-thumb .meta { padding:5px 0 0 5px; width:168px; height:36px; overflow:hidden; font-weight:bold; font-size:9pt; }
.vimeo-album-thumb .meta .title { width:143px; height:15px; overflow:hidden; }
.pink .vimeo-album-thumb .meta .title { color:#F06EAA; }
.blue .vimeo-album-thumb .meta .title { color:#879fd2; }
.vimeo-album-thumb .meta .dur { font-size:8pt; color:white; }
.pink .vimeo-album-thumb .meta .date { color:#b1115a; font-size:8pt; }
.blue .vimeo-album-thumb .meta .date { color:#697faf; font-size:8pt; }

.podcast-buttons .button { height:15px; overflow:hidden; margin-right:5px; }

#wsm-facebook { width:305px; height:46px; }
.pink #wsm-facebook { background:url(images/pink_wsm_facebook.gif); }
.blue #wsm-facebook { background:url(images/blue_wsm_facebook.gif); }

#wsm-vimeo { width:307px; height:52px; }
.pink #wsm-vimeo { background:url(images/pink_wsm_vimeo.gif); }
.blue #wsm-vimeo { background:url(images/blue_wsm_vimeo.gif); }

#alert-banner { position:relative; z-index:3; }
.alert { color:#832601; background:#f84700 url(images/alert_bg.gif); padding:7px 0px 7px 20px; height:18px; font-weight:bold; position:relative; }
.alert .icon { vertical-align:-3px; margin-right:10px; }
.alert-border { }
.alert .close { position:absolute; display:block; right:11px; top:7px; width:17px; height:16px; }

#page-bottom, #page-bottom-split { width:930px; height:11px; }
#footer-container[id] { background:green; position:relative; top:30px; }
#footer { position:relative; }
#footer .content { position:relative; }
#footer .inside { padding:25px 0 0; }
#footer .locations { border-collapse:collapse; border:none; margin-top:15px; }
#footer .locations td { padding:0 28px 0 0; }
#footer .locations * { color:#262425; }
#footer .locations td h3 { margin-bottom:10px; }
#footer .footer-logo { margin:0 0 5px 0; }
#footer .campus-arrow { position:absolute; top:3px; left:-25px; display:none; }
#footer .wsm-small { width:55px; height:21px; }
#footer .oasis-small { width:52px; height:20px; margin-bottom:3px; }
#footer .input { border:none; background:black; }
#footer .fineprint { font-size:8pt; margin-top:45px; }
#footer .fineprint a, #footer .fineprint span { color:#444; margin-right:20px; }
#footer .fineprint a:hover { color:white; }
#footer-tab-container { position:relative; }
.footer-tab { position:absolute; top:0; left:0; width:791px; }

#footer-popups { position:relative; z-index:5; }
#askq-popup { position:absolute; right:25px; bottom:-85px; z-index:200; }
#askq-popup .inside { padding:0 15px; text-align:left; }
.popup-bg { width:274px; }
#oops, #hooray { margin-bottom:5px; }