/**
  Theme Name: Naked
  Theme URI: http://www.siftware.co.uk/wordpress-naked
  Version: 1.1
  Author: Siftware
  Author URI: http://www.siftware.co.uk
  Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blank-slate
  Licence: GPL
  
  Description: A theme created with developers in mind which should enable rapid WP reskinning. The CSS is minimal but consistent cross-browser, there are a couple of SEO tweaks and the page navigation works sensibly but can modified easily.

  The CSS that follows is what I feel is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'
*/




/***********************************************************************************  reset */
/* css reset modified from aardvark reset (http://aardvark.fecklessmind.com/) */
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, font, 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, header, nav, section, article, aside, footer
{border:0;margin:0;outline:0;padding:0;background:transparent;vertical-align:baseline;}

a, a:link, a:visited, a:hover {text-decoration: none;}

ul, ol {list-style: none;}

blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}

header, nav, section, article, aside, footer {display:block;}





/***********************************************************************************  general */
html {
	overflow-y: scroll;
	}

body {
	text-align: center;
	margin:0;
	/* background: url(/press/wp-content/themes/ink/images/texture.jpg) top left repeat #EFEFEF; */
	background-color: #fff;
	}

#canvas {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}





/***********************************************************************************  header */
#header {
	margin: 50px 0 55px 0;
	width:950px;
	height:300px;
	background: url(/press/wp-content/themes/ink/images/header.png) no-repeat bottom left;
	}

	#header h1,
	#header h4 { /** the heading and tagline are h1 on homepage and h4 on internal */
		font-size: 30px;
		margin: 0;
		padding: 10px 0 10px 0;
		}
	
	#header #navbar {
		display: block;
		text-align: right;
		position: absolute;
		top:0;
		right:0;
		}

	#navbar li {
		border-right:3px solid #C6EA78;
		display: block;
		padding: 10px 3px 0 30px;
		float:right;
		width:100px;
		font-size:11px;
		font-family: Baskerville, Garamond, Times, Times New Roman, serif;
		text-transform: uppercase;
		color:#999;
		letter-spacing: 3px;
		}
	
	#statement {
		position: absolute;
		top:50px;
		right:-30px;
		width:320px;
		height:250px;
		background: url(/press/wp-content/themes/ink/images/statement.png) no-repeat top right;
		}
	
	
	



/***********************************************************************************  main content */

#primaryContent {
	width: 550px;
	float: left;
	padding: 0 20px 0 0;
	margin: 0 0 0 30px; /*30px margin because header is 30px wider (930 vs. 900px)*/
	}
	
	#primaryContent a {
		color:#222;
		border-bottom:1px dotted #EF8007;
		}
	
	#primaryContent a:hover {
		border-bottom:1px dotted #EF8007;
		}

	#primaryContent h1 {
		padding: 0;
		margin: 10px 0 0 0;
		}

	#primaryContent h2 {
		padding: 0;
		margin: 10px 0 0 0;
		}
  
	#primaryContent .category {
		font-size: 15px;
		line-height:15px;
		font-family: Baskerville, Garamond, Times, Times New Roman, serif;
		font-weight: normal;
		text-transform: lowercase;
		font-variant: small-caps;
		letter-spacing: 1px;
		color: #999;
		}
	
	#primaryContent .category a {
		color: #777;
		border-bottom: 1px dotted #bbb;
		}
	
	#primaryContent .category a:hover {
		color: #444;
		border-bottom: 1px dotted #C6EA78;
		}
	
	#primaryContent h1.postTitle,
	#primaryContent h2.postTitle {/* titles are h2 on homepage and h1 for internal */
		font-size: 30px;
		line-height:30px;
		font-family: Baskerville, Garamond, Times, Times New Roman, serif;
		font-weight: normal;
		color: #EF8007;
		margin:5px 0 14px 0;
		padding:0;
  		}
  
	#primaryContent h1.postTitle a,
	#primaryContent h2.postTitle a {
		color: #EF8007;
		background-color: transparent;
		border:none;
		}
	
	#primaryContent h1.postTitle a:hover,
	#primaryContent h2.postTitle a:hover {
		text-decoration: underline;
		}

	#primaryContent h3 {
		padding: 0;
		margin: 10px 0 0 0;
  		}

    li.postWrapper,
    div.postWrapper {
    	background-color: #EDF2F9;
    	border-top:1px solid #ddd;
    	padding:3px 10px 25px 10px;
    	margin:0 0 40px 0;
    	font-family:Georgia, Times, Times New Roman, serif;
    	font-size:12px;
    	line-height:20px;
    	color:#444;
    	position: relative;
    	}

		li.postWrapper p,
    	div.postWrapper p {
    		margin-bottom:7px;
    	}
    	
    	li.postWrapper img.alignleft,
    	div.postWrapper img.alignleft {
    		padding:3px;
    		margin: 0 10px 3px 0;
    		border: 1px solid #ddd;
    		}
    	
    	blockquote {
    		margin:12px 100px 12px 10px;
    		padding-left:8px;
    		color:#666;
    		font-size:11px;
    		}
    
	    .postMeta {
	    	font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size:10px;
			line-height:14px;
			color:#777;
			display: block;
			border-top:1px solid #e7e7e7;
			padding:5px 10px;
			background-color: #efefef;
			position: absolute;
			text-align: right;
			bottom:0;
			left:0;
			right:0;
	    	}
	    	
	    	.postMeta a {
	    		color: #444 !important;
	    		border-bottom: none !important;
	    		}
	    		
	    	.postMeta a:hover {
	    		color: #666 !important;
	    		border: none !important;
	    		background-color: #C6EA78;
	    		}
	    	
	    	.postMeta strong {
	    		font-weight: normal;
	    		font-style: italic;
	    		}
	    	
	    	.postMeta em {
	    		color:#ccc;
	    		font-style: normal;
	    		}

	#pagination {
		list-style: none;
		margin: 0px;
		padding: 0px;
		}
		
	#pagination li {
		display: inlne;
		}
    
	#pagination .previous {
		text-align: left;
		float: left;
		}
		
	#pagination .future {
		text-align: right;
		float: right;
    	}
    
    
    
    
/***********************************************************************************  archives */
#fullContent {
	width: 900px;
	padding: 0 20px 0 0;
	margin: 0 0 0 30px; /*30px margin because header is 30px wider (930 vs. 900px)*/
}

	#fullContent a {
		color:#222;
		border-bottom:1px dotted #EF8007;
		}
	
	#fullContent a:hover {
		border-bottom:1px dotted #EF8007;
		}
	
	#fullContent h1.postTitle {
		font-size: 30px;
		line-height:30px;
		font-family: Baskerville, Garamond, Times, Times New Roman, serif;
		font-weight: normal;
		color: #EF8007;
		margin:5px 0 14px 0;
		padding:0;
  		}
    
    div.archiveWrapper {
    	background-color: transparent;
    	padding:3px 10px 25px 10px;
    	margin:0 0 40px 0;
    	font-family:Georgia, Times, Times New Roman, serif;
    	font-size:12px;
    	line-height:20px;
    	color:#444;
    	position: relative;
    	}
    
    #smart-archives-block {
    	margin: 0 0 30px 0;
    	font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:10px;
		line-height:14px;
    	}
    
    #smart-archives-list {
    	font-size: 150%;
    	line-height: 175%;
    	}
		
		#smart-archives-list h2 {
	    	font-family: Verdana, Helvetica, Arial, sans-serif;
	    	font-weight: normal;
			font-size:14px;
			line-height:20px;
	    	}
	    
	    #smart-archives-list h2 a {
	    	color:#888;
	    	border:none;
	    	}







/***********************************************************************************  sidebar */
#secondaryContent {
	width: 300px;
	float: left;
	margin: 0 0 0 25px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#777;
	}

	#secondaryContent h3 {
		padding: 0;
		margin: 10px 0 0 0;
		}
		
	#secondaryContent a {
		color: #666;
		}
		
	#secondaryContent a:hover {
		color: #C6EA78;
		}
	
	#infobox {
		margin-top:20px
		}
	
	.sidebarbreak {
		display: block;
		border-top:1px solid #ddd;
		height:2px;
		margin:25px 0;
		clear:both;
		}
	
	.sectionheader {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		color:#aaa;
		letter-spacing: 1px;
		font-size: 11px;
		line-height:30px;
		}
	
	.navlist {
		width: 125px;
		float:left;
		display: block;
		}
		
		.navlist.marginleft {
			margin:0 0 0 40px;
			}
		
		.navlist ul, .navlist li {
			list-style: none;
			}
		
		.navlist li {
			display:block;
			border-bottom: 1px solid #C6EA78;
			}
			
	#search {
		text-align: center;
		}
	
		#search #s {
			width:200px;
			height:20px;
			border: none;
			background-color: #eee;
			}
		
		#search #submit {
			height:20px;
			width:50px;
			background-color:#fff;
			color:#999;
			border: none;
			}
		
		
		


  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
	.widget_tag_cloud a {
		padding-left: 5px;
		}






/***********************************************************************************  other */
#comment {
	width: 500px;
	}

#footer {
	clear: both;
	font-size: 80%;
	}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
	position: absolute;
	left: -9999px;
	}

/* theme requirements as per http://codex.wordpress.org/CSS */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}

/* other things */
.clear {
	clear:both;
	height:2px;}