/*
Theme Name: TheoTheme
Author: Paladin
Author URI: http://paladinweb.net/
Description: An HTML5 mobile-first sheet.
Tags: custom-menu, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

This theme, like WordPress, is licensed under the GPL. It's based off the "HTML5 Toolkit" theme.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* 0. Bring in other sheets
--------------------------------------------------*/

/* resets browser defaults - HTML5Doctor */

@import url(css/reset.css);

/* element defaults from Andy Clarke's Universal IE6 stylesheet */

@import url(ie6.1.1.css);

/* 0.5 Adjust element defaults
--------------------------------------------------*/

a, a:link, a:visited, a:active, a:focus, a:hover { color: #036; }

fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}

p { margin: 0 0 1.5em; }
ul,ol { margin: 0 1.5em 1.5em; }

blockquote
{
	margin: 1.5em 1.5em 1.5em -1.5em;
	padding-left: 1.5em;
	border-left: 1px solid #036;
	font-style: italic;
	font-size: 1.2em;
}

ul, ol { margin: 0 1.5em 1.5em 0; }

li ul, li ol
{
	list-style-type: circle;
	margin: 0 1.5em .75em 1.5em;
}

/* 1. body and page
--------------------------------------------------*/

html { background-color: #FFE; }

body
{
	width: auto;
	max-width: 960px;
	line-height: 1.4;
	margin: 0px auto;
	padding: 0 1%;
	color: #036;
	background-color: transparent;
	font: 100% Optima, san-serif;
}

/* 2. Generic and page headings and headers
--------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-family: "Adobe Caslon Pro", Baskerville, 'Times New Roman', Times, serif; }
hgroup { font-family: "Adobe Caslon Pro", Baskerville, 'Times New Roman', Times, serif; }

h1
{
	font-size: 150%;
	padding-top: 1em;
}

h2 { font-size: 125%; }

hgroup.page-title h1
{
	font-size: 100%;
	font-style: italic;
	text-decoration: underline;
}

hgroup.page-title h2
{
	font-size: 150%;
	text-align: center;
}

body>header
{
	font-family: "Adobe Caslon Pro", Baskerville, 'Times New Roman', Times, serif;
	text-align: center;
}

body>header a { text-decoration: none; }
body>header a:hover { text-decoration: underline; }

/* 3. Navigation
--------------------------------------------------*/

nav#categories
{
	float: right;
	padding-right: 1em;
	font-size: 85%;
	line-height: 1.7;
}

nav#categories ul { margin-bottom: 0; }
#footerlinks li { list-style-type: none; }

#footerlinks ul
{
	padding: 0;
	margin: 0;
}

#footerlinks h2 { line-height: 1; }

.linkcat
{
	float: left;
	width: 30%;
	padding-right: 2%;
}

.linkcat-4, .linkcat-7, .linkcat-10, .linkcat-13 { clear: left; }

.linkcat li
{
	padding-bottom: 1em;
	font-size: 90%;
}

.more-link, .feedback
{
	display: block;
	font-size: 80%;
	font-style: italic;
	padding: 0.5em 1em;
}

nav.post_nav
{
	position: relative;
	height: 3em;
	font-size: 85%;
}

nav.post_nav a
{
	color: #036;
	text-decoration: none;
	padding: 0 2em;
}

nav.post_nav a:hover { text-decoration: underline; }
.previous { float: left; }
.next { float: right; }

/* 4. Microformats, Modules, and Widgets
--------------------------------------------------*/

#searchform label { display: none; }

.vcard .email
{
	unicode-bidi: bidi-override;
	direction: rtl;
}

sidebar #wp-calendar tbody td { padding: 0; }

#wp-calendar
{
	margin: 1em auto;
	width: 75%;
	height: 8em;
	text-align: center;
}

/* 5. Main content styles
--------------------------------------------------*/

.meta { font-style: italic; }

#content
{
	padding-top: 1em;
}

.post_date
{
	font-style: italic;
	font-size: 85%;
}

article
{
	margin: 0.5em 2em;
	width: auto;
}

article header
{
	margin: 0 0 0.5em;
	background-image: none;
	border: none;
	line-height: 1.2;
}

article header a
{
	text-decoration: none;
	padding: 0 0.25em;
}

article header a:hover { text-decoration: underline; }

article header h1
{
	font-size: 1.75em;
	margin: 0 0 0.3em 0;
	font-weight: bold;
	padding: 0;
}

article header p
{
	margin: 0;
	font-size: 80%;
	font-style: italic;
}

/* 6. Footers
--------------------------------------------------*/

body>footer
{
	border-top: 2px solid #663;
	padding: 1em;
	font-size: 85%;
}

footer .credit { clear: left; }

/* 7. Adjustments for media
--------------------------------------------------*/

@media screen and (min-width:641px)
{
	/* 0.5 Adjust element defaults
	--------------------------------------------------*/
	
	/* 1. body and page
	--------------------------------------------------*/
	
	html { background-image: url(images/lightParchment.jpg); }
	
	body
	{
		line-height: 1.6;
		max-width: none;
		padding: 0 2%;
	}
	
	/* 2. Generic and page headings and headers
	--------------------------------------------------*/
	
	body>header
	{
		height: 235px;
		background-image: url(images/locreationsmall.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		border-bottom: 2px solid #663;
		position: relative;
	}
	
	#page
	{
		font-style: italic;
		letter-spacing: 0.2em;
		padding: 0px 10em 15px 10em;
		margin: 0 5% 0 0;
		color: #036;
		text-align: center;
	}
	
	#page h1
	{
		margin: 0;
		padding: 1.5em 0 0 0;
		font-size: 200%;
		font-weight: normal;
	}
	
	#page h2
	{
		margin: 0;
		padding: 0;
		font-size: 150%;
		font-weight: normal;
	}
	
	/* 3. Navigation
	--------------------------------------------------*/
	
	nav#categories
	{
		line-height: 2.5;
		background-color: RGBa(204,204,188,.65);
		overflow: hidden;
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 0;
		text-align: left;
	}
	
	.ie6 nav#categories,
		.ie7 nav#categories,
		.ie8 nav#categories { background-color: #CCB; }
	
	nav#categories ul li
	{
		display: inline;
		padding: 1em;
	}
	
	nav#categories ul li a:hover { text-decoration: underline; }
	nav#categories ul li:hover { background-color: RGBa(128,128,112,.5); }
	.ie6 nav#categories ul li:hover,
		.ie7 nav#categories ul li:hover,
		.ie8 nav#categories ul li:hover { background-color: #887; }
	
	nav#categories ul li:hover a
	{
		color: #FFE;
		text-decoration: underline;
	}
	
	#footerlinks h2 { font-size: 150%; }
	.linkcat { width: 14%; }
	.linkcat-4, .linkcat-10 { clear: none; }
	
	/* 4. Microformats, Modules, and Widgets
	--------------------------------------------------*/
	
	aside
	{
		float: right;
		width: 38%;
		min-width: 14em;
		background-color: #CCB;
		-webkit-border-radius: 0 0 2em 2em;
		-moz-border-radius: 0 0 2em 2em;
		border-radius: 0 0 2em 2em !important;
	}
	
	aside #searchform fieldset
	{
		text-align: center;
		padding-right: 1em;
		margin: 0.5em auto 1em;
	}
	
	aside #searchform input { vertical-align: baseline; }
	#searchform label { display: inline; }
	
	#wp-calendar
	{
		position: absolute;
		top: 0;
		left: 2%;
		width: 9em;
		height: auto;
		font-size: 80%;
		margin: 0;
	}
	
	#wp-calendar caption
	{
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-variant: small-caps;
	}
	
	#wp-calendar caption, #wp-calendar tfoot
	{
		line-height: 1.1;
		font-size: 100%;
	}
	
	#wp-calendar td, #wp-calendar th
	{
		font-style: italic;
		font-size: 80%;
		border: none;
		padding: 2px 5px;
	}
	
	/* 5. Main content styles
	--------------------------------------------------*/
	
	.post_date
	{
		text-align: center;
		float: left;
		width: 2.6em;
		padding: 0.5em;
		margin: 0 0.5em;
		color: #FFE;
		background-color: #887;
		font-weight: bold;
	}
	
	.csstransforms .post_date
	{
		position: relative;
		height: 2.2em;
		-webkit-border-radius: 0.75em;
		-moz-border-radius: 0.75em;
		border-radius: 0.75em;
	}
	
	.csstransforms .post_date .year
	{
		display: block;
		position: absolute;
		top: 1.5em;
		left: 2em;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		font-size: 80%;
	}
	
	.csstransforms .post_date .month
	{
		font-size: 75%;
		margin: 0em;
		display: block;
		text-align: left;
		font-style: italic;
	}
	
	.csstransforms .post_date .day
	{
		display: block;
		font-size: 120%;
		text-align: left;
		margin: 0em;
		font-weight: bold;
	}
	
	/* 6. Footers
	--------------------------------------------------*/
	
	body>footer
	{
		font-size: 75%;
		background-color: #CCB;
		clear: right;
	}

	#sk2-footer
	{
		color: #036 !important;
		background-color: transparent !important;
		border: none !important;
	}
}

@media screen and (min-width:1200px)
{
	/* 0.5 Adjust element defaults
	--------------------------------------------------*/
	
	/* 1. body and page
	--------------------------------------------------*/
	
	body
	{
		line-height: 1.8;
		padding: 0 2em;
	}
	
	/* 2. Generic and page headings and headers
	--------------------------------------------------*/
	
	body>header
	{
		height: 300px;
		background-image: url(images/locreation.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		border-bottom: 2px solid #663;
		position: relative;
	}
	
	#page
	{
		padding: 0px 15em 15px 15em;
	}
	
	#page h1
	{
		font-size: 300%;
	}
	
	#page h2 { font-size: 200%; }
	
	/* 3. Navigation
	--------------------------------------------------*/
	
	nav#categories { height: auto; }
	
	#footerlinks h2 { font-size: 200%; }
	
	/* 4. Microformats, Modules, and Widgets
	--------------------------------------------------*/
	
	#wp-calendar
	{
		font-size: 100%;
	}

	#wp-calendar td, #wp-calendar th
	{
		padding: 4px 10px;
	}

	/* 5. Main content styles
	--------------------------------------------------*/
	
	/* 6. Footers
	--------------------------------------------------*/
}