/*  
 Theme Name: Queens Museum  Theme
 URI: http://diebesteallerzeiten.de/
 Description: Theme for the QMA. Design by M.Murphy, Programming Eike Pierstorff.  
 Version: 1.0  
 Author: Eike Pierstorff  
 AuthoR URI: http://diebesteallerzeiten.de/  
 */


/*  * General  */
div.entry p img {
    margin-left: -75px;
}

div.entry embed {
    margin-left: -20px;
}

div.entry img.alignleft {
    float: left;
}* {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

html, body {
    height: 100%;
    min-width: 1000px;
}

body, div, li, ul {
    margin: 0px;
    border: 0px;
    padding: 0px;
    font-family: Verdana, sans-serif;
}

body {
    background-color: #FFF;
    text-align: center;
    background-image: url(img/subpage_header_bg.png);
    background-repeat: no-repeat;
}

img#bgg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
}

h1, h2, h3 {
    margin: 0px;
    border: 0px;
    padding: 0px;
    font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 18pt;
    line-height: 20pt;
    font-weight: normal;
    border-top: 2px dotted #FF0000; /*ff7f7f*/
    color: #FF0000; /*ff7f7f*/
    padding: 0 0 20px 0;
}

h1.searchtitle, h1.searchtitle em {
    font-size: 18pt;
    line-height: 20pt;
    font-weight: normal;
    border: 0px;
    color: #FF0000; /*ff7f7f*/
    padding: 10px 0 10px 20px;
}

h1.searchtitle em {
    padding: 0;
}

.post h1 a {
    font-size: 18pt;
    line-height: 20pt;
    font-weight: normal;
    border-top: 0;
    color: #FF0000; /*ff7f7f*/
    padding: 0 0 20px 0;
}

h2 {
    font-size: 15pt;
    line-height: 15pt;
    font-weight: normal;
    color: #FF0000; /*ff7f7f*/
    padding: 25px 0 10px 10px;
}

h3 {
    font-weight: bold;
    font-size: 14px;
    line-height: 15pt;
    text-decoration: none;
    color: #989898;
    padding: 5px 0 5px 20px;
}

a {
    color: #ff0000;
    font-weight: bold;
    border: 0px;
}

a:hover {
    color: #FF0000;
    background-color: #ededed;
}

img {
    border: 0px;
}

.entry {
    overflow: auto;
}

.entry .align, .entry img.alignnone {
    float: left;
    padding: 10px 10px 0px 0px;
}

.entry .wp-caption .entry .align, .entry .wp-caption .entry .alignnone {
    padding: 0;
}

.entry .wp-caption {
    float: left;
    margin-right: 10px;
    padding: 0px 0px 10px 10px;
    background-color: #fff;
    width: 300px;
}

.wp-caption p {
    clear: both;
}

#home_anchor {
    position: absolute;
    height: 105px;
    width: 190px;
    margin-left: -90px;
}
 /*  * Structure  */
#wrapper {
    margin: 0px auto 20px auto;
    width: 980px;
    height: 100%;
    overflow: visible;
    text-align: left;
    z-index: 10;
    position: relative;
}

#pagefooter {
    text-align: center;
    font-size: 10px;
    padding-bottom: 10px;
}
 /* Header with promo */
#header {
    margin: 0px auto 20px auto;
    width: 980px;
    height: 153px;
    text-align: left;
    z-index: 20;
}

#header-wrapper {
    margin: 0px auto 0px auto;
    width: 1270px;
    height: 147px;
    overflow: visible;
    text-align: left;
    z-index: 10;
    position: relative;
    background-image: url(img/subpage_header.png);
    background-repeat: no-repeat;
}

#promoHomeLeft {
    width: 280px;
    height: 188px;
    background-color: transparent;
    position: absolute;
    left: 116px;
    top: 10px;
    overflow: hidden;
}

#promoHomeMid {
    width: 280px;
    height: 188px;
    background-color: transparent;
    position: absolute;
    left: 408px;
    top: 10px;
    overflow: hidden;
}
#promoHomeRight {    width: 280px;    height: 188px;    background-color: transparent;    position: absolute;    left: 700px;    top: 10px;    overflow: hidden;}
#promoSectionL {
    width: 423px;
    height: 90px;
    background-color: #D6D6D6;
    position: absolute;
    left: 265px;    overflow: hidden;
}#promoSectionR {    width: 423px;    height: 90px;    background-color: #D6D6D6;    position: absolute;    left: 702px;    overflow: hidden;}
 /* Column with search and calendar */
#left {
    width: 220px;
    display: inline;
    float: left;
    z-index: 30;
}

#leftinner {
    width: 216px;
}
 /* main content area */
#content {
    width: 740px;
    margin-left: 236px;
    font-size: 12px;
    z-index: 40;
}
 /*  * Main Navigation  */
#menu {
    position: absolute;
    margin: 98px 0px 0px 100px;
    z-index: 100;
}

#menu ul {
    z-index: 110;
    vertical-align: bottom;
}

#menu ul#root li {
    padding-top: 17px;
}

#menu ul#root li ul li {
    padding-top: 0px;
}

#menu ul li {
    float: left;
    list-style-type: none;
    z-index: 120;
    vertical-align: bottom;
}

#exhibitions {
    width: 140px;
}

#events {
    width: 198px;
}

#learning {
    width: 250px;
}

#visit {
    width: 169px;
}

#about {
    width: 100px;	margin-left: 14px;
}

#menu ul li a {
    display: block;
    color: #fff;
    font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0px;
    text-decoration: none;
    padding: 13px 5px 10px 5px;
    margin: -12px 9px 0px 0px;
}

#menu ul.level2 {
    visibility: hidden;
}

#menu ul.level2 li {
    float: none;
font-weight: normal;
    z-index: 170;
    margin-top: 11px;
}

#menu ul.level2 li a {
    background-image: url(img/menu_subitem_bg.png);
    font-family: Century Gothic, Trebuchet MS, Verdana, sans-serif;
font-weight: bold;
    width: 205px;
    font-size: 13px;
    padding: 7px 5px 7px 15px;
    border-top: 1px solid #fff;
}

#menu ul.level2 li a:hover {
    background: #ff0000;
}

#menu a:hover {
    display: block;
    color: #000;
    background-color: #ff0000;
}
 /*  * Homepage transparent box for current and upcoming events  */ /* bottom with cut out corner */
#transbox {
    border-top: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    width: 744px;
}

#transbox_inner {
    background: url(img/calendarsearch_transparent_box_bottom.png) no-repeat bottom;
    padding: 5px 0;
    width: 745px;
}

#transbox_inner ul li a {
    letter-spacing: 0px;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}
 /*  * Searchbox in the left col  */
.searchbox {
    width: 214px;
    min-height: 50px;
    background: url(img/search_box_background.png) no-repeat;
    border: 1px solid #B2B2B2;
    margin-bottom: 10px;
}

.searchbox_inner {
    padding: 5px;
}
 /*  * Navigation box on single pages  */
#page_navbox {
    width: 215px;
    border-right: 1px solid #B2B2B2;
    border-bottom: 2px solid #B2B2B2;
    margin-bottom: 12px;
    background-color: #FF0000; /*ff7f7f*/
}

#page_navbox #page_navbox_header {
    height: 20px;
    background: url(img/page_navbox_head_bg.png) no-repeat;
}

.page_navbox_inner {
    border-left: 1px solid #B2B2B2;
    margin-bottom: 6px;
}

#page_navbox ul li a {
    display: block;
    color: #fff;
    font-family: Century Gothic, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 4px;
    text-decoration: none;
}

#page_navbox ul li a:hover {
    display: block;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 4px;
    background-color: #ff0000;
}

#page_navbox ul li ul li a {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 4px;
    text-decoration: none;
}

#page_navbox ul li ul li a:hover {
    display: block;
    color: #000;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 4px;
    background-color: #ff0000;
}
 /*  * Calendar  */
#calendar-home {
    margin-bottom: 10px;
}

#calendar-home #wp-qma-calendar-head {
    width: 216px;
    background: url(img/calendar_bg_top.gif) no-repeat;
    color: #808080;
    border-top: 0px;
    padding-top: 10px;
}

#calendar {
    margin-bottom: 10px;
}
 /* Page calendar does not have cut off corners */
#calendar #wp-qma-calendar-head {
    width: 216px;
    background: url(img/search_box_background.png) no-repeat;
    background-color: #fff;
    color: #808080;
    border: 1px solid #B2B2B2;
    border-bottom: 0px;
}

#wp-qma-calendar-head td {
    font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #808080;
    text-decoration: none;
}

#wp-qma-calendar-head td a {
    text-decoration: none;
    font-size: 10px;
}

#wp-qma-calendar {
    width: 216px;
    background-color: #fff;
    border: 1px solid #B2B2B2;
    border-top: 0px;
}

#wp-qma-calendar th {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #808080;
    width: 28px;
    text-align: center;
    vertical-align: top;
    font-weight: normal;
}

#wp-qma-calendar td {
    background-color: #eee;
    height: 26px;
    width: 28px;
    font-size: 9px;
    vertical-align: top;
}

#wp-qma-calendar td.active {
    text-decoration: none;
}

#wp-qma-calendar td.active a {
    display: block;
    color: #ff0000;
    text-decoration: none;
    font-weight: normal;
    padding: 1px;
}

#wp-qma-calendar td.active a:hover {
    display: block;
    color: #000;
    background-color: #ff0000;
    height: 90%;
}

#wp-qma-calendar td span {
    display: block;
    color: #fff;
    padding: 1px;
}
 /* Category display in sidebar */
.searchbox h2, div#leftcol h2, div#rightcol h2, div#midcol h2 {
    font-size: 24px;
    font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #ccc;
    margin: 0px;
    letter-spacing: 1px;
    padding: 2px 0px 10px 0px;
}

.searchbox ul {
    list-style-type: none;
}

.searchbox .categories {
}

.searchbox .categories ul li {
    margin: 1px 0 1px 5px;
    font-size: 10px;
    text-decoration: none;
}

.searchbox .categories ul li a {
    text-decoration: none;
    color: #ff0000;
    font-size: 11px;
    font-weight: bold;
}

ul.wp-tag-cloud li {
    display: inline;
    font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
}

ul.wp-tag-cloud li a {
    text-decoration: none;    font-weight: normal;
    color: #ff0000;
    padding: 0 5px 0 5px;
}
 /* Calendar index with mutiple items */
.post {
    margin: 10px;
    padding: 10px;
    background-color: #fff;
}

.intro {
}

.post .entry .intro p.wp-caption-text {
    display: none;
}

.post .intro p {
    background-color: #f9f9f9;
    padding: 8px;
    margin: 0px 0px .5em 160px;
}

.post p, h4, h5, h6, address {
    background-color: #f9f9f9
    padding: 8px;
    font-size: 12px;
    line-height: 16px;
    margin: 10px 5px 10px 155px;
}

.post blockquote p {
    background-color: #f5f5f5;
    padding: 3px;
    font-size: 9px;
    line-height: 16px;
    margin: 10px 5px 10px 170px;
}

.thumbleft {
    float: left;
}

p.wp-caption-text, #thumbImage {
    color: #808080;
    background-color: #fff;
    font-size: 10px;
    line-height: 11px;
    font-style: italic;
    font-weight: normal;
    padding: 0;
    margin: 2px 0px 2px 0px;
}

#thumbImage img {
    padding: 10px;
}

.post ol {
    background-color: #f9f9f9;
    padding: 1px 1px 1px 30px;
    font-size: 11px;
    line-height: 14px;
    margin: 10px 5px 10px 180px;
}

.post ul {
    background-color: #f9f9f9;
    padding: 1px 1px 1px 30px;
    font-size: 11px;
    line-height: 14px;
    margin: 10px 5px 10px 180px;
}

.post a, .post-pagination a {
    color: #FF0000;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

.post h2 a {
    font-size: 12pt;
    line-height: 15pt;
    color: #FF0000;
    margin: 0;
    padding: 0;
}

.post-pagination {
    font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
    text-align: right;

}

.post-pagination .page-numbers {
    font-size: 12px;
    margin: 0 5px 0 5px;
}
 /* Calendar Single item */
.single_event #transbox {
    background-image: url(img/calendarsearch_transparent_bottom_sans.png);
}
 /* Upcoming Events and feeds */
#left ul#upcoming_events li, ul#subscribe li {
    margin-bottom: 5px;
}

.single_event #transbox_inner {
    padding: 5px;
}

.date {
    color: #000;
    letter-spacing: 0px;
    font-size: 9px;
    font-style: italic;
    font-weight: normal;
    padding: 0px;
    margin: 0px 0px 2px 0px;
}

.post .date, .post .entry .date {
    font-size: 11px;
    color: #808080;
    border: 1px solid #f9f9f9;
    background: #FFF;
}