﻿/*  - ID MEDIA UK - MEERA TANK */

/* HOMEPAGE */
ul.news_ticker {margin-top: 10px;}
ul.news_ticker li { display: none; padding: 2px 0 2px 0;}
ul.news_ticker li span {display: none}
h4.latest_news { background: url('../images/latest_news.gif') no-repeat; float: left; display: block; margin: 10px 10px 0 0; padding: 0; width: 105px; height: 20px; text-indent: -9999px; }

/* PROJECTS */
.template_projects { float: left; width: 100%; min-height: 600px; background: url('../images/projectsLanding.jpg') no-repeat bottom right;}
*html .template_projects { float: left; width: 100%; height: 768px; background: url('../images/projectsLanding.jpg') no-repeat bottom right;}
.project_col { float: left; width: 186px; background: #111111; margin: 0 10px 0 0; padding: 10px;}
ul.projects_list {float: left; width: 100%; padding: 0 0 20px 0;}
ul.projects_list li {float: left; width: 100%; color: #CCC; padding: 0 0 3px 0;}
ul.projects_list li h2 {color: #ffce00; padding: 0 0 5px 0; text-transform: uppercase;}

.template_image_text {float: left; width: 100%; }
.left_image {float: left; width: 640px; }
.left_image img {padding: 0; margin: 0 0 10px 0;}
.right_text {float: right; width: 315px; color: #fff; }
.other_image_content {float: left; width: 100%; padding-bottom: 3px; }
.other_image_content h3 { font-size: 12px!important; margin: 0 0 3px 0;}
.other_image_content p a {font-size: 12px; border: 0; line-height: 14px; float: none; color: #ccc;}
.other_image_content a {float: left; line-height: 13px;font-size: 11px; margin: 5px 0 0 0; padding-bottom:1px;}
.other_image_content a:hover { text-decoration: none; border-bottom: 1px solid #7c7c7c; padding:0;}

.right_text_nav {float: right; width: 325px; }
ul.projects_nav {float: left; width: 100%; color: #999; font-size: 12px; margin: 0 0 15px 0px;}
ul.projects_nav a {color: #999; text-transform:uppercase; padding-bottom:1px; display: inline-block; border-bottom: solid 1px #000; height: 14px; line-height: 14px; margin-left: 2px; vertical-align:text-top}
ul.projects_nav a:hover { text-decoration: none;  border-bottom: solid 1px #999; }
ul.projects_nav .fl img { position: relative; left: -2px; padding: 3px 0 0 0; vertical-align:text-top}
ul.projects_nav .fr img { position: relative; padding: 3px 0 0 0; vertical-align:text-top}

ul.projects_nav a.previousProject { margin-right:5px; }
ul.projects_nav a.nextProject { margin-left:5px; }

.projects_nav_contentarea {float: left; width: 313px; padding: 0 0 0 12px;}
.projects_nav_contentarea p {color: #CCC;}

.project_copy { height:370px; position:relative; margin-bottom:10px;}

dl.project_content {float: left; font-size: 11px; position:absolute; bottom:0px;}
dl.project_content dt {display:block; float: left; color: #aaa; clear:left; margin-right: 5px; width: 45px;}
dl.project_content dd {display:block; float: left; color: #ccc; min-width: 260px;}
dl.project_content dd li {display: inline-block; float: left; margin-right: 3px;}
dl.project_content a {text-decoration:underline;}

* html dl.project_content dd {width: 260px;}


dl.project_content dd ul {width: 240px;}

.intro_text { float: left; width: 313px; margin-bottom: 10px; }
.intro_text p { color: #ccc; }


.project_title { text-transform: none; }

/* SEARCH RESULTS */
.search_results {float: left; width: 618px; background: #222222; padding: 10px; }
.search_results h1 {color: #fff; margin: 0 0 12px 0;}
ol.search_list {float: left; width: 100%;}
ol.search_list li {float: left; width: 100%; padding: 0 0 6px 0;}
ol.search_list li a {float: left; border-bottom: 1px solid #7c7c7c;line-height: 13px;}
ol.search_list li a:hover { text-decoration: none; border-bottom: 1px solid #111111;}
ol.search_list li p {display:block; clear:left; margin-top: 5px;}

/* PEOPLE CONTENT */
.template_people {float: left; width: 100%; }
.column1 {float: left; width: 206px;}
.column2 {float: left; width: 414px; padding: 0 0 0 20px;}
.column3 {float: right; width: 315px;}
.personProfile, .personProfiles {float: left; width: 640px;}
.personProfile {margin: 0 0 10px 0;}

ul.people_name_list {float: left; width: 100%; color: #ccc; margin: 0 0 15px 0; }
ul.people_name_list li {float: left; width: 100%;}
ul.people_name_list li h1 {margin: 0;}
ul.people_name_list li span {float: left; padding: 0 0 10px 0;}

ul.people_list {float: left; width: 315px;}
ul.people_list li {float: left; width: 100px; position: relative; margin-right: 5px; margin-bottom: 15px; }
ul.people_list li.pad10 {width: 10px;}
ul.people_list li.pad20 { width: 100%; height: 20px;}
ul.people_list li span {float: left; width: 100%; font-size: 11px; color: #ccc; margin: 5px 0 0 0;}
ul.people_list li a.people_img_link {float: left; width: 96px; height: 77px; border: 2px solid #000; }
ul.people_list li a:hover.people_img_link {float: left; border: 2px solid #b1d420;}
ul.people_list li a.selected {float: left; border: 2px solid #b1d420;}

.association_cont {float: left; width: 100%;}
ul.asso_list {float: left; width: 100%;}
ul.asso_list li {float: left; width: 95px; padding: 0 10px 5px 0; color: #fff;}
ul.asso_list li a {float: left; font-size: 11px; color: #ccc; border-bottom: 1px solid #7c7c7c; line-height: 11px;}
ul.asso_list li a:hover { float: left; text-decoration: none; border-bottom: 1px solid #111111; line-height: 11px;}

/* PUBLICATIONS */
ul.publication_list {float: left; width: 100%; padding: 0 0 5px 0;}
ul.publication_list li {float: left; width: 100%; color: #fff; }
ul.publication_list li.summary { color: #ccc; padding: 5px 0 10px 0; margin-bottom: 10px; }
ul.publication_list li h2 { float: left; width: 100%; text-transform: none; width: 100%; margin: 0 0 5px 0;}
ul.publication_list li h3 { color: #999; font-size: 12px;}
ul.publication_list li.summary  a {color: #ccc; border-bottom: 1px solid #7c7c7c; line-height: 11px;}
ul.publication_list li.summary  a:hover { text-decoration: none; border-bottom: 1px solid #111111; line-height: 11px;}
ul.publication_list li.col_left { float: left; width: 200px; color: #999;}
ul.publication_list li.col_left  a {float: left; border-bottom: 1px solid #3e3e3e;line-height: 13px; color: #7d7d7d;}
ul.publication_list li.col_left  a:hover { text-decoration: none; border-bottom: 1px solid #000;}
ul.publication_list li.col_right { float: left; width: 103px;}
ul.publication_list li.col_right  a {float: left; border-bottom: 1px solid #3e3e3e;line-height: 13px; color: #7d7d7d;}
ul.publication_list li.col_right  a:hover { text-decoration: none; border-bottom: 1px solid #000;}

ul.publisher_info {float: left; width: 100%; color: #ccc; margin: 50px 0 0 0;  font-size: 11px;}
ul.publisher_info li {float: left; width: 100%;}
ul.publisher_info li a {float: left; color: #ccc; border-bottom: 1px solid #7c7c7c; line-height: 11px;}
ul.publisher_info li a:hover { float: left; text-decoration: none; border-bottom: 1px solid #111111; line-height: 11px;}

/* NEWS CSS */
.template_greybg {float: left; width: 620px; min-height: 425px; background: #111111; margin: 0 10px 0 0; padding: 10px;}
*html .template_greybg {float: left; width: 620px; height: 425px; background: #111111; margin: 0 10px 0 0; padding: 10px;}
.template_greybg h1 { text-transform: none;}
ol.news_dates {float: left; width: 100%;}
ol.news_dates li {float: left; padding: 0 0 7px 0;}
ol.news_dates li.col_left { width: 70px;}
ol.news_dates li.col_right { width: 550px;}
ol.news_dates li.col_right a {float: left; color: #ccc; border-bottom: 1px solid #7c7c7c; line-height: 13px;}
ol.news_dates li.col_right a:hover { float: left; text-decoration: none; border-bottom: 1px solid #111111; line-height: 13px;}

/* ESSAY */
ul.essay_list {float: left; width: 100%; padding: 0 0 17px 0;}
ul.essay_list li {float: left; width: 100%; }
ul.essay_list li h2 { float: left; width: 100%; text-transform: none; width: 100%; margin: 0 0 5px 0;}
ul.essay_list li h3 { color: #999; font-size: 12px;}
ul.essay_list li p {padding: 5px 0 10px 0;}
ul.essay_list li.col_left { float: left; font-size: 11px; width: 120px;}
ul.essay_list li.col_left a {float: left; border-bottom: 1px solid #3e3e3e;line-height: 13px; color: #ccc;}
ul.essay_list li.col_left a:hover { text-decoration: none; border-bottom: 1px solid #000;}
ul.essay_list li.col_right { float: left; width: 123px;}
ul.essay_list li.col_right a {float: left; font-size: 11px; border-bottom: 1px solid #3e3e3e;line-height: 13px; color: #ccc;}
ul.essay_list li.col_right a:hover { text-decoration: none; border-bottom: 1px solid #000;}

.essay_content { float: left; width: 610px; padding: 15px 15px 5px 15px; background: #fff; color: #333;}
.essay_content h1 {margin: 0 0 3px 0; text-transform: none;}
.essay_content span { display: block; padding: 0 0 10px 0;}
.essay_content p {color: #333; line-height: 16px;}

/* CONTACT */
address {float: left; width: 100%; color: #ccc; line-height: 16px; margin: 0 0 20px 0; font-style: normal;}
address span {float: left; width: 100%; padding: 3px 0 0 0;}
address span a {float: left; width: 100%;}

.contact_text { margin: 0; line-height: 16px; }

ul.contact_othersites {float: left; width: 100%; margin: 15px 0 0 0;}
ul.contact_othersites li {float: left; width: 100%; margin: 0 0 10px 0;}
ul.contact_othersites li h4 { text-transform: uppercase;}
a#id_logo {float: right; margin: 40px 0 0 0;}


dl.site_credits {float: left; margin: 117px 0 0 0; color: #ccc; }
*html dl.site_credits {margin: 104px 0 0 0;}
dl.site_credits dt {display:block; float: left; min-width: 80px; clear:left; margin-right: 5px; padding: 0 0 3px 0;}
dl.site_credits dd {display:block; min-width: 200px; float: left; }
dl.site_credits dd img {float: left; position: relative; top: 3px;}
*html dl.site_credits dd {float: left; width: 200px; padding: 0 0 5px 0; }
*html dl.site_credits dt {float: left; width: 80px; }


/*
dl.project_content {float: left; font-size: 11px !important; }
dl.project_content dt {display:block; float: left; color: #aaa; clear:left; margin-right: 5px;font-size: 11px !important;}
dl.project_content dd {display:block; float: left; color: #fff; min-width: 200px; font-size: 11px !important;}


dl.site_credits {float: left; margin: 118px 0 0 0; color: #fff;}
dl.site_credits dt {display:block; float: left; min-width: 80px; clear:left; margin-right: 5px;}
dl.site_credits dd {display:block; min-width: 260px;}



*/