/*
Theme Name: Ryan Seddon
Theme URI: http://ryanseddon.com/
Description: Ryanseddon.com theme <a href="http://binarybonsai.com/kubrick/">Ryan Seddon</a>.
Version: 4
Author: Ryan Seddon
Author URI: http://ryanseddon.com/
*/

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('assets/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('assets/Chunkfive.woff') format('woff'), url('assets/Chunkfive.otf') format('opentype'), url('assets/Chunkfive.svg#ChunkFive') format('svg');
}
*, html
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body, form, ul, li, p, h1, h2, h3, h4, h5
{
	margin: 0;
	padding: 0;
}
html, body, #bodycontainer 
{
	height: 100%;
}
body,
#bodycontainer
{ 
	background: #1275D3;
	background: -moz-linear-gradient(top, #2590f5, #1275D3); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2590f5), to(#1275D3)); /* Safari */
}

.clear
{
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	margin: 0;
	padding: 0;
	float: none !important;
	display: block !important;
}
.clearfix:after 
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }

img { border: none; }
p
{
	font-size: 1em;
	margin: 0 0 1em 0;
}

::selection { background: #2D7D76; color: #fff; /* Safari */ }
::-moz-selection { background: #2D7D76; color: #fff; /* Firefox */ }

.error { background: #ff0000; color: #fff !important; }


/* Styles for scalable font consistency */

html { font-size: 100%; height: 100%; /* IE hack */ }
body { font-size: 0.75em; color: #fff; } /* Base font 12px */
table { font-size: 100%; /* IE hack */ }

input, select, textarea, th, td { font-size:1em; }

h1 { font-size: 8em; margin: 0 0 1em; font-family: 'ChunkFiveRegular', Verdana, Arial, Helvetica, sans-serif; text-shadow: 1px 1px 5px #000; }
h2 { font-size: 6em; margin: 0 0 1em; font-family: 'ChunkFiveRegular', Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px; text-shadow: 1px 1px 5px #000; }
h3 { font-size: 4em; margin: 0 0 1em; }
h4 { font-size: 2em; margin: 0 0 1em; }

h2 a { color: #3A4345; font-family: 'ChunkFiveRegular', Verdana, Arial, Helvetica, sans-serif; }

/* End of xhtml tag styles */

/* Main styles */
#bodycontainer {
	width: 100%;
	display: table;
}
	#bodycontainer #bodycontainer_inside,
	footer .inner	{
		margin: 3em auto 0;
		width: 960px;
	}

/* End of main styles */

ul.list01 {
	list-style: none;
	margin: 0 0 5.333em; /* 64px; */
}
	ul.list01 > li {
		width: 300px;
		position: relative;
	}
	ul.list01 li 		{ float: left; margin: 0 20px 1.667em 0; }
	ul.list01 li li 	{ float: none; margin: 0; }
	ul.list01 a { display: block; text-decoration: none; }
	ul.list01 a:hover img,
	ul.list01 a:focus img
	{
		outline: none;
		-moz-box-shadow: 5px 5px 15px #3A4345;
		-webkit-box-shadow: 5px 5px 15px #3A4345;
		box-shadow: 5px 5px 15px #3A4345;
	}
	ul.list01 img
	{
		display: block;
		outline: 3px solid #fff;
		margin: 0 0 1em;
		-webkit-transition: outline 0.5s ease;
		-moz-transition: outline 0.5s ease;
		-o-transition: outline 0.5s ease;
		transition: outline 0.5s ease;
	}
	ul.list01 a:hover:after,
	ul.list01 a:focus:after
	{
		content: attr(title);
		color: #D2DE3C;
		position: absolute;
		top: 170px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-weight: bold;
		width: 294px;
		padding: 0 3px;
		background: rgb(0,0,0);
		background: rgba(0,0,0,0.7);
		display: block;
		text-shadow: 1px 1px 3px #2D7D76;
	}
	ul.list01 ul
	{
		margin: 0 0 0 15px;
	}
	
#paging 
{ 
	margin: 0 17px 7em 0; /* 84px */ 
}
	#paging div 
	{
		float: right;
	}
	#paging div.link01
	{
		float: left;
	}
	#paging div a,
	#paging div span
	{
		background: #D2DE3C;
		border: 0 none;
		color: #3A4345;	
		display: block;
		float: left;
		font-size: 1.333em;
		font-weight: bold;
		padding: 10px;
		text-decoration: none;
		text-align: center;
		position: relative;
		top: 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 1px 1px 5px #9da71c;
		-webkit-box-shadow: 1px 1px 5px #9da71c;
		box-shadow: 1px 1px 5px #9da71c;
		-webkit-transition: top 0.5s ease;
		-moz-transition: top 0.5s ease;
		-o-transition: top 0.5s ease;
		transition: top 0.5s ease;
	}
	#paging div a:hover,
	#paging div a:focus
	{
		top: -10px;
	}
	#paging div .current 
	{ 
		background: #3A4345; 
		color: #D2DE3C; 
		-moz-box-shadow: 1px 1px 5px #5b686b;
		-webkit-box-shadow: 1px 1px 5px #5b686b;
		box-shadow: 1px 1px 5px #5b686b;
	}

footer {
	background: #3A4345;
	border-top: 3px solid #fff;
	color: #D2DE3C;
	display: block;
}
	footer .inner {
		padding: 10px 0 35px;
		margin: 0 auto;
	}
	footer dl {
		width: 33%;
		float: left;
		text-align: left;
	}
		footer dl dt {
			font-weight: bold;
			font-size: 1.333em;
			margin: 0 0 0.5em;
		}
		footer dl dd {
			background: url(assets/gr_icons.png) 0 -44px no-repeat;
			padding: 4px 0 4px 30px;
			margin: 0 0 1em;
			-webkit-transition: margin 0.5s ease;
			-moz-transition: margin 0.5s ease;
			-o-transition: margin 0.5s ease;
			transition: margin 0.5s ease;
		}
		footer dl dd.ico01 	{ background-position: 0 -88px; }
		footer dl dd.ico02	{ background-position: 0 0; }
		footer dl dd.ico03	{ background-position: 0 -132px; }
		footer dl dd.ico04	{ background-position: 0 -176px; }
		
		footer dl dd a {
			text-decoration: none;
			color: #D2DE3C;
			display: block;
			text-shadow: 1px 1px 5px #2D7D76;
		}
		footer dl dd:hover { font-weight:bold; margin: 0 0 1em 20px; }
		
		footer dl dd.form01 { margin: 0; font-weight: normal; }
		footer dl dd.form01 { background: none; padding: 4px 7px 4px 0; }
		footer dl dd fieldset
		{
			border: none;
			margin: 0;
			padding: 0;
		}
		footer dl dd fieldset label
		{
			display: block;
			overflow: hidden;
			margin: 0 0 0.5em;
		}
		footer dl dd fieldset span { display: block; float: left; margin-top: 3px; }
		footer dl dd fieldset input,
		footer dl dd fieldset textarea 
		{ 
			border: 1px solid #2D7D76;
			color: #2D7D76;
			display: block; 
			float: right;
			line-height: 1.5em;
			width: 230px;
			padding: 3px 3px 4px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		footer dl dd fieldset textarea.sending { background: #fff url(assets/ico_loader.gif) 50% 50% no-repeat; }
		footer dl dd fieldset input[type=submit] 
		{ 
			background: #D2DE3C; 
			border: none; 
			color: #3A4345;
			cursor: pointer;			
			width: 237px;
			-moz-box-shadow: 1px 1px 5px #9da71c;
			-webkit-box-shadow: 1px 1px 5px #9da71c;
			box-shadow: 1px 1px 5px #9da71c;
		}
		
/* Portrait */
@media screen and (max-width: 320px) {
	#bodycontainer #bodycontainer_inside, footer .inner, footer dl	{ width: 300px; }
	#paging div a, #paging div span { font-size: 1em; }
	footer dl dd fieldset input,
	footer dl dd fieldset textarea 
	{
		float: none;
		width: 290px;
		margin: 5px 0 0;
	}
	footer dl dd fieldset input[type=submit] { width: 297px; }
}
/* Landscape */
@media screen and (min-width: 321px) and (max-width: 480px) {
	#bodycontainer #bodycontainer_inside, footer .inner	{ padding: 0 0 0 20px !important; }
	#bodycontainer #bodycontainer_inside, footer .inner, footer dl, #paging div	{ width: 460px; }
	h2 { font-size: 2em; padding: 0 20px 0 0; }
	ul.list01 > li, ul.list01 img { width: 210px; height: auto; }
	ul.list01 > li:nth-child(odd) { margin-right: 20px !important; }
	footer dl dd.form01 { margin: 0 20px 0 0; }
	footer dl dd fieldset input, footer dl dd fieldset textarea { width: 300px; }
	footer dl dd fieldset input[type=submit] { width: 307px; }
}

@media screen and (max-device-width: 480px) {
	#bodycontainer #bodycontainer_inside { margin: 1em auto 0; }
	#bodycontainer #bodycontainer_inside, footer .inner	{ padding: 0 10px; }
	h1 { font-size: 4em; margin-bottom: 0.5em; }
	h2 { font-size: 2em; }
	ul.list01 > li { margin: 0 0 1.667em; }
	ul.list01 a:hover:after { display: none; }
	footer dl {
		display: block;
		float: none;
	}
	#paging		{ margin: 0 0 30px; }
	ul.list01 	{ margin: 0 0 10px; }
}