/*--------------------------------------------- */
/* >>> HTML <<< */
/*--------------------------------------------- */
body {
font-family:Verdana,Arial,Helvetica,sans-serif;
}
p.intro-text {
color: yellow;
}
a { color: #3A6F8F; text-decoration: none; }
#tinymce a { color: #3A6F8F !important; text-decoration: none !important; }
a:hover { color: #3A6F8F; text-decoration: underline;}
#tinymce a:hover { color: #3A6F8F !important; text-decoration: underline !important; }
/*--------------------------------------------- */
/* >>> LAYOUT <<< */
/*--------------------------------------------- */
body {
background: #fff;
}
#header,
#header a {
color: #fff;
}
#main:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
* html #main {
height: 1%;
}
#navigation {
float: left;
margin-right: auto !important;
margin-right: -3px; /* IE6 fix */
padding-top: 9px;
width:192px;
}
#content {
height: auto !important;
height: 1%; /* IE6 fix */
margin-left:204px !important;
margin-left: auto; /* IE6 fix */
padding:0 0 0 6px;
color:#444;
}
#content-inner {
float: left; /* do not change */
padding: 9px 0 18px;
width: 100%; /* IE7 fix */
}
#footer-inner {
padding-top:10px;
}
#footerContainer, .copyrightLogo{
padding-left: 18px;
}
.copyrightLogo{
padding-top:10px;
}
/*---------------------------------------------*/
/* >>> CUSTOM LAYOUT <<< */
/*---------------------------------------------*/
/* Global Tags */
h2{
font-size:2em;
}
h4, h5, h6 {
font-size:1em;
font-weight:bold;
}
#signin #footerContainer{
display:none;
}
/* General Classes */
.clear{
clear:both;
}
.alpha{
padding-right:10px;
}
.omega{
padding-left:10px;
}
.noPadding{
padding:0;
}
/* Width & Centering for container elements */
#main, #header, #footerContainer, #footer-system,
.copyrightLogo{
margin:0 auto;
width:980px;
}
/*
"Go" Link on main page. hides text of link, and uses button image
Class utilizes slding door technique for hover state
*/
a.go{
background:transparent url(/download/gallery/img/button_gog) no-repeat scroll 0 0;
display:block;
height:0 !important;
margin:0;
overflow:hidden;
padding:20px 0 0;
width:85px;
}
a.go:hover{
background-position:0 -20px;
cursor:pointer;
}
/*
Positions the top links to be at the top right of page
relative to #header-inner
*/
#topLinksContainer{
position:absolute;
top:2.25em;
left:50%;
margin-left:-490px;
width:980px;
}
#topLinks{
position:absolute;
right:30px;
top:6px;
font-size:10px;
}
#topLinks a{
margin-left:20px;
color:#FFFFFF;
}
/*
add background logo container
make fixed height
push back 27 pixels to align with design
*/
#header {
background: transparent url(/download/gallery/img/bg_logo.jpg) no-repeat;
height: 100px;
margin-bottom: 35px;
position:relative;
left:-27px;
}
/* position logo */
#logo {
padding: 24px 0 0 60px;
}
/*
Hide logo text, replace with logo image
IE6 hack to use gif instead of png
*/
#logo a{
background-image:url(/download/gallery/img/logo2.png);
_background-image:url(/download/gallery/img/logogif);
display:block;
height:0;
overflow:hidden;
padding:79px 0 0;
width:133px;
position:relative;
top:-10px;
}
/* to make action link button not effect layout */
#content-head{
min-height:0 !important;
}
/*
Footer Column Class. Each column has a fixed width, and an image to the right of the elemement
last element in column structure should have .lastColumn class to not include a background image
*/
.eventColumn{
float:left;
margin-bottom:1em;
min-height:190px;
width:240px;
background:#F2F4F5 url(/download/gallery/img/bg_extra_c~2) no-repeat scroll 100% 0;
}
.lastColumn{
background:none;
}
/* for title of RSS articles */
.eventColumn .title{
font-weight:bold;
}
/* ULs in event column should not be full width of div. */
.eventColumn ul{
width:210px;
}
/* dotted line to separate RSS articles */
.eventColumn li{
padding-bottom:5px;
margin-bottom:5px;
background:url(/download/gallery/img/line_dotte~2) repeat-x scroll left bottom;
}
/*
Footer Padding
*/
#footer{
margin-top:20px;
}
/*
Footer Inner, for the entire footer content
change the text colour, and add a gradient background.
Background is for eventColumn, and is overwritten by copyright div (footerContainerBottom)
*/
#footer-inner{
color:#798087;
background:#F2F4F5 url(/download/gallery/img/bg_extrajp) repeat-x;
}
/* h2s in this look different in footer */
#footer-inner h2{
font-size:16px;
font-weight:bold;
margin-bottom:0.5em;
}
/* for asbolute position of #poweredby */
#footer-system{
position:relative;
}
/* add second background gradient for bottom of footer */
.footerContainerBottom{
clear:both;
background:url(/download/gallery/img/bg_footerj) repeat-x;
height:91px;
}
/*
Orion and Igloo Chicklet style
orion logog is floated and positioned to be in line with chicklet
chicklet is moved from document, and positioned absolutely (relative to footer-system)
*/
#footerLogo img{
float:right;
margin-right:110px;
margin-top:-26px;
}
#poweredby{
position:absolute;
right:0;
top:-55px;
}
/* top of document background */
#page{
background: transparent url(/download/gallery/img/bg_contain) repeat-x 0 0;
}
/* float first column to 560px */
.columnOne{
float:left;
width:560px;
padding-right:20px;
}
/* for the 3 groups in the home page (each group is one 180px column) */
.groupItem{
width:180px;
float:left;
}
/* float first column to 180px */
.columnTwo{
float:left;
width:180px;
}
/*
Div for "feature project" block
Text is smaller, no padding on paragraphs or headers,
and a background gradient is on the block
*/
.featureProject{
margin-bottom:10px;
color: #798087;
background:transparent url(/download/gallery/img/bg_feature) no-repeat;
padding:5px;
}
.featureProject a{
font-weight:bold;
font-size:0.8em;
}
.featureProject h3, .featureProject p{
padding-bottom:0;
margin-bottom:0;
}
.featureProject p{
font-size:0.8em;
}
/* for the mural in column 2 */
.mural{
padding-top:20px;
}
/*--------------------------------------------- */
/* >>> COMPONENTS <<< */
/*--------------------------------------------- */
/* ACTIONBAR
=============================================== */
#actionbar a.icon-audioplayer {
background-image: url(/cmedia/themes/easyone-fire/img/music_icon.gif)
}
/* ERRORPAGE MESSAGE
=============================================== */
#errorpage-message {
padding: 0;
}
/* LOGO/TAGLINE
=============================================== */
/* PRIMARYNAV
=============================================== */
#primarynav ul {
padding: 0 2px;
}
#primarynav a {
background: url(/download/gallery/img/nav_arrowg) no-repeat 0 50%;
display: block;
height: auto !important;
height: 1%;
padding:5px 0 5px 25px;
text-decoration: none;
color: #444;
}
#primarynav li{
background: url(/download/gallery/img/line_dotte) repeat-x 0 100%;
margin-left:7px;
}
#primarynav a:hover {
background-color:#ECECEC;
}
#primarynav li.here a {
background-color:#ECECEC;
}
/* SEARCH - KEYWORD/SECTION
=============================================== */
#search-keyword {
border: 1px solid #ccc\9;
top: 60px;
right: 0px;
}
*+html #search-keyword { border: 1px solid #ccc; right: 0px !important; top: 60px !important; }
#search-keyword .text input{
background:transparent url(/download/gallery/img/search_inp) no-repeat scroll 0 0;
border:0 none;
color:#444444;
height:20px;
line-height:24px;
padding:3px 0.2em 0;
width:200px;
vertical-align:top;
}
#search-keyword .buttons input{
background:transparent url(/download/gallery/img/search_sub) no-repeat scroll 0 0;
border:0 none;
float:none;
height:20px;
margin:0 0 0 5px;
padding:20px 0 0;
width:85px;
}
#search-keyword .buttons input:hover{
background-position:0 -20px;
cursor:pointer;
}
/* WIDGETS
=============================================== */
td.leftcolumn,
td.rightcolumn {
width: 210px;
}