/*
Theme Name: AidsPEI
Theme URI: http://aidspei.ca
Description: AidsPEI Custom Theme
Version: 1.0
Author: Rob Williams, Spectra Media (http://www.spectramedia.ca)
Tags: custom template
*/


html, body {
    width:                  100%;
    height:                 100%;
    background:             url(/wp-content/themes/aidspei/images/grey_bg.png) #434347;
    font-family:            'Arial', 'Helvetica', sans-serif;
    font-size:              0.9em;
}

h1 {
    font-family:            'Georgia', 'Times New Roman', 'Times', serif;
    font-size:              2em;
    margin-bottom:          10px;
}

h2 {
    text-transform:         uppercase;
}

.bold { font-weight: bold; }
.italic { font-style: italic; }
.centered { text-align: center; }

.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.photoright {
    float:                  right;
    margin:                 0 0 5px 10px;
}

.body_container {
    width:                  960px;
    min-height:             100%;
    height:                 auto !important;
    height:                 100%;
    margin:                 0 auto -35px;
    position:               relative;
}

.content_section p {
    margin-bottom:          1em;
    line-height:            1.2em;
    text-align:             justify;
}

.grey {
    color:                  #555;
}

.footer, .push {
    height:                 35px;
}

.footer {
    width:                  960px;
    margin:                 0 auto;
    text-align:             center;
    position:               relative;
    z-index:                15;
    color:                  #ababab;
    background:             url(/wp-content/themes/aidspei/images/footer_bg.jpg) black top center no-repeat;
    font-size:              8pt;
}

.footer a {
    color:                  #dbdbdb;
    font-weight:            bold;
    text-decoration:        none;
}

.footer a:hover {
    color:                  yellow;
}

.footer_copyright {
    position:               absolute;
    top:                    12px;
    left:                   10px;
}

.footer_privacy {
    position:               absolute;
    top:                    12px;
    left:                   120px;
}

.footer_menu {
    position:               relative;
    top:                    12px;
}

.footer_spectra {
    position:               absolute;
    top:                    12px;
    right:                  10px;
}


.logo {
    position:               absolute;
    top:                    0;
    left:                   0;
    z-index:                5;
}

.top_blue_bar {
    width:                  100%;
    height:                 10px;
    background:             #8ccad1;
}

.sponsor_bar {
    width:                  100%;
    height:                 144px;
    background:             white;
}

.sponsorship_bubble {
    width:                  232px;
    height:                 144px;
    float:                  right;
    background:             url(/wp-content/themes/aidspei/images/sponsorship_bubble.jpg) no-repeat;
    text-align:             center;
}

.sponsorship_bubble img {
    position:               relative;
    top:                    40px;
}

.menu_bar {
    width:                  100%;
    height:                 28px;
    background:             url(/wp-content/themes/aidspei/images/menu_bg.jpg) repeat-x;
    padding:                0;
    margin:                 0;
    border-top:             1px #b8dee2 solid;
    position:               relative;
    z-index:                900;
}

.ribbon_tip {
    position:               absolute;
    top:                    -1px;
    left:                   51px;
}

.menu {
    margin:                 6px 0 0 90px;
    font-weight:            bold;
}

ul.top_menu {
    width:                  100%;
    height:                 22px;
    list-style-type:        none;
    position:               relative;
    z-index:                900;
}

ul.top_menu li {
    margin:                 0 3px 0;
    height:                 22px;
    float:                  left;
    position:               relative;
    z-index:                900;
}

ul.top_menu li:hover > ul, ul.below:hover {
    visibility:             visible;
}

ul.below {
    position:               absolute;
    top:                    22px;
    left:                   -10px; 
    z-index:                900;
    background:             #7bb2b7;
    border:                 1px #434347 solid;
    border-top:             none;
    visibility:             hidden;
    list-style-type:        none;
}

ul.below li {
    float:                  none;
    margin:                 5px 10px 0;
    position:               relative;
    z-index:                900;
}

ul.below li:hover > ul, ul.beside li:hover > ul, ul.beside:hover {
    visibility:             visible;
}

ul.beside {
    position:               absolute;
    z-index:                900;
    top:                    -8px;
    left:                   100%;
    background:             #8ccad1;
    border:                 1px #434347 solid;
    visibility:             hidden;
    list-style-type:        none;
}

ul.beside li {
    float:                  none;
    margin:                 5px 10px 0;
    position:               relative;
    z-index:                900;
}

.menu a {
    font-size:              1.1em;
    font-weight:            bold;
    text-decoration:        none;
    color:                  black;
}

.menu a:hover {
    color:                  #c02127;
}

.search_bar {
    width:                  270px;
    height:                 28px;
    color:                  white;
    font-weight:            bold;
    position:               absolute;
    right:                  0;
    display:                none;
}

.search_text {
    position:               relative;
    top:                    7px;
    padding:                0 5px;
    float:                  left;
}

.search_input {
    width:                  150px;
    border:                 none;
    background:             white;
    float:                  left;
    position:               relative;
    top:                    4px;
    margin:                 0 5px;
}

.gobutton {
    float:                  left;
    margin:                 0 5px;
}

.left_column {
    width:                  49%;
    float:                  left;
}

.right_column {
    width:                  49%;
    float:                  right;
}

.padded {
    padding:                10px;
    position:               relative;
    z-index:                15;
}

.white_curvy_section {
    width:                  940px;
    position:               relative;
    background:             white;
    padding:                10px;
    margin-bottom:          15px;
}

.greybg_white_bl {
    position:               absolute;
    left:                   0;
    bottom:                 0;
    z-index:                5;
    width:                  15px;
    height:                 15px;
    background:             url(/wp-content/themes/aidspei/images/white_curve_bl_greybg.jpg);
}

.greybg_white_br {
    position:               absolute;
    right:                  0;
    bottom:                 0;
    z-index:                5;
    width:                  15px;
    height:                 15px;
    background:             url(/wp-content/themes/aidspei/images/white_curve_br_greybg.jpg);
}

.blue_column {
    width:                  50%;
    height:                 150px;
    float:                  left;
    background:             url(/wp-content/themes/aidspei/images/blue_bg.png) #8ccad1;
    position:               relative;
}

.greybg_blue_tl {
    position:               absolute;
    left:                   0;
    top:                    0;
    z-index:                5;
    width:                  15px;
    height:                 15px;
    background:             url(/wp-content/themes/aidspei/images/blue_curve_tl_greybg.jpg);
}

.greybg_blue_tr {
    position:               absolute;
    right:                  0;
    top:                    0;
    z-index:                5;
    width:                  15px;
    height:                 15px;
    background:             url(/wp-content/themes/aidspei/images/blue_curve_tr_greybg.jpg);
}

.bluefade {
    width:                  100%;
    background:             url(/wp-content/themes/aidspei/images/blue_fade.jpg) white repeat-x top left;
}

.small_white_columns {
    width:                  920px;
    margin:                 0 auto;
}

.small_white_column {
    width:                  230px;
    height:                 300px;
    float:                  left;
    position:               relative;
    background:             white;
}

.bluebg_white_tl {
    position:               absolute;
    left:                   0;
    top:                    0;
    z-index:                5;
    width:                  15px;
    height:                 15px;
    background:             url(/wp-content/themes/aidspei/images/white_curve_tl_bluebg.jpg);
}

.bluebg_white_tr {
    position:               absolute;
    right:                  0;
    top:                    0;
    z-index:                5;
    width:                  15px;
    height:                 15px;
    background:             url(/wp-content/themes/aidspei/images/white_curve_tr_bluebg.jpg);
}

a.blog_link {
    float:                  right;
    font-weight:            bold;
    color:                  black;
    text-decoration:        none;
    font-size:              0.8em;
}

a.twitter-link, a.twitter-user {
    font-weight:            bold;
    color:                  black;
    text-decoration:        none;
}

.twitter-timestamp {
    display:                block;
    margin-top:             10px;
    font-size:              0.8em;
    color:                  #aaa;
}

a.blog_link:hover, a.twitter-link:hover, a.twitter-user:hover {
    color:                  #c02127;
}

.small_gallery img {
    margin:                 1px;
    border:                 1px black solid;
}

.entry {
    margin:                 20px 0;
    border-bottom:          1px black solid;
}


div.bulletedlist ul {
    list-style-type:        disc;
    list-style-position:    inside;
}

/* Widths for menus */
ul#menu_aboutus { width: 150px; z-index: 20; }
ul#menu_supporters { width: 180px; z-index: 20; }
ul#menu_education { width: 150px; z-index: 20; }
ul#menu_prevention { width: 210px; z-index: 25; }
ul#menu_hivpregnancy { width: 250px; z-index: 30; }
ul#menu_gaybimen { width: 130px; z-index: 30; }
ul#menu_saferinjection { width: 220px; z-index: 30; }
ul#menu_youth { width: 240px; z-index: 30; }
ul#menu_stigma { width: 200px; z-index: 25; }
ul#menu_services { width: 220px; z-index: 20; }
ul#menu_news { width: 140px; z-index: 20; }
ul#menu_supportaidspei { width: 180px; z-index: 20; }
ul#menu_contact { width: 160px; z-index: 20; }