/**
 * Formatting styles for potomacforum.org website
 *
 * PHP version 5
 *
 * @category  Potomac_Forum
 * @package   Core
 * @author    Dave Stevenson <dave@potomacforum.org>
 * @copyright 2003-2008 Dave Stevenson, Potomac Forum
 * @license   closed source, property of Potomac Forum
 * @version   SVN: $Id$
 */
@media handheld {
#header-top {height:33px; margin:0; padding:0 10px; background:#903 url(/images/header-logo.gif) no-repeat; border-bottom:0}
#header-top strong, #header-top span {display:none}
#header-photos, #sidebar, #upcoming-events, #print-page-controls, .register-controls, #details-links, #iframe-container {display:none}
#sidebar {vertical-align:top}
#nav-menu-controls {background:#DDD; border-bottom:1px solid #666; padding:2px}
#main{padding:5px}
#details-inline {display:block}
#contact-form #email, #contact-form #body, #mailinglist-form input {width:100%}
}
@media print {
#header-top {height:33px; margin:0; padding:0 10px; background:#903 url(/images/header-logo.gif) no-repeat; text-align:right; font:20px/33px serif; border-bottom:0}
#header-photos, #sidebar, #upcoming-events, #print-page-controls, .register-controls, #details-links, #iframe-container {display:none}
#nav-menu-link, #nav-menu-controls, #event-register-controls {display:none}
#details-inline {display:block}
}
@media screen {
#wrapper {position:absolute; width:100%; height:100%; margin:0; padding:0; background:#EFEFEF url(/images/background.jpg)}
#maintable {width:100%; height:100%} 
#header  {height:123px} 
#header-top {height:33px; margin:0; padding:0 10px; background:#903 url(/images/header-logo.gif) no-repeat; text-align:right; font:20px/33px serif; border-bottom:0}
#header-top strong {display:none}
#header-top span {color:#EEE; font:bold italic 16px/33px serif}
#header-top sup {font-size:4pt}
#header-photos {position:absolute; top:33px; overflow:hidden; white-space:nowrap; width:100%}
#sidebar {width:170px; vertical-align:top; background:url(/images/left-sidebar.gif)}
#nav-menu-link, #nav-menu-controls {display:none}
#main {width:585px; position:relative; z-index:10; padding:20px 20px 0}
#event-register-controls {float:right}
#links {overflow:hidden}
#iframe {width:100%; border:0}
#details-iframe blockquote {margin:0; padding:0}
#details-iframe p {margin:0 12pt}
#details-iframe blockquote p, #details-iframe blockquote table {margin:0.9em 12pt}
#details-iframe blockquote table p {margin:0}
#details-inline {display:none}
}
body {background:#EFEFEF url(/images/background.jpg); margin:0; padding:0; height:100%}
#mailing-list-form input {width:100%}
#submit {display:block; margin-top:20pt; font-weight:bold}
#footer {padding:10px 5px 5px; font-size:7pt; text-align:right}
/* Navigation buttons */
#nav {margin:10px; padding:0}
#nav ul, .nav {margin:0; padding:0; border:1px solid #777}
#nav li, .nav li {margin:0; list-style:none; display:inline; text-align:left; font:bold 8.5pt sans-serif} 
#nav li a, .nav li a {padding:6px; border-left:10px solid #CCC; border-top:1px solid #AAA; display:block; vertical-align:bottom; background:#DDD; text-decoration:none; color:#007}
#nav li a.top, .nav li a.top {border-top:0}
#nav li a:hover, .nav li a:hover {border-left-color:#F00; background:#EEE; color:#00F}
.nav {margin-bottom:2px; width: 140px}
/* Upcoming Events Nav Block */
#upcoming-events {width:150px; position:absolute; top:133px; right:10px; z-index:0}
#upcoming-events h3 {margin:0; padding:6px 10px; color:#FFF; background:#AAA}
#upcoming-events li {font-size:7pt}
/* Registration buttons */
.reg {margin-bottom:2px; width: 140px}
.reg {margin:0; padding:0 1px 1px 1px; font-weight:bold; background:gray}
.reg li {margin:0; list-style:none; display:inline; text-align:left} 
.reg li a {padding:2px 3px 2px 4px; border-left:10px solid #AAA; border-top:1px solid gray; display:block; vertical-align:bottom; background:#CCC; text-decoration:none}
.reg li a:hover {border-color:red; color:#FFF; background:#903}
/* Event blocks */
.block {margin:0 0 7px}
.block .tl, .block .tr, .block .bl, .block .br, .block .t, .block .b {height:11px}
.block .tl, .block .tr, .block .bl, .block .br, .block .l, .block .r {width:11px}
.block .tl {background:url(/images/block-top-left.gif)}
.block .t  {background:url(/images/block-top.gif)}
.block .tr {background:url(/images/block-top-right.gif)}
.block .l  {background:url(/images/block-left.gif)}
.block .m  {background:#F8F8F8; text-align:center}
.block .r  {background:url(/images/block-right.gif)}
.block .bl {background:url(/images/block-bottom-left.gif)}
.block .b  {background:url(/images/block-bottom.gif)}
.block .br {background:url(/images/block-bottom-right.gif)}
.block .left, .block li {text-align:left}
.block-toggle-buttons {float:right}
.block-title {text-align:left; margin:0; font-size:9.5pt}
.block-title a {text-decoration:none}
.block-title a:hover {text-decoration:underline}
.block-subtitle {display:block; margin:2pt 0 0; font-size:8pt; font-weight:normal; font-style:italic}
.block-date {text-align:left; margin:4pt 0 0; font-size:9pt; color:#333}
.block-location {font-weight:normal}
.block-more hr {margin:12pt 0; height:1px}
.block-header {}
.block-subheader {}
/* Event details */
#event-header {border:1px solid gray; padding:3px; background-color:#FEFEFE}
#event-header {margin:0 0 3px; padding:8px}
#event-header h2 {margin:0 12px 3px 0; color: #903} 
#event-header h3 {margin:0 0 7px; color: #007}
#event-header p {margin:0}
#event-header table td {vertical-align:top}
#event-header table td td {vertical-align:middle}
#event-header td, #details-links {font-size:7pt}
#iframe-container {border:1px solid gray; width:100%; padding:3px; background-color:#FEFEFE}
#details-iframe {background:#FFF; margin:10px}
/* Contact form */
#contact input, #contact textarea {border:1px solid gray; padding:3px; width:500px}
/* Admin */
#admin {width:800px; margin:10px}
#admin-header {border:1px solid black; background:#F7F7F7; width:100%}
#admin-header, #events .event, #locations .location {border:1px solid gray; background:#F7F7F7; padding:2pt; margin:2pt}
#admin-body {margin:5px}
#admin input, #admin textarea, #admin select {font-size:10px}
#admin_body td {font-size:11px; vertical-align:middle}
#admin .full {width:650px}
#admin .preview {width:600px}
#events, #locations {width:100%; margin:10px 0 30px}
.example {background:#F7F7F7; padding:10pt; margin:10pt; width:500px}
.mceEditor {margin-top:20px}
/* Other */
.red {color:red}
.strike {text-decoration:line-through}
.bigbutton {font-size:11pt; font-weight:bold; padding:3px 5px; color:#903}
.imgbutton {display:block}