/* @override http://innovate.avenueverve.com/wp-content/themes/innovate/css/site.css */

a:link         { color: #ffffff; text-decoration: none;}
a:visited      { color: #ffffff; text-decoration: none;}
a:hover   { color: #EFF6C6; text-decoration: none;}

p a:link       { color: #ffffff; text-decoration: underline;}
p a:visited    { color: #ffffff; text-decoration: underline;}
p a:hover           { color: #EFF6C6; text-decoration: underline;}

body {
     background-color: #101828;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 17px;
     color: #99BDDF;
}

p#copyright-line {
     font-size: 11px;
     color: #5D84BD;
     margin: 1em 0 0 0;
     clear: both;
}

b, strong, p strong {
     font-weight: normal;
     color: ##EFF6C6;
}

#story-column p strong {
     font-weight: normal;
     color: #F7BD4E;
}

* html b, * html strong {
     color: #ffffff;
}

.page {
     border: 1px solid #1C2B4D;
     width: 1000px; margin: 0 auto;
     background-image: url(../images/bknd-page.jpg);
     background-repeat: no-repeat;
     min-height:660px;
     height: auto !important;
     height: 660px;
}

.page.clients {
     background-image: url(../images/bknd-hnav.jpg);
}

.page.spot {
     background-image: url(../images/bknd-hnav.jpg);
}


.header-container {
     height: 330px;
}

.page.clients .header-container {
     height: auto;
}

.page.spot .header-container {
     height: auto;
}

.header {
     height: 300px;
}

#minta {
     position: absolute; top: 0; right: 0;
}

.left-column {
     float: left;
     width: 600px;
}

.page .left-column {
     width: 100%;
}

.page.category .left-column,
.page.blog .left-column,
.page.homepage .left-column {
     width: 600px;
}

.page.about-us .left-column {
     width: 700px;
}

.page.category.clients .left-column {
     width: 100%;
}

.page.category.spot .left-column {
     width: 100%;
}

.page.category.clients h3.pagetitle {
     text-align: center;
}

.page.category.spot h3.pagetitle {
     text-align: center;
}

table#client-grid {
     width: 770px;
     margin: 0 auto;
}

table#client-grid td {
     padding: 3px;
     text-align: center;
}



#story-column.col-1 {
     width: 60%; float: left;
     margin-right: 36px;
}

#story-column.col-2 {
     float: left;
     width: 35%;
}

.page.about-us #story-column.col-1 {
     float: right;
     margin-right: 0;
     width: 65%;
}

.page.about-us #story-column.col-2 {
     margin-right: 36px;
     width: 180px;
}

.page.research #story-column.col-1 {
     float: left;
     width: 48%;
}

.page.research #story-column.col-2 {
     float: left;
     width: 48%;
}


#story-column ul {
     list-style-type: disc;
     padding-left: 1.2em;
}

.right-column {
     float: right;
     width: 400px;
}

.page.about-us .right-column {
     float: right;
     width: 300px;
}

.testimonial {
     margin-top: 1.8em;
}

.testimonial blockquote p {
     font-size: 13px;
     margin-right: 9px;
}



h1#logo a {
     display: block;
     background-image: url(../images/logo-innovate.png);
     width: 250px; height: 35px;
     position: absolute; top: 25px; left: 350px;
}

h1#logo a span {
     display: none;
}

h2#tagline a {
     display: block;
     background-image: url(../images/tagline.png);
     background-repeat: no-repeat;
     width: 300px; height: 25px;
     position: absolute; top: 35px; left: 390px;
}

h2#tagline a span {
     display: none;
}

h2.archives {
     font-weight: normal;
     text-transform: lowercase;
     font-size: 22px;
}

span.caption {
     display: block;
     font-size: 11px;
     line-height: 1.2em;
}


#video-thumbs {
     width: 700px;
     height: 200px;
     position: absolute; top: 75px; left: 200px;
}

.vidthumb {
     width: 200px; height: 90px;
     background-color: #344D77;
     border: 1px solid #5D84BD;
     float: left; margin: 0 9px 9px 0;
}
.vidthumb span { display: none; }

ul#navbar {
     display: table;
     margin: 0 auto;
     width: auto;
}

#navbar li {
     float: left;
}

#navbar li a {
     display: block;
     margin: 5px 0;
     padding: 0 30px;
     font-family: "Trebuchet MS", sans-serif;
     text-transform: uppercase;
     font-size: 14px;
     color: #7DBDFB;
     line-height: 20px;
     border-right: 1px solid #344D77;
}

#navbar li.page-item-2 a {
     border: 0;
}

#navbar li a:link { color: #7DBDFB; }
#navbar li a:visited { color: #7DBDFB; }
#navbar li a:hover { color: #EFF6C6; }

#navbar li.current_page_item a {
     color: #EFF6C6;
}


h2#doline {
     text-align: center;
     font-weight: normal;
     font-size: 22px;
     color: white;
     margin: 18px;
}

h2#doline strong {
     font-weight: normal;
     color: #7DBDFB;
}

h3 {
     font-size: 21px;
     text-transform: uppercase;
     font-weight: normal;
     color: #ffffff;
     clear: both;
     text-align: center;
     padding-bottom: 4px;
     border-bottom: 1px dotted #1C2B4D;
}

.page.clients .page.spot h3.pagetitle {
     text-align: left;
}

h3#post-13,
#sub-feature h3 {
     text-transform: none;
}


.category h3 {
     text-align: left;
}

.category h4 {
     font-family: "Trebuchet MS", sans-serif;
     text-transform: uppercase;
     font-size: 17px;
     font-weight: normal;
}

ul.home-page-lists,
ul.service-list {
     float: left;
     list-style-type: disc;
     padding: .5em 2em 1em 1em;
}

ul.home-page-lists {
     padding: .5em 1.3em 1em 1em;
}

.video-units ul.home-page-lists,
.homepage ul.home-page-lists {
     color: #ffffff;
}

.video-units ul.home-page-lists li span,
.homepage ul.home-page-lists li span {
     color: #99BDD4;
}

.homepage .entry .entrybody .clear {
     width: 100%;
}

p {
     font-size: 17px;
     color: #99BDDF;
     margin-bottom: 1em;
}

.blog .entry {
     background-color: #1C2B4D;
     border: 1px solid #344D77;
     padding: 9px;
     margin: 9px 0;
}

.category .entrybody p {
     font-size: 15px;
}

ul {
     margin-bottom: 1em;
}

blockquote p {
     font-style: italic;
     color: #EFF6C6;
}

cite {
     font-size: 14px;
}


.padder { padding: 12px; }
.left-column .padder {
     padding: 12px 24px;
}

#leadbox {
     width: 344px; height: 156px;
     background-image: url(../images/bknd-leadbox.jpg);
     background-repeat: no-repeat;
     padding: 18px;
     margin-top: 24px;
}

#leadbox h4 {
     font-weight: normal;
     color: #F7BD4E;
     margin-bottom: 9px;
}

#leadbox fieldset {
     float: left;
}

#leadbox label {
     display: block;
}

#leadbox button {
     float: right;
     margin-right: 9px;
     margin-top: 4px;
}

#leadbox input[type=password],
#leadbox input[type=text] {
     width: 150px;
}

button {
     padding: 0;
     height: 25px;
     border: none;
     background-color: transparent;
     background-repeat: no-repeat;
     display: block;
}

button:active       { position: relative; top: 1px; }
button span         { display: none; }

button#commit { width: 100px; background-image: url(../images/buttons/login.png);}
button#send { width: 100px; background-image: url(../images/buttons/send.png);}


div.page.links div.links {
     float: left;
     margin-right: 36px;
}


#logo-grid ul {
     width: 376px;
}


#logo-grid ul li {
     float: left;
}

#logo-grid ul li a {
     display: block;
     width: 188px; height: 85px;
     background-repeat: no-repeat;
}

#logo-grid ul li a#madmen {
     background-image: url(../images/client-logos/madmen.jpg);
     background-position: 0px 6px;
}
#logo-grid ul li a#capitol {
     background-image: url(../images/client-logos/capitol.jpg);
     background-position: 12px 0px;
}
#logo-grid ul li a#canon {
     background-image: url(../images/client-logos/canon.jpg);
}
#logo-grid ul li a#amtrak {
     background-image: url(../images/client-logos/amtrak.jpg);
}
#logo-grid ul li a#napster {
     background-image: url(../images/client-logos/napster.jpg);
}
#logo-grid ul li a#eharmony {
     background-image: url(../images/client-logos/eharmony.jpg);
     background-position: 12px 9px;
}

#logo-grid ul li a span {
     display: none;
}

#flashcontent {
     width: 600px;
     position: absolute;
     top: 70px; left: 170px;
}


label {
     font-size: 12px;
}

.entrymeta-single,
.entrymeta {
     font-size: 11px;
     color: #344D77;
     line-height: 1.5em;
     margin: 6px 0;
}

.entrymeta a {
     margin: 0 12px;
}

img.alignleft {
     float: left;
     margin-right: 18px;
     margin-bottom: 72px;
}

#commentblock p,
#commentblock {
     font-size: 12px;
}

.your-message textarea,
textarea#comment {
     width: 500px; height: 60px;
} 

/* BUTTONS */

button.button {
     padding: 0;
     height: 25px;
     border: none;
     background-color: transparent;
     background-repeat: no-repeat;
     display: block;
}

button.search { width: 94px; background-image: url(../images/buttons/search-trans.png); float: left; margin-left: 6px;}
button.search span { display: none; }

.blognav ul {
     width: 300px;
     font-family: "Trebuchet MS", sans-serif;
     text-transform: uppercase;
     font-size: 14px;
}

.blognav ul li a {
     display: block;
     padding: 3px;
     border-bottom: 1px solid #344D77;
}

span.client-logo {
     float: left;
     margin: 6px 12px 6px 0;
}

span.client-logo a {
     display: block;
}

form input[type=password],
form input[type=text],
form textarea {
     background-color: #1C2B4D;
     border: 1px solid #344D77;
     padding: 6px;
     color: #99BDDF;
     font-weight: bold;
     font-size: 12px;
}

#footer {
     border: 1px solid #1C2B4D;
     border-top: none;
     background-color: #1C2B4D;
     color: #5D84BD;
     width: 1000px; margin: 0 auto;
     font-size: 12px;
     text-align: center;
     line-height: 1.5em;
}

#footer ul#footer-links {
     display: table;
     margin: 0 auto;
}

#footer ul#footer-links li {
     display: inline;
     float: left;
}

#footer ul#footer-links li a {
     display: block;
     padding: 0 24px;
     border-right: 1px solid #344D77;
}

#footer ul#footer-links li a.first {
     border-left: 1px solid #344D77;
}

#footer a:link { color: #5281C2; }
#footer a:hover { color: #7DBDFB; }
#footer a:visited { color: #5281C2; }

.tickercontainer { /* the outer div with the black border */
width: 1000px; 
height: 16px; 
margin: 0; 
padding: 0
overflow: hidden; 
background-color: #111111;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;
top: 0;
width: 1000px; 
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 1000px;
font: 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
width: 1000px;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
white-space: nowrap;
line-height: 16px;
}
#footer ul.newsticker li a {
white-space: nowrap;
padding: 0;
font: 10px Verdana;
margin: 0 9px 0 9px;
color: #ddd;
} 
#footer ul.newsticker li.liScroll.even a {
color: #8BEE50;
} 

/* IE 6 HACKS */

* html button#commit { background-image: url(../images/buttons/login.gif);}

* html .right-column {
     width: 390px !important;
     float: left !important;
     clear: none !important;
}

* html h1#logo a {
     background-image: url(../images/logo-innovate.gif) !important;
}

* html h2#tagline a {
     background-image: url(../images/tagline.gif) !important;
}

* html .page.homepage .left-column {
     width: 590px;
}

* html #footer ul#footer-links {
     display: table;
     margin: 0 auto;
}

* html #footer ul#footer-links:after {
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

* html button#commit { width: 100px; background-image: url(../images/buttons/login.gif);}
* html button#send { width: 100px; background-image: url(../images/buttons/send.gif);}