/**
 * global stylesheet affecting ShowStoppers Web site
 * @author      Greg Tammi <greg@pictographics.com>
 * @copyright   Copyright (c) 2009+ Pictographics Ltd
 * @since       May 19, 2009
 */

* {  
    margin: 0; padding: 0; border: 0 ; 
    text-decoration: none ; 
}
body {
    background: #fff url(/img/nav_bg.gif) top left repeat-x ;
    color: #202020 ;
    font: 0.9em/17px normal "Georgia", "Tahoma", "Lucida Grande", sans-serif ;
}
/* for images with generic left and right classes assigned to them */
img.left  { padding: 4px 4px 4px 0 ; }
img.right { padding: 4px 0 4px 4px ; }

/** general link styling **/
a {
    font-size: inherit ;
    color: #0086c5 ;
    font-weight: bold ;
    text-decoration: none ;
}
a:hover {
    color: #e52863 ;
    text-decoration: none ;
}

#outer-wrapper {
    width: 776px ;
    margin: 0 auto ;
}
#inner-wrapper {
    padding: 10px 27px ;
}
#header {
    height: 50px ;
}
#header ul#nav {
    float: left;
    width: 400px ;
}
.menu li {
    float: left ;
    list-style: none ;
}
.menu li a {
    display: block ;
    padding: 0 7px ;
    font-size: 12px ;
    font-weight: bold ;
    color: #fff ;
    text-decoration: none ;
}
.menu li a:hover {
    text-decoration: underline ;
}
#header #contact {
    float: right ;
    width: 300px ;
    text-align: right ;
}
#contact p {
    font-weight: bold ;
    color: #fff ;
}
#masthead {
    clear: left ;
    width: auto ;
    height: 160px ;
    position: relative ;
}
#masthead img {
    float: left;
    width: 412px ;
}
#masthead p#slogan {
    position: absolute ;
    right: 0px ;
    bottom: 10px ;
    width: 231px ;
    text-align: center ;
    font-size: 20px ;
    font-weight: bold ;
    color: #E52863 ;
    padding-bottom: 4px ;
}
#masthead p#slogan span {
    display: block ;
    font-size: 30px ;
    font-weight: bolder ;
    padding-top: 9px ;
}
#intro {
    background-color: #f9f9f9 ;
    border: 1px solid #e1e1e1 ;
    width: 100% ;
    margin-top: 10px ;
}
#intro div.gutter {
    padding: 18px ;
}
#intro h1 {
    border-bottom: 1px solid #666 ;
    width: 100% ;
    color: #E52863 ;
    font-size: 18px ;
    font-weight: bold; 
    padding-bottom: 7px ;
}
#intro p {
    margin-top: 14px ;
    font-size: 14px ;
}
#intro img.right { padding: 0 14px 4px 20px ; }
#events {
    width: 100% ;
    margin: 20px 0 ;
}
#events div.left {
    float: left ;
    width: 49% ;
    text-align: left ;
}
#events div.right {
    float: right ;
    width: 49% ;
    text-align: right ;
}

#events div div.gutter {
    padding: 12px ;
}
#events div h3 {
    width: 100% ;
    border-bottom: 1px solid #666 ;
    color: #E52863 ;
    font-size: 18px ;
    font-weight: bold; 
    padding-bottom: 7px ;    
    margin-bottom: 15px ;
}
#events div.left img {
    float: left ;
    padding: 0 6px 6px 0 ;
}
#events div.right img {
    float: right ;
    padding: 0 0 6px 6px ;
}
#events a {
    color: #E52863 ;
    font-weight: bold ;
}
#events a:hover {
    text-decoration: underline ;
}

/** content area for most sub pages of the site **/
#content h1, #content h2 {
    color: #E52863 ;
    font-size: 18px ;
    font-weight: bold; 
    padding-bottom: 7px ;
}

#content {
    font-size: 120% ;
    margin-top: 35px ;
}

#content p, #content ul, #content ol {
    padding-bottom: 17px ;
}

#content ul, #content ol {
    margin-left: 22px ;
}
#footer {
    clear: both ;
    float: left ;
    width: 100% ;
    text-align: center ;
    margin-top: 25px ;
    border-top: 1px solid #333 ;
    padding-top: 30px ;
}
#footer ul {
    margin: 0 auto ;
    text-align: center ;
}
#footer li {
    float: none ;
    display: inline ;
}
#footer li a {
    text-transform: lowercase ;
    display: inline ;
    color: #888 ;
}
#footer li a:hover { color: #E52863 ; }
#footer p         {  clear: left ; padding-top: 10px ; }
#footer p a       {  color: #E52863 ; }
#footer p a:hover {  text-decoration: underline ; }

/** for the iframe in the contact page **/
#content iframe {
    margin: 10px 0 ;
}

/** for photo page **/
div#photogallery a {
    float: left ;
    width: 100px ;
    padding: 5px ;
}