/*
wide.css
'Wide' style for the Tarski theme - http://tarskitheme.com/
Designed by Julie Kubal, http://juliekubal.com/
*/


/* Main structure
----------------------------------------------- */
body.wide { min-width: 960px; background: #80c8d4; }
body.wide { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size: 0.75em; letter-spacing: 0.05em; }
body.wide #wrapper { width: 960px; background: white; }


/* Header
----------------------------------------------- */
body.wide 
#header-image { text-align: center }
	#header-image a { text-decoration: none; border: none; }
	#header-image a img { border: none; }
#title { margin: 20px 0 -20px; border-bottom: 1px solid #ccc; }
#navigation { margin: 20px 0 0 0; border-bottom: 1px solid #ccc; }

/* Positioning
----------------------------------------------- */
body.wide .primary { width: 700px; float: right; }
	body.janus .primary { float: left; }
body.wide .primary-span { padding-left: 220px; clear: both; }
	body.janus .primary-span { padding-left: 0; padding-right: 220px; }

body.wide .secondary { width: 200px; float: left; }
	body.janus .secondary { float: right; }
body.wide .secondary-span { padding-left: 700px; clear: both; }
	body.janus .secondary-span { padding-right: 700px; }

body.wide { text-align: left; }
body.centre { text-align: center; }
body.wide #wrapper { margin: 0 auto 0 0; }
body.centre #wrapper { margin: 0 auto; }

/* Navigation
----------------------------------------------- */
body.wide #wrapper .nav-current:link, body.wide #wrapper .nav-current:visited, body.wide #wrapper .nav-current:active { color: #80c8d4; }
body.wide #wrapper .nav-current:hover { color: #D3572B; }


/* Content
----------------------------------------------- */
	
		/* Headers
		--------------------------------------- */
		body.wide #blog-title { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
		body.wide #tagline { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
		body.wide h1, body .entry .title { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size: 1.6em; font-weight: normal; text-transform: uppercase;}
		body.wide h2 { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
		body.wide h3 { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size: 0.8em; font-weight: bold; color: #2c7884; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 0.8em 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 0.4em 0; }		
		body.wide h4 { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }

		
		/* Images
		--------------------------------------- */
		body.wide a img { border: 1px solid #2c7884; margin: 2px; padding: 1px; }
		body.wide a:hover img, body.wide .comment a:hover .avatar { border: 1px solid #D3572B; }
		

		/* Post content
		--------------------------------------- */
		body.wide .pagination { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }

/* Forms
----------------------------------------------- */
body.wide input, select, textarea { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
/* Comment form
--------------------------------------- */
body.wide #author, body.wide #email, body.wide #url { width: 194px; }
body.wide #comment-input textarea { width: 694px; } 

/* Links
----------------------------------------------- */
a { text-decoration: none; }
a:link, a:visited, a:active { color: #2c7884; }
a:hover { color: #D3572B; }