/*
Theme Name:		MIASU Theme 
Theme URI:		http://www.innerasiaresearch.org
Description:	A Wordpress theme for the Mongolia and Inner Asia Research Unit at Cambridge University
Version:		3
Author:			Georgie Grace
Author URI:		http://georgiegrace.co.uk
Tags: 

Annotated stylesheet version

*/

* {
margin:0;
padding:0;
} 

html, body
{
height: 100%;
}

body { 
background: #e1e2cd ; 
color: #000; 
font: 80% helvetica, arial, sans-serif; 
text-align: left; 
}

#wrap {
min-height: 100%;
width: 1024px;
padding-left: 64px;
padding-right: 64px; 

}

#header
{
text-align: left;
}
#header h1{

font-size: 100px; 
letter-spacing: 45px; 
font-family: helvetica, arial, sans-serif;  
font-weight: normal; 
color: #a4be9c;
font-variant: small-caps; 
text-align: left; 
clear: both; 
text-indent: 126px; 
line-height: 100px; 
letter-spacing: 45px; 
}

#header img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
    
#header h3 { 
padding: 0;
font-variant: small-caps;
font-weight: normal; 
font-size: 28px; 
letter-spacing: 6px;
color:  #500500;
text-align: center; 
line-height: 36px; 
}

#headergap p {
font-size: 8px;
line-height: 11px;
color: #000; 
}


#main {
float: left;
width: 800px;
text-align: left;
padding-top: 0;
padding-right: 24px;
padding-bottom: 150px;
overflow: auto;
}


.gallery li {
        display: inline;
        list-style: none;
        width: 150px;
        min-height: 175px;
        float: left;
        margin: 0 10px 10px 0;
        text-align: center;
	}

.gallery300 li {
       display: inline;
       list-style: none;
       width: 310px;
       min-height: 200px;
       float: left;
       margin: 0 10px 10px 0;
       text-align: center;
       }

#interviews td
{
padding: 9px 8px 0px 8px;
border-bottom: 1px solid #500500;
}
#interviews tr:hover td
{
background-color: #d4e0c2;
}

#trans td
{
padding: 9px 8px 0px 8px;
border-bottom: 1px solid #500500;
}
#trans tr:hover td
{
background-color: #d4e0c2;
}

#glosses td
{
padding: 9px 8px 0px 8px;
border-bottom: 1px solid #500500;
}
#glosses tr:hover td
{
background-color: #d4e0c2;
}

#pilot td
{
padding: 9px 8px 0px 8px;
border-bottom: 1px solid #500500;
}
#glosses tr:hover td
{
background-color: #d4e0c2;
}



#people td
{
padding: 9px 8px 0px 8px;
border-bottom: 1px solid #500500;
}
#people tr:hover td
{
background-color: #d4e0c2;
}

p.tall
{
line-height: 150%;
}

#timeline {
height: 150px;
border: 1px;

}

#right {
float: left;
width: 192px;
padding-top: 0;
padding-bottom: 150px;
padding-left: 8px;
overflow: auto;
}

#right h2 {
font-variant: small-caps;
}

#footer {
clear: both;
position: relative;
width: 1024px;
margin-top: -150px; /* negative value of footer height */
height: 150px;
background-color: #d4e0c2;
text-align: right;
padding-left: 64px;
padding-right: 64px; 

}

#footer h2 { 
font-size: 20px; 
font-variant: small-caps; 
border: none;
text-align: right;
}


#footer p { 
font-size: 1em; 
font: helvetica, arial, sans-serif; 
font-variant: small-caps;
text-align: right;
color: #000; 
}



#footer a, #footer a:visited { 
color: #500500; 
text-decoration: none; 
}
		
#footer a:hover { 
color: #bf4c47; 
text-decoration: none; 
}



/*---:[ global elements ]:---*/





ul {
list-style-type: none;
padding-left: 10px;
}

a { 
color: #500500; 
font-weight:bold;
text-decoration: none; 
}

a:visited { 
color: #500500; 
text-decoration: none; 
}

a:hover { 
color: #bf4c47; 
text-decoration: underline; 
}