/*
Theme Name: MSYC
Description: Theme for MSYC by <a href="http://jamesduncombe.com">James Duncombe</a>
Version: 0.1
Author: James Duncombe
Author URI: http://jamesduncombe.com
*/

/*
Colours

blue: 4164d7
light blue: 708deb
dark blue: 15318C

yellow: FFF636
light yellow: FFF868

purple: 8e39d7
light purple: af6aeb
dark purple: 53138b

*/

/* @font-face */

@font-face {
	font-family: 'MuseoSlab500';
	src: url('fonts/museo_slab_500.eot');
	src: local('Museo Slab'), local('MuseoSlab-500'), url('fonts/museo_slab_500.ttf') format('truetype')
}

* { margin: 0; padding: 0; }

body { background: #4164D7; color: #333; font: 87.5%/1.5 Arial, sans-serif; }

/* Typography */

p { margin-bottom: 21px; }
h2, h3 { font-family: "MuseoSlab500"; }
h2 { font-size: 36px; line-height: 1; }
h3 { color: #3f3f3f; font-size: 21px; line-height: 1.25; }
h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.5; }

.post li { list-style-position: inside; }

a:visited, a:active, a:hover { outline: none; }
a:visited { color: #8e39d7; }

#nav a:active, #content a:active, #footer a:active { position: relative; top: 1px; }

.post ul { xmargin-left: 15px; }

.post h2 { margin-bottom: 21px; }

blockquote { background: url(images/lquote.png) left top no-repeat; display: block; font-size: 18px; width: 67%; margin: 42px auto; padding-left: 40px; }

.volunteers blockquote p { background: url(images/rquote.png) right top no-repeat; }

blockquote p.last { background: url(images/rquote.png) right bottom no-repeat; } 

cite { font-size: 14px; display: block; text-align: right; margin-top: 21px;  }

::-moz-selection { background: #708deb; }
::selection { background: #708deb; }

.name { font-size: 18px; }

.next-event { margin-bottom: 0; }

.purple { color: #8e39d7; }

/* Layout */

.wrapper { width: 940px; margin: 0 auto; }
.clearfix { margin-bottom: 21px; display: block; }
.page-content { background: #f9f9f9; padding: 0 10px 21px 10px; border: 7px solid #708deb; width: 906px; margin-bottom: 42px; }

#header { background: #4164d7; height: 120px; background: #4164d7 url(images/header-grad.png) repeat-x; background: -moz-linear-gradient(90deg, #4164d7, #15318C); }

#logo { position: relative; z-index: 15; }
#logo img { border: none; top: 42px; margin-left: -4px; position: absolute; z-index: 20; }
#logo img:active { top: 43px; }

.managed-by { color: white; top: 81px; margin-left: 180px; position: absolute; }
.managed-by a { color: #f1f1f1; }
.managed-by a:hover { color: #15318C; background: white; text-decoration: none; }

#donate {  background: #8e39d7; border: 7px solid #fff; color: #fff; font-size: 21px;  float: right; margin-top: -10px; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.20); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.20); text-align: center; }
#donate p { line-height: 50px; margin-bottom: 0; }
#donate a { color: #fff; display: block; height: 50px; width: 90px; text-decoration: none; }
#donate a:active { position: static; }
#donate:active { position: relative; top: 1px; }

#donate-link { font-size: 36px; text-align: center; }

.telephone { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; float: right; margin-top: 20px; font-size: 21px; color: #fff; clear: right; }
.telephone span { font-size: 16px; }

#nav { background: #15318C; height: 34px; border-top: 5px solid #FFF868; border-bottom: 5px solid #FFF868; position: absolute; z-index: 10; top: 120px; width: 100%; }
#nav ul { color: #f1f1f1; float: right; }
#nav li { line-height: 1; font-size: 16px; padding: 9px 0px; display: inline; float: left; margin-left: 20px; }
#nav a { padding: 8px 15px 7px 15px; color: white; text-decoration: none; }
#nav a:hover { background-color: #4164d7; -webkit-transition: background .2s ease-in-out; }
#nav a:active { padding: 9px 15px 6px 15px !important; }

.active { background: #4164d7; padding: 9px 15px !important; }

.intro { position: relative; height: 350px; z-index: 0; float: left; border: 10px solid white; width: 600px; overflow: hidden; }
.intro h2, .intro p { color: #fff; background: rgb(142,57,215); background: url(rgba.php?rgba=142,57,215,30); background: rgba(142,57,215,.85); clear: both; float: left; padding: 4px 10px; text-shadow: 0px 1px 2px rgba(0,0,0,.35); }
.intro p { font-size: 18px; margin: 0; }
.intro a { color: #fff; text-decoration: underline; }
.intro a:hover { background: #fff; color: #8e39d7; text-decoration: none; }

.sub-navigation { font-weight: 700; width: 300px; float: right; min-height: 200px; font-size: 24px; margin-bottom: 20px; }
.sub-navigation li { font-family: "MuseoSlab500", "Helvetica Neue", Helvetica, Arial, sans-serif; height: 90px; margin-bottom: 20px; text-indent: 10px; display: block; border: 10px solid white; list-style: none !important; }
.sub-navigation a { color: #fff; height: 90px; display: block; text-decoration: none; }
.sub-navigation a:active, .yc a:active { position: static !important; }
.sub-navigation li:active, .yc:active{ position: relative; top: 1px; }
.sub-navigation em, .yc em { line-height: 1.5; text-indent: 0; padding-left: 10px; font-size: 14px; font-family: Arial; display: block; font-style: normal; }

#yc-zone-tab > a:hover { background: #2f53bf; -webkit-transition: background .2s ease-in-out;}

#professionals-tab, #professionals-tab > a { color: #15318C; background: #FFF636; }
#professionals-tab > a:hover { background: #efe71d; -webkit-transition: background .2s ease-in-out; }

#volunteers-tab, #volunteers-tab > a { color: #fff; background: #8e39d7; margin-bottom: 0; }
#volunteers-tab > a:hover { background: #7f26cf; -webkit-transition: background .2s ease-in-out; }

.strip { color: #fff; background: #8e39d7; margin-left: -10px; padding-left: 10px; padding-right: 10px; margin-right: -10px; height: 50px; line-height: 50px; margin-bottom: 21px; }

.col { position: relative; height: 100%; width: 280px; float: left; padding: 10px; margin-left: 20px; }

.merge { background: url("images/help.gif") no-repeat 20px 50% #fff; float: left; padding: 10px; height: 100%; padding-left: 230px; width: 360px; }
.merge .col { width: 290px; padding: 0; height: auto; }

.merge, .coming-up { border: 10px solid #708deb; }
.coming-up { width: 260px !important; }

.main-content { clear: both; margin-bottom: 63px; }
.welcome .main-content { height: 190px; }

.caption { position: absolute; bottom: 25px; left: 20px; text-align: left;}
.caption h2 { padding-top: 7px; }

#content { background: #4164d7; min-height: 350px; padding-top: 65px; }
#content .col { background: #fff; }

.read-more { position: absolute; bottom: 0; right: 15px; }
.read-more a:link, .page-content a:link { display: inline; padding: 2px 0; color: #4164d7; }
.read-more a:hover, .page-content a:hover { color: #fff; background: #4164d7; text-decoration: none; }

.page-content li { margin-bottom: 14px; }
.page-content ul { margin-bottom: 21px;  }
h3 + ul { margin-top: 21px !important; }
.page-content .col { background: none !important; padding: 0 !important; xmargin: 0 0 0 20px !important; width: 283px; display: inline-block;  }
/*.page-content .col:last-child { margin-right: 0 !important;}*/
.page-content .r { float: right !important; margin: 0 !important; }

.f { margin-left: 0 !important; }

#footer { min-height: 400px; color: #fff; background: #15318C; background: #4164d7 url(images/footer-grad.png) repeat-x; background: -moz-linear-gradient(90deg, #4164d7, #15318C); border-top: 5px solid #FFF868; }
#footer a { display: inline; padding: 2px 0; text-decoration: none; color: #fff; }
#footer a:hover { color: #15318C; background: white; }
#footer li, .address, .adr li { list-style: none !important; }
#footer form { margin-bottom: 21px; }
#footer label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#footer .col { margin-top: 21px; width: 280px; padding:0 10px;}
.download-vcard { margin-top: 21px; }
p[class="download-vcard"] { background: url(images/vcard.png) 0 4px no-repeat; padding-left: 25px; }

#footer:after, #content:after, #header:after, .page-content:after, .clearfix:after, .post:after, .main-content:after, .photoset-options:after, .supporter-logos:after { content: '.'; display: block; clear: both; visibility: hidden; }

.address, .employee { margin-left: 0 !important; }
.adr, .adr li , .employee li { list-style: none !important; margin: 0 !important; }

/* Contact Us */

.position { margin-bottom: 21px; }
.employee li { color: #5f5f5f; }
.employee li:first-child { color: #1f1f1f !important; }
.employee span { color: #1f1f1f; }

/* Forms */

input { font-family: inherit; }
label, input { display: block; }

#searchform label { font-weight: 700; font-size: 18px; }
#searchsubmit { cursor: pointer; margin-left: 5px; vertical-align: top; font-size: 14px; padding: 3px 7px; background: #f1f1f1; border: 2px solid #708deb; display:inline-block; position: relative; }
#searchsubmit:active { top: 1px; outline: none; }

#s { background: #f1f1f1; vertical-align: top; display: inline; padding: 4px; font-size: 14px; border: 2px solid #708deb; width: 190px;}

/* Generic classes */

.alignright { float: right; }

img.alignright { margin-left: 20px; margin-bottom: 21px; }

.alignleft { float: left; margin-right: 20px; margin-bottom: 21px;  }

img.alignleft { xpadding-right: 20px; }

.aligncenter { clear: both; display: block; margin: 0 auto; }

.wp-caption.alignright { padding-left: 20px; }
.wp-caption { width: 100%; }
.wp-caption.alignleft { padding-right: 20px; }
.wp-caption-text { text-align: center; }

object { margin: 0 auto; display: block; -moz-box-shadow: 0 5px 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.4); }

/* */

#map-canvas { width: 603px; height: 380px; }

#map-canvas .alignleft { margin: 0 !important; padding: 0 !important; }

#club-locations { width: 280px; margin-top: 21px; margin-left: 10px; float: right; }

.addresses li { list-style: none; margin: 0; }


.yc.f { margin-left: 6px !important; }

.yc { font-family: "MuseoSlab500"; font-size: 24px; }
.yc a {
	color: #fff !important; 
	display: block !important;
	height: 220px;
	text-decoration: none;
	padding: 10px !important;
}

.yc em { padding-left: 0 !important;}


#videos-tab { background: #4164d7 url(images/camera.png) no-repeat 50% 75% !important; width: 288px !important; }
#videos-tab a:hover { background: #2F53BF url(images/camera.png) no-repeat 50% 75% !important; }

#gallery-tab { background: #8e39d7 url(images/gallery.png) no-repeat 50% 80% !important; }
#gallery-tab a:hover { background: #7F26CF url(images/gallery.png) no-repeat 50% 80% !important; }

#news-tab { background: #4164d7 /*#FFF636*/ url(images/news.png) no-repeat 50% 80% !important; }
#news-tab a:hover { background: #2F53BF /*#FFF636*/ url(images/news.png) no-repeat 50% 80% !important;  }


.month { margin: 0 auto; width: 800px; }
.month { margin-top: 42px; }
.month h2 { font-size: 24px; color: #fff; background: #4164d7; margin-left: -10px; padding-left: 10px; padding-right: 10px; margin-right: -10px; height: 50px; line-height: 50px; margin-bottom: 21px;  }

.strip, .month h2, .telephone, #logo p, #footer h4, #footer label, #nav li { text-shadow: 0 1px 2px rgba(0,0,0,.35); }

/* About Us */

.about-us h3 + ul li { text-indent: -13px;  padding-left: 13px; *padding-left: 11px; }

.click { text-decoration: underline; color: #4164d7 !important; cursor: pointer; }
.click:hover { text-decoration: none !important; color: #fff !important; background: #4164d7 !important; }


/* Gallery photos */

.photoset { float: left; width: 172px; padding-left: 100px; margin-right: 20px; margin-bottom: 42px; height: 80px; }
.photoset img { margin-left: -100px; float: left; }
.photoset p { margin-bottom: 0; }
.photoset a img { border: none !important; }

.sets { margin: 21px auto; width: 880px; }

table.photos { xmargin: 21px auto; width: 100%; vertical-align: middle; }

.photos td { padding-bottom: 21px; }

td.gallery-photo { width: 33.3%; text-align: center; }
td.gallery-photo a img, #jd-display-box a img { border: none; }
td.gallery-photo a:hover, #jd-display-box a:hover { background: none; }

/* Gallery display box */

#jd-display-box { display: none; padding: 10px; background: rgb(255,255,255); -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.75); -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.75); position: fixed; top: 50%; left: 50%; z-index: 10; cursor: pointer; }

.ie6 #jd-display-box { position: absolute !important; }

#jd-ajax-loader { display: none; top: 50%; left: 50%; position: absolute; height: 25px; width: 25px; background: #121212 url(images/ajax-loader.gif) center no-repeat !important; -moz-border-radius: 25px; -webkit-border-radius: 25px; -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.75); -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.75);}



/* Gallery navigation */
.photoset-info { float: left; }
.back-to-gallery { float: right; }

/* Events */

.attachment-post-thumbnail { float: right; margin-left: 20px; }

.breadcrumb { text-align: right; margin: 10px 0 11px !important; }
.breadcrumb li { display: inline; }


.videos h2 + p { font-family: "MuseoSlab500"; font-size: 36px; }

.question { color: #8e39d7; font-size: 18px; margin-top: 42px; }
.question:first-child { margin-top: 0 !important; }

.useful-websites { margin-bottom: 21px; }

ul + .big-link { margin-top: 42px; }
.big-link { font-size: 28px; text-align: center; xmargin-top: 42px; }

.aims-and-objectives h2 + p { font-size: 21px; }

.supporter-logos table { width: 100%; }
.supporter-logos table td { padding-bottom: 21px; width: 33.3%; text-align: center !important; }

.not-found { margin-top: 42px; }

/* Homepage questions */

.questions { padding-left: 15px; margin-top: 10px; }
.questions li { margin-bottom: 10px; }

/* News page */

.news h2 + p { font-size: 18px; }

#news-entries { width: 640px; float: left; }
#news-navigation { width: 240px; float: right; }

/* Credits */
.credits { margin-top: 63px; }
.credits p { margin-bottom: 10px; }

#jd-logo img { opacity: .85; border: none; }

#jd-logo:hover { background: none !important; }
#jd-logo:hover img { opacity: 1; }

/* Search Results */
.search-results .page-content { padding-top: 63px; }