/*
Theme Name: Shaughnessy Heights
Theme URI: http://www.surfanddestroy.com/
Description: A custom WordPress theme for Shaughnessy Heights Music School
Version: 1.0
Author: Jason McKeeman <admin@surfanddestroy.com>
Author URI: http://www.surfanddestroy.com/
*/

/* HEADER AND BODY STYLING */
body {margin:0;padding:0}
#header {background:#202225;border-bottom:4px solid #468;width:100%;height:80px}
#header .wrapper div {float:right;color:#63A9D5;font:italic bold 1em/80px sans-serif;}
#search {display:inline}
#description {display:inline;margin-right:1em}
/*.wrapper {min-width:600px;max-width:1000px;width:90%;margin:0 auto}*/
.wrapper {width:760px;margin:0 auto}
#menu {width:100%;background:#63A9D5;height:2em;}/*border-bottom:2px solid #CCC;}*/

/* NAVIGATION BAR */
#suckerfishnav, #suckerfishnav ul {font-weight:bold;float:left;list-style:none;line-height:2em;padding:0;border:0px solid #aaa;margin:0 0 32px 0;width:100%}
#suckerfishnav a {display:block;color:#202225;text-decoration:none;padding:0px 10px}
#suckerfishnav li {float:left;padding:0}
#suckerfishnav li ul {display:none;position:absolute;height:auto;width:615px;font-weight:normal;margin:0;line-height:1;border-top:2px solid #CCC;border-bottom:1px solid #CCC;border-left:2px solid #CCC;}
#suckerfishnav li li {padding-right:1px;width:120px;border-right:2px solid #CCC;border-bottom:1px solid #CCC;display:inline}
#suckerfishnav li li a {padding:4px 10px;width:100px}
#suckerfishnav li ul li {font-weight:bold; font-family:helvetica,sans-serif}
#suckerfishnav li ul li a {font-size:12px; color:#202225}
#suckerfishnav li:hover ul li a {color:#202225}
#suckerfishnav li ul ul {margin:-20px 0 0 150px}
#suckerfishnav li ul li:hover {background:#63A9D5}
#suckerfishnav li ul li:hover a {color:#202225}
#suckerfishnav li ul li:hover li a {color:#202225}
#suckerfishnav li ul li li:hover a {color:#202225}
#suckerfishnav li ul li ul li:hover ul li a {color:#202225}
#suckerfishnav li ul li ul li:hover ul li:hover a {color:#202225}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {background:#FFF}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#FFF}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#202225}
#suckerfishnav li.current_page_item, #suckerfishnav li.current_page_parent {background:#FFF}
#suckerfishnav li.current_page_item a, #suckerfishnav li.current_page_parent a {color:#202225}
#suckerfishnav li.current_page_item ul, #suckerfishnav li.current_page_parent ul {display:block}

/* MAIN CONTENT STYLING */
#content {margin: 0 0 2em}
h2,h3,h4,h5 {color:#468}
h2 a,h3 a,h4 a,h5 a {color:#468;text-decoration:none}
h1, h1 a {color:#63A9D5;text-decoration:none}
h1 {font:normal 36px Georgia, "Times New Roman", Times, serif;line-height:80px;padding:0;margin:0}
h2 {font:normal 24px Arial, Helvetica, sans-serif;letter-spacing:-1px;text-transform:uppercase;margin:0.5em 0}
h3 {font:normal 18px Arial, Helvetica, sans-serif;letter-spacing:-1px;margin:0.4em 0;text-transform:uppercase}
h4 {font:normal 16px Arial, Helvetica, sans-serif;margin:0.3em 0;text-transform:uppercase}
h5 {font:normal 12px Arial, Helvetica, sans-serif;margin:0.2em 0;text-transform:uppercase}

p {font: 14px/18px "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#202225; margin: 0 0 1.2em}
p a {color:#63A9D5;border-bottom:1px solid #63A9D5;text-decoration:none}
p a:hover {border-bottom:1px solid #FC3}

ul li, ol li {font-family:sans-serif;color:#202225}

/* FOOTER STYLING */
#footer {background:#202225;width:100%;height:48px;clear:both}
#footer p {font-size:14px;line-height:48px;color:#fff;margin:0;padding:0}
#footer a {color:#63A9D5;border:none;text-decoration:none}
#footer a:hover {}

div.intro { float: left; width: 680px; border: 10px solid #202225; padding:30px; margin: 0 0 40px}
div.intro img { margin-right: 50px }
div.intro p { float: right; width: 330px; font:normal 18px/75px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; margin:0; padding:0 }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}