/* Theme Name: Museum Version: 1.0 Author: Richard Elmore Author URI: http://www.richardelmore.net */ /***** GLOBAL FORMATTING *****/ * { margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; text-align : center; } body { background: #809ab1 url(pictures/bg_blue.gif) repeat-x; font-size: 12px; height: 100%; color: #000; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } img { border: 0; } a { color: #da790b; text-decoration: none; } a:hover { color: #49647d; text-decoration: underline; } a:visited { color: #49647d; } /***** PAGE STRUCTURE FORMATTING *****/ #wrapper { display: block; margin: 0 auto ; background: #fff url(pictures/contentBg2.gif) repeat-y; width: 900px; position: relative; border-left: 1px solid #000; border-right: 1px solid #000; min-height : 100%; height : auto; } #header { background: #fff url(pictures/header2.png) no-repeat; width: 900px; height: 104px; margin-top: 0; color: #fff; } .title { padding: 5px 5px 5px 20px; color: #fff; } #content { width: 510px; float: left; color: #000; padding: 20px; } #sidebarRight { width: 135px; float: right; overflow: hidden; color: #000; background: #dcddca; padding: 20px; } * html #sidebarRight { width: 135px; } #sidebarLeft { width: 135px; float: right; color: #000; padding: 10px; } * html #sidebarLeft { width: 135px; } #footer { clear: both; width: 871px; background: Black; color: #fff; text-align: center; padding: 8px 8px 12px 21px; border-bottom: 3px solid #000; border-top: 1px solid #000; } #footer a { color: #fff; } /***** NAVIGATION BAR FORMATTING *****/ * - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */ /* remove all list stylings */ .menu, .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .menu li { margin: 0; padding: 0; border: 0; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ } .menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu li li { float: none;/* items of the nested menus are kept on separate lines */ } .menu ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ } .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ top: 100%; /* 1st level go below their parent item */ } .menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { /* IE7 float clear: */ min-height: 0; } /* -- float.clear.END -- */ /* -- sticky.submenu -- it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* -- sticky.submenu.END -- */ /* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */ .menu, .menu ul li { color: #eee; background-color : Blue; background-image : url(pictures/navOnBlue.gif); } .menu ul { width: 11em; } .menu a { text-decoration: none; color: #eee; padding: .4em 1em; display: block; position: relative; } .menu a:hover, .menu li:hover>a { color: #fc3; } .menu li li { /* create borders around each item */ border: 1px solid #ccc; } .menu ul>li + li { /* and remove the top border on all but first item in the list */ border-top: 0; } .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ top: 5px; left: 90%; } /* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu placed here to clarify the terminology I use when referencing submenus in posts */ .menu>li:first-child>a, .menu li + li + li li:first-child>a { color: #567; } /* Fix for IE5/Mac \*//*/ .menu a { float: left; } /* End Fix */ /*]]>*/ /***** GENERAL TEXT FORMATTING *****/ blockquote { color: #000; margin: 0; border-left: 5px solid #ACAB7B; background: #e8e9dc url(images/bqt_Bg.png) top no-repeat; padding: 0px 0px 0px 0px; font-size: 11px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; } p { margin-bottom: 15px; line-height: 1.6em; } p a { border-bottom: 1px solid #ccc; text-decoration: none; } p a:hover { border-bottom: 2px solid #999898; text-decoration: none; } p.center { text-align: center; } h1 { font-size: 20px; letter-spacing: -0.8px; text-align: left; font-weight: normal; margin-bottom: 8px; font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif; } h1.title { font-size: 45px; letter-spacing: -2.5px; font-weight: normal; padding: 10px 10px 10px 17px; } h4 { margin: -5px 0 10px 0; padding: 0; font-weight: normal; font-size: 10px; color: #424040; } /***** LISTS FORMATTING *****/ html>body .post ul { margin-left: 0px; padding: 0 0 10px 30px; list-style-image: url(images/bullet.png); padding-left: 30px; } html>body .post li { margin: 7px 0 8px 10px; } .post ol { padding: 0 0 0 35px; margin: 0; } .post ol li { margin: 0; padding: 0; } /***** SIDEBAR FORMATTING *****/ h2 { font-size: 14px; letter-spacing: -0.8px; text-align: left; padding: 2px; text-transform: uppercase; font-weight: normal; color: #49647d; border-bottom: 2px #fff solid; margin-bottom: 5px; font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif; } #sidebarRight a { color: #d8882f; text-decoration: none; } #sidebarRight a:hover { background: none; color: #49647d; text-decoration: underline; } #sidebarLeft a { color: #d8882f; text-decoration: none; } #sidebarLeft a:hover { background: none; color: #49647d; } #sidebarLeft a:visited { color: #49647d; } /***** SIDEBAR LISTS FORMATTING *****/ .sidebarIcon ul, .sidebarIcon ol { margin: 0 0 1em 0; font-size: 11px; } .sidebarIcon ul { list-style-image: url(images/tag.png); list-style-position: inside; } .sidebarIcon li { margin: 0 0 0.2em 0; } .sidebarIcon ul li ul, .sidebarIcon ul li ol, .sidebarIcon ol li ul, .sidebarIcon ol li ol { margin: 0.5em 0 0.5em 5px; } .sidebar ul, .sidebar ol { margin: 0 0 1em 0; font-size: 11px; } .sidebar ul { list-style-type: none; } .sidebar li { margin: 0 0 0.6em 0; } .sidebar ul li ul, .sidebar ul li ol, .sidebar ol li ul, .sidebar ol li ol { margin: 0.5em 0 0.5em 5px; } /***** FOOTER FORMATTING *****/ #footer p { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; letter-spacing: -0.1px; margin-bottom: 0px; } #footer a { color: #afb65b; text-decoration: none; border-bottom: none; } #footer a:hover { color: #5c7c9a; background: none; border-bottom: none; } #icons { display: inline; margin-top: -30px; float: right; text-align: right; } #footerIcons { padding: 2px; color: #000; display: inline; float: right; } /***** IMAGE FORMATTING *****/ .captioned_photo { position: relative; float: left; display: block; margin: .5em 1.25em .5em 0; padding: 1em; border: 1px solid #ccc; border-top-color: #eee; border-right-color: #ddd; border-bottom-color: #bbb; background: url(images/bg.gif) bottom left repeat-x; line-height: 1em; } .captioned_photo p { position: absolute; bottom: 2.25em; left: 1.375em; display: block; width: 240px; /* This needs to match the width of the image */ margin: 0; padding: 0; background: url(images/caption-black.png) top left repeat-y; font: .75em/1.25em Verdana, sans-serif; letter-spacing:.05em; color: #fff; } .captioned_photo p span { display: block; padding: 1em; } .captioned_photo img { margin: 0 0 -.0625em 0; padding: 0; } /* Theme Name: Museum Version: 1.0 Author: Richard Elmore Author URI: http://www.richardelmore.net */ /***** GLOBAL FORMATTING *****/ * { margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; text-align : center; } body { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; /*FONT: 10px normal Verdana, Arial, Helvetica, sans-serif; **/ PADDING-TOP: 0px background: #809ab1 url(pictures/bg_blue.gif) repeat-x; font-size: 12px; height: 100%; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } img { border: 0; } a { color: #da790b; text-decoration: none; } a:hover { color: #49647d; text-decoration: underline; } a:visited { color: #49647d; } /***** PAGE STRUCTURE FORMATTING *****/ #wrapper { display: block; margin: 0 auto; background: #fff url(pictures/backgound21_01.jpg) repeat-y; width: 900px; position: relative; border-left: 1px solid #000; border-right: 1px solid #000; min-height: 100%; height: auto; } #header { background: #fff url(pictures/monroe_header.jpg) no-repeat; width: 900px; height: 178px; margin-top: 0; color: #fff; } .title { padding: 5px 5px 5px 20px; color: #fff; } #content { width: 510px; float: left; color: #fff; padding: 20px; } #sidebarRight { width: 135px; float: right; overflow: hidden; background: #9a99a5; color: #fff; padding: 20px; } * html #sidebarRight { width: 135px; } #sidebarLeft { width: 135px; float: right; color: #fff; padding: 10px; } * html #sidebarLeft { width: 135px; } #video{ top: 100px; right: 10px; position: absolute; z-index: 1; } /*#footer { clear: both; width: 900px; background: Black; color: #fff; text-align: center; padding: 8px 8px 12px 21px; border-bottom: 3px solid #000; border-top: 1px solid #000; } #footer a { color: #fff; } */ /***** NAVIGATION BAR FORMATTING *****/ .jqueryslidemenu{ font: bold 12px Verdana; background: #414141; width: 100%; } .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .jqueryslidemenu ul li{ position: relative; display: inline; float: left; } /*Top level menu link items style*/ .jqueryslidemenu ul li a{ display: block; background: #414141; /*background of tabs (default state)*/ color: white; padding: 8px 10px; border-right: 1px solid #778; color: #2d2b2b; text-decoration: none; } * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: white; } .jqueryslidemenu ul li a:hover{ background: black; /*tab link background during hover state*/ color: white; } /*1st sub level menu*/ .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } /*Sub level menu list items (undo style from Top level List Items)*/ .jqueryslidemenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .jqueryslidemenu ul li ul li a{ font: normal 13px Verdana; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; } .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/ background: #eff9ff; color: black; } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } /***** GENERAL TEXT FORMATTING *****/ blockquote { color: #000; margin: 0; border-left: 5px solid #ACAB7B; background: #e8e9dc url(images/bqt_Bg.png) top no-repeat; padding: 0px 0px 0px 0px; font-size: 11px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; } p { margin-bottom: 15px; line-height: 1.6em; } p a { border-bottom: 1px solid #ccc; text-decoration: none; } p a:hover { border-bottom: 2px solid #999898; text-decoration: none; } p.center { text-align: center; } h1 { font-size: 20px; letter-spacing: -0.8px; text-align: left; font-weight: normal; margin-bottom: 8px; font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif; } h1.title { font-size: 45px; letter-spacing: -2.5px; font-weight: normal; padding: 10px 10px 10px 17px; } h4 { margin: -5px 0 10px 0; padding: 0; font-weight: normal; font-size: 10px; color: #f6d654; } /***** LISTS FORMATTING *****/ html;body .post ul { margin-left: 0px; padding: 0 0 10px 30px; list-style-image: url(images/bullet.png); padding-left: 30px; } html;body .post li { margin: 7px 0 8px 10px; } .post ol { padding: 0 0 0 35px; margin: 0; } .post ol li { margin: 0; padding: 0; } /***** SIDEBAR FORMATTING *****/ h2 { font-size: 14px; letter-spacing: -0.8px; text-align: left; padding: 2px; text-transform: uppercase; font-weight: normal; color: #f6d654; border-bottom: 2px #fff solid; margin-bottom: 5px; font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif; } #sidebarRight a { color: #f6d654; text-decoration: none; } #sidebarRight a:hover { background: none; color: #49647d; text-decoration: underline; } #sidebarLeft a { color: #f6d654; text-decoration: none; } #sidebarLeft a:hover { background: none; color: #49647d; } #sidebarLeft a:visited { color: #49647d; } #video { position: absolute; left: 0px; top: 30%; z-index: 1; } /***** SIDEBAR LISTS FORMATTING *****/ .sidebarIcon ul, .sidebarIcon ol { margin: 0 0 1em 0; font-size: 11px; } .sidebarIcon ul { list-style-image: url(images/tag.png); list-style-position: inside; } .sidebarIcon li { margin: 0 0 0.2em 0; } .sidebarIcon ul li ul, .sidebarIcon ul li ol, .sidebarIcon ol li ul, .sidebarIcon ol li ol { margin: 0.5em 0 0.5em 5px; } .sidebar ul, .sidebar ol { margin: 0 0 1em 0; font-size: 11px; } .sidebar ul { list-style-type: none; } .sidebar li { margin: 0 0 0.6em 0; } .sidebar ul li ul, .sidebar ul li ol, .sidebar ol li ul, .sidebar ol li ol { margin: 0.5em 0 0.5em 5px; } /***** FOOTER FORMATTING *****/ #footer p { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; letter-spacing: -0.1px; margin-bottom: 0px; } #footer a { color: #afb65b; text-decoration: none; border-bottom: none; } #footer a:hover { color: #5c7c9a; background: none; border-bottom: none; } #icons { display: inline; margin-top: -30px; float: right; text-align: right; } #footerIcons { padding: 2px; color: #000; display: inline; float: right; } /***** IMAGE FORMATTING *****/ .captioned_photo { position: relative; float: left; display: block; margin: .5em 1.25em .5em 0; padding: 1em; border: 1px solid #ccc; border-top-color: #eee; border-right-color: #ddd; border-bottom-color: #bbb; background: url(images/bg.gif) bottom left repeat-x; line-height: 1em; } .captioned_photo p { position: absolute; bottom: 2.25em; left: 1.375em; display: block; width: 240px; /* This needs to match the width of the image */ margin: 0; padding: 0; background: url(images/caption-black.png) top left repeat-y; font: .75em/1.25em Verdana, sans-serif; letter-spacing:.05em; color: #fff; } .captioned_photo p span { display: block; padding: 1em; } .captioned_photo img { margin: 0 0 -.0625em 0; padding: 0; }