/*
Theme Name: Changeevents
Theme URI: http://elliotjaystocks.com
Description: Based on Starkers, based on Phwoar! (Based on the famous Kubrick by Michael Heilemann)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
body {
background-image: url(/images/global-bg.jpg);
background-repeat: repeat-y;
background-position: center top;
background-color: #CCCCCC;
text-align: center;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
li, p {
font-size: 12px;
line-height: 16px;
}
p {margin-bottom: 24px;}
#quotes {font-size: 11px;}
#consultingExpertise {
padding-left: 15px;
}
#consultingExpertise a {
font-size: 12px;
line-height: 24px;
}
.loginLink {
color: #CCCCCC;
margin-top: 40px;
margin-left: 40px;
font-size: 10px;
font-weight: bold;
}
#callout {
float: left;
width: 235px;
margin-left: 50px; padding-top:25px;
}
#callout h2{
color: #374A3D;
font-size: 16px;
}
#callout h3, #callout h4,#callout h5,#callout p,#callout li{
color: #4D6754;
}
#callout h3 {
font-size: 12px;
}
#contentPane {
float: left;
width: 400px;
background-image: url(/images/clearbox.gif);
background-repeat: repeat;
padding-left: 25px; padding-top: 25px;
}
#contentPane h1 {
font-size: 24px;
font-weight: bold; padding-bottom:20px;
}
#contentPane p {
padding-left: 10px;
}
#callout p {
margin-bottom: 5px;
padding-bottom: 5px;
}
#masthead {
height: 110px;
width: 100%;
background-image: url(/images/global-bg.jpg);
background-repeat: repeat-y;
background-position: center top;
}
#mastheadlogo {
margin-top: 15px;
margin-left: 25px;
}
#billboard {
height: 175px;
width: 100%;
background-image: url(/images/billboard-right-bg.jpg);
background-repeat: no-repeat;
background-position: right top;
float: left;
}
#billboard img {
margin: 0px;
padding: 0px;
float: left;
}
#billboardCallout {
width: 200px;
top: 0px;
float: left;
padding-left: 30px;
padding-top: 15px;
}
.quote {
font-size: 14px;
}
.attribution {
font-size: 10px;
}
#contentTop {
background-image: url(/images/content-top-bg.jpg);
height: 12px;
width: 100%;
background-repeat: no-repeat;
background-position: center top;
float: left;
}
#content {
}
.clear {
clear: all;
}
#footer {
width: 100%;
float: left;
background-color: #999999;
}
#footer span {
text-align: center;
}
#footer span a {
color: #CCCCCC;
}
#consultingExpertise li {
line-height: 25px;
}
#wrapper {
text-align: left;
width: 960px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-bottom: 0px;
background-image: url(/images/content-bg.jpg);
background-repeat: repeat-y;
background-position: center top;
}
#meta-wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
}
#callout H1 {
font-size: 14px;
font-weight: bold;
}
#callout H2 {
font-size: 12px;
font-weight: bold;
}
#callout p {
font-size: 10px;
}
#menunav ul {
margin: 0;
padding: 0;
list-style: none;
width: 180px; /* Width of Menu Items */
/*border-bottom: 1px solid #ccc;*/
}
#menunav ul li {
position: relative;
}
#menunav li ul {
position: absolute;
left: 179px; /* Set 1px less than menu width */
top: 0;
display: none;
background-color:#323232;
}
/* Styles for Menu Items */
#menunav ul li a {
display: block;
text-decoration: none;
color: #777;
padding: 2px;
/* border: 1px solid #ccc;*/
border-bottom: 0;
}
#menunav ul li li a {
border: 1px solid #ccc;
}
#menunav li ul li a { padding: 2px 5px; background: #fff;} /* Sub Menu Styles */
/* Fix IE. Hide from IE Mac \*/
* html #menunav ul li { float: left; height: 1%; }
* html #menunav ul li a { height: 1%; }
/* End */
#menunav ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
#menunav li a { padding: 2px 5px; }
#menunav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#menunav li:hover ul,#menunav li.over ul { display: block; } /* The magic */
#menunav ul ul {width:180px; background:#333333;}
/*added suckerfish*/
#nav a {
color: #666666;
text-decoration: none;
}
#nav a:hover {
text-decoration: underline;
}
#nav a{
padding-left: 10px;
font-size: 12px;
color: #666666;
line-height: 20px;
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 180px;
}
#nav li { /* all list items */
position : relative;
float : left;
line-height : 1.25em;
margin-bottom : -1px;
width: 180px;
}
#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 179px;
margin-top : -1.35em;
}
#nav li ul ul { /* third-and-above-level lists */
left: -999em;
}
#nav li a {
width: 180px;
w\idth : 180px;
display : block;
text-decoration : none;
padding : 0 0.5em;
}
#nav li li a{e;
border : 1px solid black; width: 220px;
background-color : white;
}
#nav li li li{
margin-left:10px;
}
#nav li a:hover {
color : white;
background-color : black;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#nav h2 {
font-size: 13px;
font-weight: bold;
padding-top: 30px;
margin-bottom: 5px;
margin-left; 20px;
black; float: left;
}
#nav {
padding-left: 20px;
margin-top: 20px;
width: 220px;
}
#contentPane ul , #contentPane li{ list-style-type: circle; margin-left: 10px; }
#callout ul {font-size:10px; margin-bottom:15px;}
#callout li {font-size:10px;}
.linklove {display:none;}
#footer {
width: 960px;
text-align: center;
}
#copyrightInfo {
text-align: left;
float: left;
width: 480px;
}
#protojiInfo {
text-align: right;
float: left;
width: 480px;
}
#copyrightAndDeveloperInfo {
width: 100%;
font-size: 9px; padding-top: 40px;
}
#footernav, #footernav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#footernav a {
display: block;
width: 10em;
}
#footernav li { /* all list items */
float: left;
width: 10em; /* width needed or else Opera goes nuts */
}
#footernav {
text-align: center;
margin-right: auto;
margin-left: auto;
}
#footernavLower {
text-align: center;
width: 100%;
margin-top: 60px;
font-size: 12px;
}
#footernavLower a {
color: #E5E5E5;
}