/*
	Name: Violently Mild
	Date: 31/12/2009
	Description: Global Style Sheet
	Version: 1.0
	Author: Kushal Pisavadia
	Author URI: http://violentlymild.com
*/

/*
	CONTENTS ----------
		1.BODY
		2.HEADINGS
		3.LINKS
		4.PARAGRAPHS
		5.LISTS
		6.QUOTES
		7.TABLES
			7.1.THEAD
			7.2.TBODY
			7.3.TFOOT
		8.LAYOUT
			8.1.HEADER
			8.2.BODY
			8.3.FOOTER
		9.SECTIONS
*/

/* Imports */
@import url("reset.css");

/* HTML5 reset */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block}

/* League Gothic */
@font-face {
	font-family: 'League Gothic Regular';
	src: url('../type/League_Gothic.eot');
	src: local('League Gothic Regular'),
		url('../type/League_Gothic.svg#lg') format('svg'),
		url('../type/League_Gothic.otf') format('opentype');
}

/***** Global *****/
/* 1.BODY */
body {
	background: #010101 url('../images/background.gif') repeat;
	color: #888;
	font-size: 100%; /* Base font size: 14px */
	font-family: Cambria, Georgia, Times, 'Times New Roman', serif;
	margin: 0;
	padding: 0;
	text-align: left;
	text-rendering: optimizeLegibility;
}
	
/* ACCESSIBLE HEADER */
nav#nav-access {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

/* 2.HEADINGS */
h2 {font-size: 2.462em}	/* 30px */
h3 {font-size: 2.154em}	/* 28px */
h4 {font-size: 2em}		/* 26px */
h5 {font-size: 1.846em}	/* 24px */
h6 {font-size: 1.692em}	/* 22px */

h2, h3, h4, h5, h6 {
	line-height: 1.1;
	margin: 0 120px 0.8em 120px;
	font-family: 'League Gothic Regular', Frutiger, Univers, "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #A1A1A1;
}

/* 3.LINKS */
a {outline: 0}
a img {
	border: 0px;
	text-decoration: none;
}
a:link, a:visited {
	color: #f46533;
	font-weight: bold;
	text-decoration: none;
	-o-transition-duration: 600ms;
	-o-transition-property: color;
	-webkit-transition-duration: 600ms;
	-webkit-transition-property: color;
}
a:hover, a:focus {
	text-decoration: none;
	color: #0299c4;
}
a:focus {outline: 1px dotted}
a:active {color: #369}

h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {text-decoration: none;}

/**
 * Social Media Icons from Paul Robert Lloyd
 * http://paulrobertlloyd.com/2009/06/social_media_icons
 */
a[href ^="http://twitter.com/"] {
	margin-right: 1px;
	padding-right: 20px;
	background: transparent url('../images/social-icons/twitter_16.png') no-repeat right;
}
a[href ^="http://www.last.fm/"] {
	margin-right: 1px;
	padding-right: 20px;
	background: transparent url('../images/social-icons/lastfm_16.png') no-repeat right;
}

/* 4.PARAGRAPHS */
p {
	margin: 0 120px 1.5em 120px;
	line-height: 1.5;
	text-shadow: #000 1px 1px 1px;
}

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

/* CODE and PRE have font-family due to emphasis */
code, pre {
	font-family: Monaco, "Andale Mono", "Courier New", "Courier", monospace;
	color: #00947B;
}

/* 5.LISTS */
ol, ul {line-height: 1.5}
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 140px;
}
ul li {margin-bottom: 10px}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 140px;
}
ol li {margin-bottom: 10px}

dl {
	margin: 0 0 1.5em 140px;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* 6.QUOTES */
blockquote {font-style: italic}
blockquote p {
	border-left: 3px solid #555;
	padding-left: 10px;
}
cite {}
q {}
abbr, acronym {
	cursor: help;
	border-bottom: 1px dashed #D9D9D9;
}

/* 7.TABLES */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* 7.1.THEAD */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* 7.2.TBODY */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* 7.3.TFOOT */
	tfoot th {}
	tfoot td {}

/***** 8.LAYOUT *****/
	/* 8.?.BIG-BANG */
	section#big-bang {
		display: none;
		width: 650px;
		margin: 0 auto;
		position: relative;
	}
	
	/* 8.1.HEADER */
	header {
		width: 750px;
		margin: 10px auto;
		padding: 0 0 25px;
		font-family: 'League Gothic Regular', Frutiger, Univers, "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
	header h1 {
		text-align: center;
		font-weight: bold;
		font-size: 700%;
		letter-spacing: -2px;
	}
	header h1 em {
		font-weight: normal;
		font-family: 'League Gothic Regular', Cambria, Georgia, Times, 'Times New Roman', serif;
	}
	header h1 a:link, header h1 a:visited {
		color: #0299c4;
		text-decoration: none;
		-o-transition-duration: 600ms;
		-o-transition-property: color;
		-webkit-transition-duration: 600ms;
		-webkit-transition-property: color;
	}
	header h1 a:link em, header h1 a:visited em {
		color: #f46533;
		text-decoration: none;
		-o-transition-duration: 600ms;
		-o-transition-property: color;
		-webkit-transition-duration: 600ms;
		-webkit-transition-property: color;
	}
	header h1 a:hover, header h1 a:focus {
		text-decoration: none;
		color: #f46533;
	}
	header h1 a:hover em, header h1 a:focus em {
		text-decoration: none;
		color: #0299c4;
	}
	header h1 a:active {color: #916836}
	header h1 a:active em {color: #369}
	
	header nav {
		margin: 15px 0 25px 120px;
		clear: both;
		font-family: Frutiger, Univers, "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
	header nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	header nav ul li {
		float: left;
		margin-right: 10px;
		padding-right: 10px;
		border-right: 1px solid #333;
	}
	header nav ul li:last-child {border: none}
	header nav ul li a.rss {
		padding-right: 23px;
		background: transparent url('../images/social-icons/rss_16.png') no-repeat right;
	}

	/* 8.2.BODY */
	section#content {
		width: 750px;
		margin: 0 auto;
	}
	
	section#content article p.meta {
		font-size: 0.813em; /* 13px */
		font-family: Verdana, Arial, sans-serif;
		color: #666;
		text-shadow: none;
	}
	section#content article p.meta a:link, 
	section#content article p.meta a:visited {
		font-weight: normal;
		color: #999;
		-o-transition-duration: 600ms;
		-o-transition-property: color;
		-webkit-transition-duration: 600ms;
		-webkit-transition-property: color;
	}
	section#content article p.meta a:hover, 
	section#content article p.meta a:focus {
		color: #D9D9D9;
	}
	
	section#content ul#archive {
		list-style: none;
		margin: 1em 0 1.5em 120px;
	}
	section#content ul#archive li {margin-bottom: 15px}
	
	section#content ol.commentlist {
		margin: 1em 0 1.5em 120px;
		list-style: none;
	}
	section#content ol.commentlist li {margin-bottom: 10px;}
	section#content ol.commentlist li p {
		margin-left: 0;
		margin-right: 0;
	}
	section#content ol.commentlist li img.avatar {
		float: right;
		border: 2px solid #333;
	}
	section#content ol.commentlist li div.comment-meta {
		margin: 10px 0;
		font-family: Verdana, Arial, sans-serif;
		font-size: 0.846em;
		color: #666;
	}
	
	section#respond form {margin-left: 120px}
	section#respond form p {margin-left: 0}
	section#respond form ul {
		margin-left: 0;
		list-style: none;
	}
	section#respond form ul li label span {
		font-style: italic;
		font-size: 0.846em;
	}
	section#respond form textarea {margin-bottom: 35px}
	section#respond form input#submit {margin-left: -436px}

	/* 8.3.FOOTER */
	footer {
		width: 750px;
		margin: 25px auto 0;
		padding: 25px 0;
		border-top: 1px solid #333;
	}
	footer p {margin-bottom: 0.5em}
	
/***** 9.SECTIONS *****/
	
	/*	Images and Captions */
	.pic p, .caption {
		font-size: 85%;
		line-height: 145%;
		font-family: Verdana, Arial, sans-serif;
		color: #666;
		margin: 4px 0 17px;
		}
	
	/* Placement */
	.left {
		float: left;
		margin-right: 20px;
	}
	.right {
		float: right;
		margin-left: 20px;
		margin-right: 110px;
	}
	.right.inset {margin: 0 120px 0 20px} /* img floated right within text */
	.left.inset {margin-left: 20px} /* img floated left within text */
	
	/* Size */
	.one {width: 100px}
	.two {width: 210px}
	.three {width: 320px}
	.four {width: 430px}
	.five {width: 540px}
	.six {width: 650px}
	
	/* Additions */
	.frame {border: 1px solid #999}
	.solo {margin-bottom: 20px}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	section#respond form input#submit {margin-left: -440px}
}