/*  
Theme Name: Red Tree Gallery
Theme URI: http://www.redtreegallery.net/
Description: This is a custom theme for Red Tree Gallery in Cincinnati, Ohio
Author: Tate Lucas & David Little
Author URI:
*/

/*-- 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 { 
 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; 
 text-transform: uppercase; 
 color: #DB0029;  
 } 
q:before,q:after { 
 content:''; 
 } 
abbr,acronym { 
 border:0; 
 } 
a img {
 border: none;
 margin: 0;
 padding: 0;
 }  

/*-- BASIC STYLES -------------------------*/
body {
 font: 13px arial, sans-serif;
 background-image:url(images/fadeheader.png);
 background-repeat: repeat-x;
 } 
a:link, a:visited {
 text-decoration: none;
 outline: none;
 color: #FFFFFF;
 } 
a:hover {
 color: #990000;
 } 
h1 {
 font-size: 1.75em;
 }  
h2 {
 font-size: 1.75em;
 }
h3 {
 font-size: 1.5em;
 }
h4 {
 font-size: 1.5em;
 }  
h5 {
 font-size: 1.25em;
 } 
h1, h2, h3, h4, h5 {
 font-weight: bold;
 } 
 
 
/*- LOGO --------------------------------------------------*/
h1 a{
 display:block;
 height:100px;
 text-decoration:none;
} 
#logo {
 background: transparent url("images/logo.png") no-repeat 0 0;
 display: block;
 width: 240px;
 height: 100px;
 overflow: hidden;
 line-height: 1000px;
}
 
 
/*- DIVS --------------------------------------------------*/
#wrapper { 
 margin: -110px auto;
 padding: 0px;
 width: 810px;
}
#topbar {
 height: 120px;
 background-image:url(images/branch.png);
 background-position: right;
 background-repeat: no-repeat;
 margin: 0;
 padding: 0;
 }
#header {
 width: 810px;
 height: 135px;
 margin: 0;
 padding: 0; 
}
#content { 
 background-image: url(images/contentbackground.png);
 background-repeat: no-repeat;
 width: 810px;
 position: relative;
 float: left;
 margin: 45px 0 0 0;
 overflow: hidden;
}
#pagecontent, #eventcontent { 
 background-image: url(images/contentbackground.png);
 background-repeat: no-repeat;
 width: 810px;
 position: relative;
 float: left;
 margin: 25px 0 -22px 0;
 overflow: hidden;
}
#picturerow {
 margin: 0 0 0 40px;
 } 
#leftcolumn {
 float: left;
 position: relative;
 width: 640px;
 margin: 13px 0 0 0; 
 }
#rightcolumn {
 float: left;
 position: relative;
 width: 130px;
 height: 240px;
 margin: 15px 0 0 0;
 text-align: left;
 }
#footer { 
 text-align: right;
 width: 810px;
 height: 70px;
 clear: both;
 background-image: url(images/footerbackground.png);
 background-position: right;
 background-repeat: no-repeat;
 margin-top: -15px; /* Hack for IE*/
}
#singlesearch {
 margin: 30px 0 0 0;
}
#spacer {
 height: 30px;
 } 
#contact {
 margin: -10px 0 0 0;
 } 
#fronttext {
  width: 190px;
  float: left;
  }
  

/*- HEADERS --------------------------------------------------*/
#content h2 {
 margin: 0px 0 15px 0;
 color: #DB0029; 
 }
#content h3 {
 margin: 40px 0 5px 0;
 }
#content h4 {
 margin: 25px 0 5px 0; 
 } 
#content li h5 {
 margin: 0; 
 } 
#pagecontent h2 {
 margin: 0px 250px 15px 40px;
 color: #DB0029;
 } 
#eventcontent h2 {
 margin: 0px 250px 10px 40px;
 } 
#eventcontent h5 {
 margin: 25px 5px 0 40px;
 } 
#pagecontent h3 {
 margin: 30px 20px 10px 40px;
 }
#pagecontent h5 {
 margin: 0px 20px 10px 40px;
 }
#pagecontent h4 {
 margin: 25px 30px 5px 0;
 }   


/*- DIV ELEMENTS ---------------------------------------*/
#content a, #pagecontent a, #footer a, #rightcolumn a, #leftcolumn a{
 color: #DB0029;
 }
#content a:hover, #pagecontent a:hover, #footer a:hover, #rightcolumn a:hover, #leftcolumn a:hover {
 color: #990000;
 }  
#content p {
 margin: 0 0 10px 0;
 }
#eventcontent p {
 margin: 0px 250px 20px 40px;
 } 
#content ul, li {
 list-style-type: none;
 } 
#leftcolumn p {
 margin: 0 10px 15px 40px;
 }
#leftcolumn form {
 margin: 0 10px 15px 40px;
 } 
#rightcolumn a {
 color: #666666;
 text-transform: uppercase;
 font-size: 1em;
 } 
#rightcolumn a:hover {
 color: #DB0029;
 } 
#footer p {
 color: #DB0029;
 font-weight: bold;
 padding: 50px 60px 0 0;
 vertical-align: bottom;
 margin: 0px;
}



/*- CLASSES --------------------------------------------------*/
.clear { 
 clear: both; 
 background: none; 
 }
.date {
 margin: 0 20px 0 0;
 text-transform: lowercase;
 color: #DB0029;
 }  
.current a {
 color: #DB0029;
 }
.current {
 color: #DB0029;
 } 
.eventdate {
 text-transform: uppercase;
 color: #666666;
 font-size: .90em;
 margin: 5px 250px 0px 40px;
 } 
.sidebarli1, .sidebarli2 {
 border-top-width: 1px;
 border-top-color: #A2C1CD;
 border-top-style: solid;
 margin: 20px 0 0 0;
 padding: 20px 0 0 5px;
}
.sidebarli1 {
 letter-spacing: 1.5px;
 } 
.sidebarli2 {
 letter-spacing: 1px;
 } 
.rss {
 margin: 0 5px 0 2px;
 }
.stafful {
 margin: 0 40px 0 40px;
 } 
.stafflist {
 margin: 15px 0 0 0;
 border-bottom: 1px solid #CCCCCC;
 padding: 5px;
 }
.rightemail {
 float: right;
 }
.center {
 text-align: center;
 }
#emailwendy {
 border-bottom: 1px solid #CCCCCC;
 }
 
/*- IMAGES --------------------------------------------------*/
#header img, #topbar img, #menu img { 
 vertical-align: bottom; 
 }
.leftimage {
 margin: 40px 5px 0 40px;
 } 
.rightimage {
 margin: 40px 5px 0 0px;
 }  
#content img {
 padding: 0 10px 0 0;
 float: left;
 }
#picturerow img {
 padding: 40px 0 0 0;
 margin: 0;
 } 
#rightcolumn img {
 padding: 0 4px 0 0;
 float: left;
 } 
.picture {
 margin: 0 20px 0 0;
 float: left;
 width: 130px;
 height: 200px;
 text-align: right;
 font-size: .75em;
 }

/*- MENUS --------------------------------------------------*/
#menu {
 color: #DB0029;
 font-weight: normal;
 text-transform: uppercase;
 margin: -31px 0 0 90px;
 }
#menu li {
 display: inline;
} 
#topmenu {
 margin: 30px 0 0 0;
 text-align: left;
 line-height: 1.23em;  
 }
#topmenu li a {
 padding-right: 4px;
 padding-left: 4px;
 }
#topmenu a:hover {
 color: #DB0029;
}    
#bottommenu1 a, #bottommenu2 a, #bottommenu3 a, #bottommenu4 a {
 color: #FFFFFF;
 }
#bottommenu1 li a, #bottommenu2 li a, #bottommenu3 li a, #bottommenu4 li a {
 padding: 0 4px 0 4px;
 } 
#bottommenu1 a:hover, #bottommenu2 a:hover, #bottommenu3 a:hover, #bottommenu4 a:hover {
 color: #660000;
 }
#bottommenu1, #bottommenu2, #bottommenu3, #bottommenu4 {
 margin: 4px 0 0 0;
 padding: 0;
} 
#bottommenu2 {
 margin: 4px 0 0 78px;
 }
#bottommenu3 {
 margin: 4px 0 0 285px;
 }
#bottommenu4 {
 margin: 4px 0 0 482px;
 text-align: left;
 }


/*- SEARCH FORM --------------------------------------------------*/
#search {
 height: 22px;
 border: 1px solid #CCCCCC;
 background: white;
 width: 128px;
 position: relative;
}
#search input {
 color: #666666;
 padding: 2px 0 0 4px;
 height: 20px;
 letter-spacing: 1px;
 border: none; 
 width: 102px;
 outline: none;
}
#search #search_input {
 float: left;
 border: 0px solid green;
}
#safarisearch #search_input {
 float: left;
 border: 0px solid green;
}
#search input#searchsubmit {
 margin-left: -4px;
 width: 20px;
 display: block;
 float: right;
 height: 20px;
 cursor: pointer;
 overflow: hidden;
 text-indent: 999999px;
 border: none;
}
#search input#searchsubmit:focus {
 outline: none;
 border: none;
}
#search img#indicator {
 height: 20px;
 width: 18px;
 margin: 1px 0 0 0;
}
#search img#indicator-safari {
 height: 20px;
 width: 18px;
 margin: 1px -10px 0 30px;
}
* html #search img#indicator {
 margin-left: -2px;
}
#searchresults {
 clear: both;
}
#searchresults ul {
 margin: 0;
 position: relative;
 top: 10px;
 padding: 30px 10px 30px 10px;
 background: #BCD3DC;
}
#searchresults li, #searchresults a {
 color: #666666;
 padding-bottom: 7px;
}
#searchresults a:hover {
 color: #DB0029;
}
#closeresults {
 display: block;
 float: right;
 background: url(/wp-content/themes/redtree/images/smallclose.gif) 3px 3px no-repeat;
 position: relative;
 z-index: 3;
 top: -20px;
 text-indent: -3000px;
 overflow: hidden;
 height: 20px;
 width: 32px;
}
#linkclose {
 display: block;
 float: right;
 position: relative;
 z-index: 3;
 top: -20px;
 text-indent: -3000px;
 overflow: hidden;
 height: 20px;
 width: 32px;
}
#captions {
 width: 810px;
 clear: both;
 margin: 0 0 -22px 0;
 overflow: hidden;
 }
.caption1 {
 width: 300px;
 text-align: right;
 float: left;
 }
.caption2 {
 float: left;
 width: 275px;
 text-align: right;
 }