/*  
Theme Name: MSEAS-2
Theme URI: http://fausto.mit.edu
Description: Yet another Wordpress theme ...
Version: 1.0
Author: Fausto Morales
Author URI: http://www.faustomorales.com
*/



/* Styling the main parts */

html {
-webkit-text-size-adjust:none; /* for iphone */
line-height:110%;
}

a {
color:black;
}

body{
/*overflow: scroll;*/
background-color:white;
font-family:Helvetica;
font-size:13px;
background-repeat: no-repeat;
background-attachment: fixed;
margin:0;
padding:0;
text-align: center;
overflow-x:hidden;
}

a {
text-decoration:none;
}

a img {
border:0;
float:left;
margin-right: 5px;
}

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

#top-container {
position:relative;
}

table {
margin-top:10px;
}

table td {
padding:5px;
}

#wrapper, #wrapper-small {
position: relative;
min-height: 100%;
width:960px;
margin:-202px auto -50px auto;
text-align: left;
padding:0;
}

#wrapper-small {
margin:-120px auto -50px auto;
}

img {
margin: 5px 0 5px 0;
}

#actual-stuff {
position:relative;
margin:0 0 30px 0;
padding:0 0 50px 0;
display:none;
}

.loader, #actual-stuff {
margin:15px 0 0 0;
}

.loader {
height:300px;
padding:0;
text-align:center;
font-size:13px;

}

div.left-column {
	width: 477px;
	float: left;
	clear: none;
	}

.pub-column {
float:left;
margin-top:0px;
width:477px;
}

.pub-top-links a {
width:477px;
}

.pub-top-links {
margin:15px 0 10px 0;
}

div.right-column {
	width: 477px;
	float: right;
	clear: none;
	}

.the-clear {
clear:both;
}

ul li, #info li ul li {
padding-left:10px;
background-image:url('img/bullet.gif');
background-repeat:no-repeat;
background-position: 0px 4px;
list-style-type:none;
}

ul.big-space li {
padding-left:14px;
}

.subs li {
background-image:none;
list-style-type:none;
padding-left:0;
}



/* Style header */
#headerbg {
position:relative;
height:202px;
z-index:0;
}

/* Collapsing margin hack */
#header, #smallheader {
border-top-style:solid;
border-width:.5px;
border-color:#3D4353;
}

#smallheaderbg {
position:relative;
height:120px;
z-index:0;
}

#smallheader {
position:relative;
z-index:1;
}

#headerbg, #footerbg, #smallheaderbg {
background-color:#3D4353;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(61,67,83)),
    color-stop(1, rgb(51,57,73))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(61,67,83) 0%,
    rgb(51,57,73) 100%
);

}

/* Style header */
.searchbox {
float:right;
position:relative;
margin:10px 0 0 0;
}

.headgraphic {
float:left;
}


/* Style navigation */
ul#menu-main {
position:relative;
display:block;
list-style-type:none;
list-style-position:outside;
z-index:20;
font-size:12px;
}

.current-menu-item a, 
.post .current_page_item
{
border-bottom-style:dotted;
border-width:1px;
}

#main-nav-container, #main-nav-container-small {
margin:-28px 0 0 33px;
padding:6px 0 0 0;
border-color:#BBBCBF;
border-top-style: dotted;
border-width:1px;
float:left;
}

#main-nav-container-small {
padding:7px 0 0 0;
margin:-26px 0 0 25px;
}

#menu-main a, 
#menu-main, .sitemap-link {
color:#BBBCBF;
text-transform:uppercase;
text-decoration:none;
}

ul#menu-main a:hover, .sitemap-link:hover {
color:white;
}

ul#menu-main li, ul#menu-people-submenu li, ul.sub-navigation li {
padding:0;
background-image:none;
margin:0px 5px 0px 0;
float:left;
}

ul#menu-main li:before, ul#menu-people-submenu li:before, .sub-navigation li:before {
content: "| ";
margin:0px;
}

ul#menu-main li:first-child:before, ul#menu-people-submenu li:first-child:before, .sub-navigation li:first-child:before {
content: "";
}



/* Style sub-navigation */
ul#menu-people-submenu {
position:relative;
margin:0;
float:left;
list-style-type: none;
}

ul#menu-people-submenu, ul#menu-people-submenu a {
color:black;
text-decoration:none;
}

ul#menu-people-submenu a:hover {
color:#4D4D4D;
}


/* Style the feature scroller */
.featurepresentation {
position:relative;
overflow:hidden;
height:300px;
background-color:#BF2430;
color:white;
padding:10px;
}

#feature-nav {
position:absolute;
right:680px;
bottom:0px;
float:right;
background-color:#BF2430;
padding:5px;
color:white;
cursor:pointer;
}

#feature-nav a {
color:white;
}

#feature-nav a:hover {
color:lightgrey;
}

#site-description {
position:relative;
background-color:#BF2430;
color:white;
padding:10px;
margin:0px 10px 0 0;
width:250px;
float:left;
}

.featurepresentation, .items .feature{
float:right;
width:660px;
}

.featurepresentation img {
margin:0;
padding:0;
}

.featurepresentation .items {
position:absolute;
width:18000px;
}

.feature-image {
padding:0;
margin:0 10px 0 0;
float:left;
display:block;
}

.items .feature {
float:left;
padding:0px 10px 10px 10px;
}

.feature-info {
overflow:hidden;
}

.feature p {
margin:0;
padding:0;
font-size:14px;
}

.feature p.feature-name {
font-size:20px;
line-height:105%;
}

/* Style the info */
#info {
list-style-type:none;
margin:0;
}

#info-footer {
border-top-style:dotted;
border-width:1px;
padding:5px;
margin-top:10px;
font-size:13px;
}

ul#info a, 
ul#info {
color:black;
text-decoration:none;
}

ul#info a:hover {
color:#4D4D4D;
}

#info li ul li {
width:205px;
}

#info li {
background-image:none;
padding:0;
margin:0 0 0 1px;
width:230px;
float:left;
}

#f2, #f3 {
padding-left:5px;
}

.info-title, .info-title a {
text-transform:uppercase;
font-size:20px;
margin-bottom:5px;
}

/* Style the footer */

.a2a_kit {
position:absolute;
top:-30px;
}

.a2a_spacer {
height:30px;
}

#footerbg {
position:relative;
width:100%;
height:50px;
margin-top:-50px;
z-index:0;
}

#footer {
position:absolute;
width:100%;
bottom:0;
height:50px;
z-index:1;
color:white;
font-size:10px;
line-height:140%;
}

#footer a {
color:white;
text-decoration:none;
}

#footer a:hover{
color:#E3E3E3;
}

#footercontact {
float:left;
margin: 10px 0;
}

.left-footer {
text-align:right;
float:left;
}

.right-footer {
float:left;
margin-left:4px;
padding-left:4px;
border-left-style:solid;
border-width:1px;
}

#mitlogo {
margin:5px 0;
float:right;
}

.clear-footer {
height:50px;
clear:both;
}

/* Style subs and seaxes for pages */

.subs-container .sub,
.subs-container .person {
background-image:none;
padding:0;
float:left;
width:300px;
margin-right:10px;
overflow:hidden;
}

.subs-container .person {
width:200px;
margin-bottom:20px;
}

.subs-container .person .person-picture {
margin-bottom:10px;
}

.subs-container .sub-picture {
position:relative;
z-index:0;
overflow:hidden;
height:180px;
}

.subs-container .sub-title {
position:relative;
z-index:1;
background-color:#BF2430;
padding:5px;
color:white;
}

.subs-container .subs {
list-style-type:none;
margin-bottom:10px;
}

.subs-container, .seaex-container {
margin-top:-10px;
margin-bottom:10px;
align:left;
}

.subs-container img {
margin:0;
padding:0;
}

.seaex-container img {
margin:0;
padding:0;
}

.seaex-container .sub-picture {
position:relative;
z-index:0;
overflow:hidden;
height:80px;
width:80px;
float:left;
margin-right:10px;
}

.seaex-container .seaexes {
list-style-type:none;
}

.seaex-container .sub-title {
float:left;
font-weight:700;
width:400px;
}

.seaex-container .sub-description {
font-weight:400;
}

.seaex-container .right-sub {
float:left;
width:850px;
margin:0;
padding:0;
}

.seaex-container .sub-time {
float:right;
}

.seaex-container .sub {
background-image:none;
border-top-style:solid;
border-left-style:solid;
border-right-style:solid;
padding:5px;
border-width:1px;
}

.seaex-container {
border-bottom-style:solid;
border-width:1px;
}

/* Style posts */
.post p {
margin:0px 0 5px 0;
font-size:13px;
padding:0;
}

.post-citation .citation a {
font-weight:normal;
}

.citation {
text-indent:-28px;
margin:0;
padding-left:38px;
}

.entry .citation {
margin-left:28px;
}

.pdficon {
float:none;
width:13px;
height:13px;
overflow:hidden;
margin:0 0 0 5px;
padding:0;
}

.citation-section {
padding:5px;
margin-bottom:5px;
background-color:#EDEDED;
}

.blognavigation {
float:right;
font-size:11px;
}

.title a, .subcat-title a {
text-decoration:none;
border-bottom-style:dotted;
border-width:1px;
}

h3 a {
text-transform: uppercase;
font-size:17px;
}

h4 a {
font-size:15px;
}

h5 a {
font-style:italic;
font-size:12px;
}

.subcat-title a {
font-size:15px;
}

a:hover {
color:#4D4D4D;
}

.title, .subcat-title {
margin:0 0 2px 0;
padding:0;
}

h2.title {
line-height:125%;
}

h3.title {
line-height:150%;
}

ul, #info ul {
margin:0;
padding:0;
}

ul ul {
margin-left:15px;
list-style-type: disc inside;
}

.with-bg {
background-color:#F5F5F5;
border-style:dotted;
border-width:1px;
}

.with-bg .with-bg {
border-style:none;
}

.with-darkbg, .with-bg {
padding:5px;
margin-bottom:5px;
}

.with-bg li {
margin:0;
}

.post a {
color:#002878;
text-decoration:none;
}

.post a:hover {
color:red;
text-decoration: underline;
}

.sub-nav-container {
margin-bottom:5px;
font-size:14px;
}


/* Style the site map */
.ddsg-wrapper ul, .ddsg-wrapper ul a {
font-weight:400;
}

/* Style publications */
ul.publications {
margin:0 10px 10px 10px;
float:left;
}

.people-container {
margin-top:0px;
}

ul.thumbs {
text-align: center;
}

ul.thumbs li{
display: inline; margin-right: 20px; background-image: none;
}

ul.thumbs li a img{
float:none;
}