/* ---------------------------------------------------
CVS: $ $
Title: style.css
Copyright: (c) 2009
Author: Phil Renaud
Company: Rhino Internet
Author URI: http://rhinointernet.com/
Theme Name: Art Awakenings
Theme URI: http://rhinointernet.com/
Description: The WordPress theme for PSA Art Awakenings, by <a href="http://rhinointernet.com">Rhino Internet Solutions</a>.
Version: 1.0
Tags: rainbow, minimal, fixed width, two columns
--------------------------------------------------- */

/* ---------------------------------------------------
=Reset
Takes browser-specific styling and resets it to a
common behavioural standard. Based heavily upon the
Yahoo! User Interface Library Reset:
http://developer.yahoo.com/yui/reset/
--------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
   }

table {
	border-collapse:collapse;
	border-spacing:0;
   }

fieldset,img {
	border:0;
   }

address,caption,cite,code,dfn,th,var,strong,em {
	font-style:normal;
	font-weight:normal;
   }

ol,ul {
	list-style:none;
   }

caption,th {
	text-align:left;
   }

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
   }

q:before,q:after {
	content:'"';
   }

abbr,acronym {
   border:0;
   }

html {
   font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */
   }

/* ---------------------------------------------------
=Universal
Styles applied to basic xhtml elements, classes and
IDs notwithstanding.
--------------------------------------------------- */

body {
   background: #fff url(/images/bg.png) top left repeat-y;
   font-family: "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
   font-size: 100%;
   color: #000;
   }

strong {
   font-weight: bold
   }

em {
   font-style: italic;
   }

p {
   }

a {
   color: #000;
   text-decoration: none;
   }

a:focus {
   outline: none;
   }

a:hover {
   color: #333;
   text-decoration: underline;
   }

h1, h2, h3, h4 {
   font-family: "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
   }

h1 {
   }

h1 a {
   }

h2 {
   }

h3 {
   }

h4 {
   }

h5 {
   }

h6 {
   }

dl {
   }

dl dt {
   }

dl dd {
   }

input, textarea {
   font-family: Helvetica, Arial, sans-serif;
   }

/* ---------------------------------------------------
=Common minor elements + aesthetics.
--------------------------------------------------- */



/* ---------------------------------------------------
=Clearfix
Clears floats within a container.
--------------------------------------------------- */
.clearfix:after,
ul.split:after,
body.interior div#intro:after,
form.contactform:after {
   content: ".";
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   }


/* ---------------------------------------------------
=Containers
Macro-level containing elements.
--------------------------------------------------- */

#worldcontainer {
   width: 960px;
   }

#minor {
   float: left;
   width: 180px;
   padding-left: 37px;
   background: transparent url(/images/bird_interior.png) top left no-repeat;   
   }

body.interior div#minor {
min-height: 700px;
}

body#home #minor {
background: transparent url(/images/bird_homepage.png) top left no-repeat;
}

#major {
   float: left;
   width: 743px;
   }

body#home #major h1 {
background: transparent url(/images/homepagehero.jpg) 0px 170px no-repeat;
height: 810px;
text-indent: -9999px;
margin-top: -75px;
}





/* ---------------------------------------------------
=Themed Headers: Background Art, etc.
--------------------------------------------------- */

body.interior h1 {
height: 275px !important;
text-indent: -9999px;
}

body.events h1 { background: transparent url(/images/header_events.jpg) top left no-repeat; }
body.aboutus h1 { background: transparent url(/images/header_aboutus.jpg) top left no-repeat; }
body.visualart h1 { background: transparent url(/images/header_visualart.jpg) top left no-repeat; }
body.musicandwritings h1 { background: transparent url(/images/header_musicandwritings.jpg) top left no-repeat; }
body.studios h1 { background: transparent url(/images/header_studios.jpg) top left no-repeat; }
body.programs h1 { background: transparent url(/images/header_programs.jpg) top left no-repeat; }
body.donate h1 { background: transparent url(/images/header_donate.jpg) top left no-repeat; }
body.pressroom h1 { background: transparent url(/images/header_pressroom.jpg) top left no-repeat; }
body.contactus h1 { background: transparent url(/images/header_contactus.jpg) top left no-repeat; }


/* ---------------------------------------------------
=Branded in-page elements
--------------------------------------------------- */

.contentproper h2 {
font-weight: bold;
text-transform: uppercase;
font-size: 135%;
display: inline-block;
padding-bottom: 10px;
float: left;
width: 100%;
margin-top: 20px;
}

.contentproper h2.holddownthefort {
margin-top: 20px;
}

.contentproper h2 span {
color: #000;
font-weight: normal;
}

.contentproper h3 {
font-weight: bold;
text-transform: uppercase;
clear: both;
margin-bottom: 5px;
margin-top: 30px;
}

.contentproper h3 span {
color: #000;
font-weight: normal;
}

.contentproper h4 {
font-weight: bold;
text-transform: uppercase;
clear: both;
float: left;
margin-top: 4px;
margin-right: 10px;
}

.contentproper h2 a, .contentproper h3 a {
   text-decoration: none !important;
   }

body.events ul#navigation li.current_page_parent a,
body.events ul#navigation li.current_page_item a,
body.events .contentproper h2, body.events .contentproper h2 a,
body.events .contentproper h3, body.events .contentproper h3 a {
   color: #d78c1c;
   }
body.events div#innernavmodule li a { border-bottom: 1px solid #d78c1c; }
body.events div#innernavmodule { border: 1px solid #d78c1c; }

body.aboutus ul#navigation li.current_page_parent a,
body.aboutus ul#navigation li.current_page_item a,
body.aboutus .contentproper h2, body.aboutus .contentproper h2 a,
body.aboutus .contentproper h4,
body.aboutus .contentproper h3, body.aboutus .contentproper h3 a {
   color: #b62931;
   }
body.aboutus div#innernavmodule li a { border-bottom: 1px solid #b62931; }
body.aboutus div#innernavmodule { border: 1px solid #b62931; }

body.visualart ul#navigation li.current_page_parent a,
body.visualart ul#navigation li.current_page_item a,
body.visualart .contentproper h2, body.visualart .contentproper h2 a,
body.visualart .contentproper h4,
body.visualart .contentproper h3, body.visualart .contentproper h3 a {
   color: #71b852;
   }
body.visualart div#innernavmodule li a { border-bottom: 1px solid #71b852; }
body.visualart div#innernavmodule { border: 1px solid #71b852; }

body.musicandwritings ul#navigation li.current_page_parent a,
body.musicandwritings ul#navigation li.current_page_item a,
body.musicandwritings .contentproper h2, body.musicandwritings .contentproper h2 a,
body.musicandwritings .contentproper h4,
body.musicandwritings .contentproper h3, body.musicandwritings .contentproper h3 a {
   color: #2d65b1;
   }
body.musicandwritings div#innernavmodule li a { border-bottom: 1px solid #2d65b1; }
body.musicandwritings div#innernavmodule { border: 1px solid #2d65b1; }

body.studios ul#navigation li.current_page_parent a,
body.studios ul#navigation li.current_page_item a,
body.studios .contentproper h4,
body.studios .contentproper h2, body.studios .contentproper h2 a,
body.studios .contentproper h3, body.studios .contentproper h3 a {
   color: #944edc;
   }
body.studios div#innernavmodule li a { border-bottom: 1px solid #944edc; }
body.studios div#innernavmodule { border: 1px solid #944edc; }

body.programs ul#navigation li.current_page_parent a,
body.programs ul#navigation li.current_page_item a,
body.programs .contentproper h4,
body.programs .contentproper h2, body.programs .contentproper h2 a,
body.programs .contentproper h3, body.programs .contentproper h3 a {
   color: #e16309;
   }
body.programs div#innernavmodule li a { border-bottom: 1px solid #e16309; }
body.programs div#innernavmodule { border: 1px solid #e16309; }

body.donate ul#navigation li.current_page_parent a,
body.donate ul#navigation li.current_page_item a,
body.donate .contentproper h4,
body.donate .contentproper h2, body.donate .contentproper h2 a,
body.donate .contentproper h3, body.donate .contentproper h3 a {
   color: #cce821;
   }
body.donate div#innernavmodule li a { border-bottom: 1px solid #cce821; }
body.donate div#innernavmodule { border: 1px solid #cce821; }

body.pressroom ul#navigation li.current_page_parent a,
body.pressroom ul#navigation li.current_page_item a,
body.pressroom .contentproper h4,
body.pressroom .contentproper h2, body.pressroom .contentproper h2 a,
body.pressroom .contentproper h3, body.pressroom .contentproper h3 a {
   color: #50b0d1;
   }
body.pressroom div#innernavmodule li a { border-bottom: 1px solid #50b0d1; }
body.pressroom div#innernavmodule { border: 1px solid #50b0d1; }

body.contactus ul#navigation li.current_page_parent a,
body.contactus ul#navigation li.current_page_item a,
body.contactus .contentproper h4,
body.contactus .contentproper h2, body.contactus .contentproper h2 a,
body.contactus .contentproper h3, body.contactus .contentproper h3 a {
   color: #95017b;
   }
body.contactus div#innernavmodule li a { border-bottom: 1px solid #95017b; }
body.contactus div#innernavmodule { border: 1px solid #95017b; }



ul#navigation li.current_page_parent a {
   font-weight: normal;
   }

ul#navigation li ul li.current_page_item a {
   font-weight: bold;
   }

body#pastevents ul#navigation li.events ul li.pastevents a {
   color: #d78c1c !important;
   font-weight: bold;
   }

/* ---------------------------------------------------
=Footer
--------------------------------------------------- */

ul#navigation li a {
font-weight: bold;
text-transform: uppercase;
font-size: 110%;
color: #707070;
}

#footer {
font-size: 75%;
padding-top: 30px;
}

#footer ul {
text-align: center;
margin-bottom: 5px;
clear: both;
display: block;
}

#footer ul li {
display: inline;
}

#footer ul li a {
border-right: 1px solid #000;
padding: 0px 5px 0px 2px;
}

#footer p {
font-size: 80%;
text-align: center;
margin-top: 10px;
}



/* ---------------------------------------------------
= Minor - Left Sidebar
--------------------------------------------------- */

ul#navigation {
margin-top: 255px;
margin-bottom: 20px;
}

ul#navigation li a {
font-weight: bold;
text-transform: uppercase;
font-size: 110%;
color: #707070;
padding-bottom: 8px;
display: block;
}

ul#navigation li ul li {
margin-top: -12px;
margin-bottom: 5px;
}


ul#navigation li ul li a {
font-weight: normal;
}

ul#navigation li a:hover {
color: #000 !important;
text-decoration: none;
}

#minor p {
font-size: 70%;
color: #707070;
width: 135px;
line-height: 130%;
}

body.interior #minor p {
display: none;
}

ul#navigation li ul {
   display: none;
   }

ul#navigation li.current_page_item ul,
ul#navigation li.current_page_parent ul {
display: block;
margin-top: 5px;
}

a#homelink {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 217px;
margin-left: -37px;
height: 245px;
text-indent: -9999px;
margin-bottom: -245px;
}



/* ---------------------------------------------------
= Major - Content Proper
--------------------------------------------------- */


div.contentproper {
padding: 20px;
font-size: 90%;
}

div.contentproper a {
text-decoration: underline;
color: #000;
}

div.contentproper a:hover {
color: #888;
}

div.contentproper p {
margin-bottom: 20px;
line-height: 160%;
color: #707070;
}

div.contentproper p span {
color: #000;
}

div.contentproper ul li {
list-style-type: disc;
margin-left: 25px;
margin-bottom: 10px;
color: #707070;
}

div.contentproper ol li {
list-style-type: decimal;
margin-left: 25px;
margin-bottom: 10px;
color: #707070;
}

div.accordion {
display: none;
width: 703px !important;
}

.accordioncontroller span {
border-bottom: 1px solid #999;
}

div#innernavmodule {
border: 1px solid #999;
background-color: #eee;
float: right;
width: 250px;
margin: 0px 0px 20px 20px;
}

div#innernavmodule ul li {
list-style-type: none;
padding: 10px;
margin: 0px;
}

div#innernavmodule ul li a {
border-bottom: 1px solid #333;
text-decoration: none;
}


/* ---------------------------------------------------
=Widelist
Staff page, etc.
--------------------------------------------------- */

ul.widelist li {
position: relative;
float: left;
margin-left: 0px !important;
list-style-type: none !important;
}

ul.widelist li img {
height: 90px;
width: 90px;
margin-bottom: -96px;
float: left;
position: relative;
left: -180px;
top: 15px;
}

ul.widelist {
float: none;
margin-bottom: 40px;
}

ul.widelist li div {
float: left;
width: 703px;
}



/* ---------------------------------------------------
=Wordpress Meta
Edit This Post link, etc.
--------------------------------------------------- */

p#editbutton {
position: absolute;
background-color: #f00;
top: 0px;
left: 0px;
margin: 5px;
}

p#editbutton a {
color: #fff;
padding: 10px;
display: block;
}




/* ---------------------------------------------------
=Flickr Galleries
--------------------------------------------------- */

body#previousevents h3 {
margin-top: 40px;
}



a.facebook {
   background: transparent url(/images/facebooklogo.png) left top no-repeat;
   display: block;
   height: 30px;
   padding-left: 35px;
   margin-bottom: 20px;
}