/*******************************************************************************
	AUTHOR:		Timothy Higgins
	CONTACT:	timothymichaelhiggins@gmail.com
	
	Style applied to main site.
*******************************************************************************/

	/***************************************************************************
		Override.
	***************************************************************************/
	@font-face{  
		font-family: 'Trajan Pro';  
		src: url('res/TrajanPro-Regular.otf') format('opentype');  
	}
	@font-face{  
		font-family: 'Aparajita';  
		src: url('res/aparaj.ttf') format('truetype');  
	} 
	*{
		padding: 0;
		margin: 0;
	}
	a:link,a:visited{
		color: #0b1879;
		text-decoration: none;
		border-bottom: 1px solid transparent;
	}
	a:hover,a:active{
		color: #509bc2;
		border-bottom: 1px solid #509bc2;
	}
	body{
		background-image: url('image/body_bg.jpg');
		background-position: center bottom;
		background-repeat: repeat-x;
		background-color: #f8f8f8;
		background-attachment: fixed;
		font-family: 'Aparajita';
		font-size: 18px;
	}
	code{
		background-color: #c0c0c0;
		font-family: monospace;
		font-size: 14px;
		padding: 10px;
		margin-top: 10px;
		display: block;
	}
	h1{
		background-image: url('image/h1_bg.png');
		background-position: left bottom;
		background-repeat: no-repeat;
		font-family: 'Trajan Pro';
		font-size: 25px;
		font-weight: normal;
		color: #0b1879;
		padding: 10px 0 10px 0;
		margin-bottom: -10px;
	}
	h1.invert{
		color: white;
	}
	h3,div.linguistics h1{
		background-image: none;
		font-family: 'Trajan Pro';
		font-size: 15px;
		font-weight: normal;
		color: black;
		padding: 10px 0 0 0;
		margin: 0;
	}
	hr{
		clear: both;
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: red;
		margin-top: 10px;
	}
	img{
		display: block;
		border: 0;
	}
	img:hover{
		cursor: pointer;
	}
	input,select{
		height: 24px;
		line-height: 24px;
	}
	label{
		width: 150px;
		font-family: 'Trajan Pro';
		font-size: 13px;
		display: inline-block;
	}
	ol,ul{
		margin: 0 0 0 30px;
	}
	p{
		text-align: justify;
		padding: 10px 0 0 0;
	}
	td{
		vertical-align: top;
	}

	/* For Linguistics examples on help.php. */
	.result{
		background-color: #f0f0f0;
		padding: 10px;
		margin-top: 10px;
		overflow: auto;
	}
	
	/* For in <h1>s. */
	.subtitle{
		font-size: 80%;
	}

	/***************************************************************************
		Application Scientific Linguistics 1.3
	***************************************************************************/
	div.linguistics a.error{
		color: red;
	}
	div.linguistics br{
		clear: both;
	}
	div.linguistics span.b{
		font-family: serif;
		font-size: 13px;
		font-weight: bold;
	}
	div.linguistics span.i{
		font-family: serif;
		font-size: 13px;
		font-style: oblique;
	}
	div.linguistics table td{
		padding-left: 10px;
	}
	div.photo{
		width: 100%;
		height: 100%;
		background-image: url('image/blackout_bg.png');
		position: fixed
	}
	div.photo img.photo{
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 1;
		border: 10px solid white;
	}
	
	/***************************************************************************
		Header.
	***************************************************************************/
	div.header{
		height: 160px;
		background-image: url('image/header_bg.jpg');
		background-position: center center;
		background-repeat: repeat-x;
		margin-bottom: -10px;
	}
	
	/***************************************************************************
		Standard components.
	***************************************************************************/
	table.main{
		width: 800px;
		padding-left: 10px;
		margin: auto;
	}
	table.main div.content{
		width: 560px;
		min-height: 230px;
		background-image: url('image/content_bg.gif');
		background-position: center top;
		background-repeat: repeat-y;
		padding: 0 20px 10px 20px;
		margin-top: -240px;
		float: left;
	}
	table.main div.content img,table.main div.content object{
		background-image: url('image/img_bg.png');
		background-position: center bottom;
		background-repeat: repeat-x;
		padding-bottom: 10px;
		margin-right: 10px;
		float: left;
	}
	table.main div.content object{
		width: 320px;
		height: 260px;
		background-image: url('image/img_bg.png');
		background-position: center bottom;
		background-repeat: repeat-x;
		padding-bottom: 10px;
		margin-right: 10px;
		float: left;
	}
	table.main div.content img:hover{
		padding-bottom: 0;
		border-bottom: 5px solid #509bc2;
		margin-bottom: 5px;
	}

	/* Navigation. */
	ul.nav{
		width: 200px;
		background-image: url('image/nav_bg.jpg');
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		list-style-type: none;
		padding: 0;
		margin: 10px 0 0 0;
	}
	ul.nav li{
		background-image: url('image/nav_li_bg.png');
		background-position: center bottom;
		background-repeat: no-repeat;
		font-family: 'Trajan Pro';
		font-size: 13px;
		text-shadow: 1px 1px 1px black;
		padding: 16px;
	}
	ul.nav li:hover{
		background-color: white;
	}
	ul.nav li a:link,ul.nav li a:visited{
		color: white;
		text-decoration: none;
	}
	ul.nav input{
		width: 166px;
		background-image: url('image/nav_li_bg.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-color: transparent;
		font-family: 'Trajan Pro';
		font-size: 13px;
		border: 1px solid white;
	}
	
	/* Calendar. */
	table.calendar{
		width: 200px;
		background-color: white;
		border-collapse: collapse;
	}
	table.calendar th.month{
		background-image: url('image/featured_bg.jpg');
		background-position: center -30px;
		font-family: 'Trajan Pro';
		color: white;
		padding: 5px;
	}
	table.calendar th{
		width: 14%;
		background-image: url('image/h1_bg.png');
		background-position: center bottom;
		border: 1px solid black;
	}
	table.calendar td{
		background-image: url('image/h1_bg.png');
		background-position: center bottom;
		text-align: center;
		border: 1px solid black;
	}
	table.calendar td.s{
		background-color: #ff8787;
	}
	table.calendar a:link,table.calendar a:visited{
		border: 0;
	}
	
	/* Article history browser. */
	div.history{
		background-image: url('image/history_bg.jpg');
		font-family: 'Trajan Pro';
		font-size: 15px;
		line-height: 30px;
		padding: 10px 16px 10px 16px;
		margin: 10px 10px 0 10px;
		overflow: auto;
	}
	
	/* Featured article. */
	div.featured{
		margin-bottom: 16px;
	}
	div.featured div.nav{
		width: 198px;
		height: 208px;
		position: relative;
		background-image: url('image/featured_bg.jpg');
		text-align: center;
		padding: 16px;
		margin-top: 10px;
		float: left;
		overflow: hidden;
	}
	div.featured div.nav div.numbers{
		width: 100%;
		position: absolute;
		bottom: 16px;
		text-align: center;
		margin-left: -16px;
	}
	div.featured div.nav div.numbers a{
		width: 30px;
		line-height: 30px;
		border: 1px solid white;
		display: inline-block;
	}
	div.featured div.nav div.numbers a:hover,div.featured div.nav div.numbers a.s{
		border-color: #509bc2;
	}
	div.featured div.preview{
		width: 320px;
		height: 240px;
		background-image: url('image/no_photo.jpg');
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		background-color: #021653;
		margin: 10px 0 0 10px;
		float: left;
	}
	
	/***************************************************************************
		Footer.
	***************************************************************************/
	div.footer{
		background-image: url('image/footer_bg.jpg');
		background-position: center top;
		background-repeat: repeat-x;
		background-color: #030c3f;
		margin-top: 10px;
		overflow: auto;
	}
	div.footer div.recent{
		width: 800px;
		color: white;
		padding-left: 10px;
		margin: auto;
		overflow: auto;
	}
	div.footer div.recent img{
		height: 100px;
		background-image: url('image/img_bg.png');
		background-position: center bottom;
		background-repeat: repeat-x;
		padding-bottom: 10px;
		margin-right: 10px;
		float: left;
	}
	div.footer div.recent img:hover{
		padding-bottom: 0;
		border-bottom: 5px solid #509bc2;
		margin-bottom: 5px;
	}
	
	/* Contact. */
	div.contact{
		font-size: 15px;
		color: white;
		text-shadow: 1px 1px 1px black;
		text-align: center;
		padding-top: 10px;
		margin-bottom: 10px;
	}