/*
	Theme Name: T2K Two
	Theme URI: http://t2k-experiment.org
	Description: The second version of the T2K Public Website
	Author: Daniel Scully, Anthony Hillairet, Rob Johnson
	Version: 2.2
	License: All Rights Reserved
	License URI:
	Tags: Red, White
*/






/*

	Reset

*/

/* 
	CSS Reset
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
	display: block;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}





/*

	Main Styling

*/

.content
{
	display:block;
	font-family:'Droid Serif', serif;
	max-width:33em;
	line-height:1.5;
}

p
{
	margin:1.5em auto;
}

a
{
	color:#960000;	/*rgb(150,0,0);*/
}
a:hover
{
	color:#FF0000;	/*rgb(255,0,0);*/
}
a:active
{
	color:#C80000;	/*rgb(200,0,0);*/
}

sub
{
	font-size:smaller;
	position:relative;
	top:0.4em;
	vertical-align:baseline;
}
sup
{
	font-size:smaller;
	position:relative;
	top:-0.4em;
	vertical-align:baseline;
}

h1
{
	display:block;
	font-size:2.5em;
	line-height:1.5em;
	padding-top:0.75em;
	padding-bottom:0.75em;
	text-align:center;
}
h2
{
	border-bottom:3px darkred solid;
	font-size:1.5em;
	margin:2em 0 1em 0;
}
h2 a, h3 a, h4 a, h5 a, h6 a
{
	color:inherit;
	text-decoration:none;
}

h3
{
	border-bottom:solid darkred 1px;
	font-size:1.3em;
	margin-top:2em;
}
h4
{
	font-family:'Droid Sans', sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin-top:2em;
}
h5
{
	font-size:1.1em;
	font-weight:bold;
	margin-top:2em;
}
h6
{
	border-top:2px darkred solid;
	font-weight:bold;
	margin-top:2em;
}

@media screen and (min-width:33em)
{
	.primary .content
	{
		margin:0 auto !important;
	}
}
@media screen and (min-width:40em)
{
	.content
	{
		font-size:18px;
	}
}

.the-date
{
	font-size:smaller;
	text-align:right;
}

ul
{
	list-style:disc;
	margin-left:1em;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}


.post-meta-key { font-weight:bold; }
.post-meta { }


strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}

/*

	Main Layout

*/

body
{
	background-color:#F5F5F5;	/*rgb(245,245,245);*/
	margin:0 auto;
	padding:0 0 1em 0;
	max-width:100em;
}

.outer
{
	background-color:white;
	border-radius:5px;
	box-shadow:0 0 5px black;
}

.primary
{
	/* This background image is a hack.
	It lets us get a thin border between the primary
	and secondary boxes, without giving us box-sizing
	issues you get with % values */
	background-image:url('images/grey-pixel.png');
	background-position:right bottom;
	background-repeat:repeat-x;
	margin:0;
	margin-bottom:1em;
	padding:0 0 1em 0;
}

.secondary
{
	padding-top:1em;
}

.primary > *, .secondary > *
{
	margin:1em;
}

@media screen and (min-width:30em)
{
	body
	{
		padding:0 1em 1em 1em;
	}
}
@media screen and (min-width:60em)
{
	.primary
	{
		background-position:right top;
		background-repeat:repeat-y;
		float:left;
		width:70%;
	}
	.secondary
	{
		float:left;
		width:30%;
	}
}




/*

	Images

*/

img, .wp-caption
{
	border:solid gray 1px;
	border-radius:5px;
	height:auto;
	margin:1em auto;
	max-width:99%;
	width:auto;
}

.wp-caption img
{
	border:none;
	display:block;
	margin:0 auto;
}

.wp-caption
{
	color:#464646;	/*rgb(70,70,70);*/
	font-family:'Droid Sans', sans-serif;
	font-size:0.9em;
}
.wp-caption p
{
	margin:0.2em 0.5em;
}

@media screen and (min-width:40em)
{
	img, .wp-caption
	{
		margin-bottom:1em;
		margin-top:1em;
	}
	.alignleft {	float:left; margin-right:1em; }
	.alignright {	float:right; margin-left:1em; }
	.aligncenter {	margin-left:auto; margin-right:auto; }
	.noborder {border:none; }
}





/*

	Header

*/

.header
{
	background-color:#8C0000;	/*rgb(140,0,0);*/
		background-image:-moz-linear-gradient(-90deg, rgb(170,0,0), rgb(110,0,0));
		background-image:-ms-linear-gradient(-90deg, rgb(170,0,0), rgb(110,0,0));
		background-image:-o-linear-gradient(-90deg, rgb(170,0,0), rgb(110,0,0));
		background-image:-webkit-linear-gradient(-90deg, rgb(170,0,0), rgb(110,0,0));
	background-image:linear-gradient(-90deg, rgb(170,0,0), rgb(110,0,0));
	border-bottom:solid 3px #AA0000;	/*rgb(170,0,0);*/
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-family:'Droid Sans', sans-serif;
}

img#logo
{
	border:none;
	display:block;
	height:3em;
	margin:0 auto;
	padding:0.5em 1em 0.5em 0.5em;
}

ul#menu-main
{
	list-style-type:none;
	margin:0;
}
ul#menu-main li
{
	display:block;
}
ul#menu-main a
{
	color:#FAFAFA;	/*rgb(250,250,250);*/
	display:block;
	padding:0.75em 1em;
	text-decoration:none;
}

ul#menu-main a:hover, ul#menu-main a:active
{
	background-color:#640000;	/*rgb(100,0,0);*/
		background-image:-moz-linear-gradient(bottom, rgb(80,0,0), rgb(130,0,0));
		background-image:-ms-linear-gradient(bottom, rgb(80,0,0), rgb(130,0,0));
		background-image:-o-linear-gradient(bottom, rgb(80,0,0), rgb(130,0,0));
		background-image:-webkit-linear-gradient(bottom, rgb(80,0,0), rgb(130,0,0));
	background-image:linear-gradient(bottom, rgb(80,0,0), rgb(130,0,0));
}

@media screen and (min-width:50em)
{
	img#logo
	{
		float:left;
	}
	ul#menu-main
	{
		display:inline-block;
		border-left:solid 1px #660000;	/*hsl(0,100%,20%)*/
		border-right:solid 1px #A80000;	/*hsl(0,100%,33%);*/
	}
	ul#menu-main li
	{
		/*border-right:groove 2px #8C0000;	/*rgb(140,0,0);*/
		border-right:solid 1px #660000;	/*hsl(0,100%,20%)*/
		border-left:solid 1px #A80000;	/*hsl(0,100%,33%);*/
		float:left;
	}
	ul#menu-main a
	{
		line-height:3em;
		padding:1em 1em 0 1em;
	}
	ul#menu-main li:first-child
	{
		/*border-left:groove 2px #8C0000;	/*rgb(140,0,0);*/
	}
}




/*

	Footer

*/

.footer
{
	background-color:#282828;	/*rgb(40,40,40);*/
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color:white;
	clear:both;
	font-family:'Droid Sans', sans-serif;
	padding:1em;
}

.footer a
{
	color:#AA1E1E;	/*rgb(170,30,30);*/
}
.footer a:hover
{
	color:#FF1E1E;	/*rgb(255,30,30);*/
}
.footer a:active
{
	color:#DC1E1E;	/*rgb(220,30,30);*/
}

.footer p
{
	text-align:center;
}





/*

	Languages Menu

*/

ul.qtrans_language_chooser
{
	font-family:'Droid Sans', sans-serif;
	list-style-type:none;
	text-align:right;
}

ul.qtrans_language_chooser li
{
	display:inline-block;
	padding:10px 1em;
}




/*

	Sidebar
	
*/

ul.menu-side
{
	background-color:#8C0000;
	border-radius:5px;
	display:block;
	font-family:'Droid Sans', sans-serif;
	list-style:none;
	margin:1em 0;
}
ul.menu-side li
{
	border-top:solid 1px #660000;	/*hsl(0,100%,20%)*/
	border-bottom:solid 1px #A80000;	/*hsl(0,100%,33%);*/
}
ul.menu-side li:first-child
{
	border-top:none;
}
ul.menu-side li:first-child a
{
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
ul.menu-side li:last-child
{
	border-bottom:none;
}
ul.menu-side li:last-child a
{
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}
ul.menu-side a
{
	display:block;
	color:#FAFAFA;	/*rgb(250,250,250);*/
	line-height:1.5;
	padding:0.75em 1em;
	text-decoration:none;
}
ul.menu-side a:hover
{
	background-color:#640000;	/*rgb(100,0,0);*/
		background-image:-moz-linear-gradient(bottom, rgb(80,0,0), rgb(130,0,0));
		background-image:-ms-linear-gradient(bottom, rgb(80,0,0), rgb(130,0,0));
		background-image:-o-linear-gradient(bottom, rgb(80,0,0), rgb(130,0,0));
		background-image:-webkit-linear-gradient(bottom, rgb(80,0,0), rgb(130,0,0));
	background-image:linear-gradient(bottom, rgb(80,0,0), rgb(130,0,0));
}

img#sidebar-header
{
	margin:0;
	width:100%;
	height:auto;
	text-align:center;
}

.secondary > *
{
	margin-top:0;
}




/*

	Front Page

*/

.slideshow
{
	display:block;
	margin:0 auto 1em auto;
	/*width:95%;
	border-radius:5px;*/
	border-radius:0;
	border:solid gray 1px;
}





/*

	Gallery

*/

#gallery ul
{
	list-style:none;
	text-align:center;
}

#gallery li
{
	display:inline-block;
	margin:1em;
}



/*
	Next/Previous links on archives
*/
div.next-prev
{
	background-color:#8C0000;	/*rgb(140,0,0);*/
		background-image:-moz-linear-gradient(-90deg, rgb(170,0,0), rgb(110,0,0));
		background-image:-ms-linear-gradient(-90deg, rgb(170,0,0), rgb(110,0,0));
		background-image:-o-linear-gradient(-90deg, rgb(170,0,0), rgb(110,0,0));
		background-image:-webkit-linear-gradient(-90deg, rgb(170,0,0), rgb(110,0,0));
	background-image:linear-gradient(-90deg, rgb(170,0,0), rgb(110,0,0));
	border-radius:5px;
	padding:0 0.5em;
	line-height:1.5em;
	text-align:center;
}
div.next-prev a
{
	color:white;
}
div.next-prev a:hover
{
	color:black;
}