/* HTML Tag Redefinition */
* {
margin: 0;
}
html, body {
height: 100%;
}
body {
text-align: center;
padding: 0px;
margin: 0px;
}
img {
border: 0px
}
a {
cursor: pointer
}
label {
font-weight: bold;
display: block;
padding-top: 10px;
}
fieldset {
border: 1px solid #ccc;
}
/* error text class optionally provided by theme */
div.ccm-error-response {
color: #f00;
margin-bottom: 12px
}
/* Page Structure / Navigation */
#page {
width: 960px;
text-align: left;
background-color: #ffffff;
padding-left: 20px;
padding-right: 20px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
#page #headerSpacer {
height: 60px
}
#page #header {
position: relative;
}
#page #header #logo {
width: 292px;
height: 91px;
padding: 0px;
cursor: pointer;
left: 0px ;
z-index: 10;
float: left;
position: relative
}
#page #header #logo a {/* customize_header_logo */color:#222222; /* customize_header_logo */ text-decoration:none;
}
#page #header #headerNav {
position: absolute;
top: 18px;
right: 0px;
z-index: 2;
width: 100%;
overflow: visible;
}
#page #header ul.nav-header {
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
z-index: 2;
overflow: visible;
float: right
}
#page #header ul.nav-header li {
float: left;
padding: 2px 0px;
margin-left: 5px;
margin-bottom: 0px;
font-size: 13px;
margin-top: 0px;
list-style:none;
}
#page #header ul.nav-header li a {
text-decoration: none;
color: #222;
padding: 4px 8px;
display:block;
}
#page #header ul.nav-header li.nav-selected a, #page #header ul.nav-header li a:hover {
background-color: #222;
color: #fff;
}
#headerNav li ul {
position: absolute;
left: -999em;
height: auto;
width: 160px;
padding: 5px;
margin:0;
z-index: 10;
border:1px solid #AFAFAF;
background-color:#fff;
float:none;
}
#headerNav li li {
font-size: .9em;
line-height: 1em;
width: 160px;
margin-left:0!important;
background:none!important;
}
#headerNav li li:hover {background: transparent !important;}
#headerNav li li a, #headerNav li li a:visited {
color: #222222 !important;
padding: 5px 0;
background-color:#fff!important;
}
#headerNav li li a:hover, #headerNav li li a:active {
color:#fff!important;
background-color:#222!important;
}
#headerNav li:hover ul, #headerNav li li:hover ul, #headerNav li li li:hover ul, #headerNav li.sfhover ul, #headerNav li li.sfhover ul, #headerNav li li li.sfhover ul {
left: auto;
}
#page #header #header-area {
margin-top: 10px;
margin-bottom: 10px;
}
#page #header #header-area #header-area-inside {
margin-bottom: 12px;
}
#page #header #header-area img {
display: block
}
#page .divider {
padding-top: 12px;
overflow: hidden;
height: 1px;
clear: both;
width: 100%;
}
#page #central {
clear: both;
padding-bottom: 20px;
}
#page .no-sidebar {
}
#page #central.central-left {
}
#page #central.central-left div#sidebar {
float: left !important;
}
#page #central.central-left #body {
float: right
}
#page #central #body {
float: left;
width: 675px;
overflow: hidden;
}
#calendar #page #central #body {
padding: 25px 0 20px 20px;
width: 645px;
}
#page #central #body p {
text-align: justify;
}
#page .no-sidebar #body {
float: none !important;
width: auto !important;
overflow: hidden
}
/* --- HOME PAGE ---- */
#home #page {background: #fff url(http://www.syracusehumanities.org/themes/Humanities/images/feature-bg.gif) no-repeat center 176px}
/* Feature */
#feature {
padding: 15px;
margin-bottom: 14px;
overflow: hidden;
}
#column {
float: right;
width: 235px;
padding: 10px;
border: 1px solid #666;
}
#feature #content {
width: 652px;
}
/* Sections */
#sections {
float: left;
}
.section {
width:280px;
margin-right:27px;
border: 1px solid #9B9B9B;
padding: 0 10px 10px;
float: left;
}
#sections .last {
margin-right: 0px !important;
}
.section h2 {
background-color: #eee;
margin: 0 -10px 10px;
padding: 25px 10px 4px;
text-transform: uppercase;
}
.section p {
color: #666;
}
#calendar #page {background: #fff url(http://www.syracusehumanities.org/themes/Humanities/images/calendarpg-bg.gif) no-repeat center 176px}
#page #central #sidebar {
float: right;
width: 200px;
overflow: hidden;
background-color: #EEEEEE;
padding: 20px;
}
#calendar #central #sidebar {
border: 0;
background: none;
width: 235px;
}
#page #central #sidebar p {
line-height: 24px
}
#page #central #sidebar ul.nav {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 14px;
}
#page #central #sidebar ul.nav li {
margin-bottom: 16px;
}
#page #central #sidebar ul.nav a {
text-decoration: none;
color: #222
}
#page #central #sidebar ul.nav a.nav-selected {
font-weight: bold
}
#page #central #sidebar ul.nav a:hover {
text-decoration: underline;
color: #666;
}
#page #central #sidebar ul.nav ul {
list-style: none;
margin-left: 0px;
padding: 0px;
padding-left: 16px;
margin-top: 16px;
}
#page #central #sidebar ul.nav ul li {
margin-bottom: 16px;
}
#page #central.navLeft {
background: url(http://www.syracusehumanities.org/themes/Humanities/images/nav_sidebar_left_bg.gif) repeat-y center;
}
#page #central.navLeft #sidebar {
float: left
}
#page #central.navLeft #body {
float: right;
width: 650px;
}
#page #central.noSideNav {
background: none;
}
#page #central.noSideNav #sidebar {
display: none
}
#page #central.noSideNav #body {
float: none;
width: 100%;
}
#footer {
padding: 20px 20px 0;
clear: both;
color: #fff;
font-size: 10px;
background-color: #383838;
margin: 0 auto;
width: 960px;
}
#footer, .push {
height: 50px; /* .push must be the same height as .footer */
}
#footer a {
text-decoration: none;
color: #fff;
}
#footer span.sign-in {
margin-left: 20px
}
#footer span.powered-by {
float: right;
margin-left: 5px
}
#footer span.links {
clear: right;
float: right;
text-transform: uppercase;
border-right: 1px #000;
font-weight: bold;
margin: 5px 0 0 0;
}
#footer span.links a {margin: 5px 7px 0 0;}
#footer #search {float:right;}
/* Page Elements */
.pagingNav {
margin: 16px 0px 8px 0px
}
.pagination {
text-align: center;
color: #bbb;
padding-top: 4px
}
.pagination .pageRight {
width: 20%;
float: right;
text-align: right
}
.pagination .pageLeft {
width: 20%;
float: left;
text-align: left
}
/* MISC STYLES & SHORTCUTS */
div.code {
border: 1px solid #ddd;
background: #eee;
padding: 10px
}
div.spacer,div.ccm-spacer {
clear: both;
font-size: 1px;
line-height: 1px
}
.noTopSpace {
margin-top: 0px;
padding-top: 0px
}
.left {float: left}
.right {float: right}
/* customize_miscellaneous */ /* customize_miscellaneous */