/*
Theme Name: Cross Commerce Media
Theme URI: http://www.crosscommercemedia.com
Description: A wordpress theme for Cross Commerce Media
Author: John Gadbois
Author URI: http://www.maegogstudios.com
Version: 1
.
General comments/License Statement if any.
.
*/

/* General Styles */
html { height: 100%; overflow-y: scroll;}

body { 
   background: white url(images/bg.gif);
   text-align: center;
   padding: 0;
   margin: 0;
   font-family: arial,sans-serif;
   font-size: 10pt;
   height: 100%;
}
.small {font-size:8pt;}

* html #container { height: 100%; }

h2, h3, h4, a, strong { color: #8dc63f; }

p { padding: 0; margin: 0; }

#container
{
   background: url(images/contentbg.gif) repeat-y;
   min-height: 100%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   padding: 0 20px;
   width: 940px;
   text-align: left;
}
#content {
background: url(/wp-content/uploads/2010/04/content_bg.jpg) repeat-x;
}
#header {
   background: url(images/logo.png) no-repeat;
   width: 940px;
   height: 160px;
   position: relative;
   cursor: pointer;
}

#footer a {
   margin-right: 20px;
}

#nav {
   position: absolute;
   padding: 6px 0;
   margin: 0;
   bottom: 0;
   right: 100px;
}

#nav li {
   list-style: none;
      display: inline;
}

#nav li a {
   color: #35515e;
   margin-left: 10px;
   padding: 6px 3px;
   text-decoration: none;
}

#nav .current_page_item a , #nav .hover a {
   color: white;
   background-color: #35515e;
}

#homeMainContent { font-style: normal; }

.homeCopy
{
   border-top: 1px solid #35505c;
   padding: 15px 140px 15px 160px;
   font-style: italic;
}

.homeCopy h3
{
   font-style: italic;
   font-size: 16pt;
   padding: 0;
   margin: 0;
}

h4
{
   padding-bottom: 0;
   margin-bottom: 0;
}


.pageCopy
{
   border-top: 1px solid #35505c;
   padding: 15px 140px 15px 160px;
   font-style: normal;
}

.pageCopy p {
    margin-bottom:1em;
}

.pageCopy .postTime {
    margin-bottom:2em;
}

/* Home page popups */
#partners
{
   margin: 0 140px 0 160px;
   clear: both;
}

#partners ul
{
   padding: 0;
   margin: 0;
}
#partners ul li
{
   color: white;
   list-style: none;
   float: left;
   font-size: 8pt;
   font-weight: bold;
   position: relative;
   cursor: pointer;
   padding-right: 45px;
   text-align: center;
}

#partners ul #cpg
{
   padding-right: 30px;
}

#partners ul #outdoor
{
   padding-right: 58px;
}

#partners ul .last
{
   padding-right: 0px;
}

#partners ul li div
{
   text-align: center;
   color: #35515E;
   padding: 0;
   margin: 0;
}


/* Popup Box Styles */
#popupArrow, #popupArrow2
{
   display: none;
}

#popupArrow img, #popupArrow2 img
{
   position: relative;
}

.popupBox
{
   background-color: #91a5af;
   color: white;
   width: 626px !important;
   padding: 10px 0 10px 10px;
   margin: 0 0 20px 0;
   display: none;
}

.popupBox a
{
   color: white;
}

.popupBox h3
{
   color: white;
}

/* Footer Styles */
.clear
{
   clear:both;
}

#moreInfo
{
    border-top: 1px solid #35505c;
    background: white;
    padding-top: 40px;
    margin-top: 20px;
}

#moreInfo div
{
   background-color: #35505c;
   color: white;
   text-align: center;
   position: relative;
   margin: 0 0 40px 0;
   padding: 5px 0;
   font-style: italic;
   font-size: 10pt;
}

#moreInfo img
{
   position: absolute;
   border: 0;
   left: 600px;
   top: -30px;
}

#footer
{
   text-align: center;
   font-size: 8pt;
   color: #35505c;
}

/* About Us Styles */
#management, #advisoryBoard
{
   margin: 0 140px 0 160px;
   clear: both;
}

#advisoryBoard
{
   padding-top: 10px;
   cursor: pointer;
}

#managementList
{
   padding: 0;
   margin: 0;
}
#managementList li
{
   height: 103px;
   width: 103px;
   color: white;
   list-style: none;
   float: left;
   font-size: 8pt;
   font-weight: bold;
   position: relative;
   cursor: pointer;
   padding-right: 3px;
}

#managementList .last
{
   padding-right: 0;
}

#managementList li div
{
   height: 103px;
   width: 103px;
   background-color: #35505c;
   display: none;
   position: relative;
}

#managementList li div span
{
   position: absolute;
   bottom: 3px;
   left: 3px;
}

#advisoryBoard ul
{
   font-size: 8pt;
   padding: 0;
   margin: 0;
}

#advisorBox
{
   display: none;
}

#advisoryBoard ul
{
   float: left;
   width: 300px;
}

#advisoryBoard ul li
{
   list-style: none;
   padding-right: 12.5px;
   padding-bottom: 3px;
}

#advisoryBoard ul li strong
{
   color: white;
}

#advisoryBoard ul li .last
{
   padding-right: 0;
}


/* Solutions */
#platform
{
   border-top: 1px solid #35505c;
   padding: 0 140px 0 160px;
   clear: both;
}

#platform ul
{
   padding: 0;
   margin: 0;
}
#platform ul li
{
   color: white;
   list-style: none;
   float: left;
   font-size: 8pt;
   font-weight: bold;
   position: relative;
   cursor: pointer;
   padding-right: 45px;
   text-align: center;
}

#platform ul .last
{
   padding-right: 0px;
}

#platform ul li div
{
   text-align: center;
   color: #35515E;
   padding: 0;
   margin: 0;
}

#diagram
{
   text-align: center;
   height: 540px;
   background-image: url(images/solutionsBG.png);
   background-color: black;
}

#diagram p
{
   text-align: left;
   padding: 10px 160px 20px 160px;
   color: white;
}

/* home page */
#home_panels {
width:690px;
height:230px;
}
#home_panels h3 {
font-size:1.25em;
font-style:italic;
}
#for_marketers, #for_media_buyers {
width:311px;
height:191px;
background:url(/wp-content/uploads/2010/04/home_panel_bg.gif) no-repeat;
padding:0 0 0 25px;
}
#for_marketers {
position:relative;
float:left;
}
#for_media_buyers {
position:relative;
float:right;
}
#for_marketers h4, #for_media_buyers h4 {
color:#354f5c;
font-size:1.25em;
font-style:italic;
margin-bottom:15px
}
.learn_more {
position:relative;
float:right;
margin-right:60px;
margin-top:30px;
}
#for_media_buyers .learn_more {
margin-top:15px;
}