/**
  Theme Name: Jennifer Burke
  Theme URI: http://www.jenniferburke.ie
  Version: 1.0
  Author: Kevin Comiskey
  Author URI: http://www.kevincomiskey.ie
  Tags: Jennifer Burke, Author
  Licence: All Rights Reserved
  Description: A custom WorkPress theme created for Jennifer Burke

  The CSS that follows is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'
  
  colors:
	text,elements,outlines: #515151
	Error: #C30
	Light Background: #FFECCA
*/

/* Reset */
	*,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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
		display: block;
	}
	body{
		line-height: 1;
	}
	ol,ul{
		list-style: none;
	}
	blockquote,q {
		quotes: none;
	}
	blockquote:before,blockquote:after,q:before,q:after{
		content: '';
		content: none;
	}
	
/* Fonts */
	@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400);
	
/* Links & type */
	body{
		font-family: "Droid Serif", 'Georgia', serif;
		color: #515151;
	}
	a{
		color: #000;
	}
		a:hover{
			text-decoration: none;
		}
	abbr, acronym{
		cursor: pointer;
		border-bottom: 1px dashed #515151;
	}
	address{
		font-weight: bold;
	}
	b,strong{
		font-weight: bold;
	}	
	big{
		font-size: 1.2rem;
	}
	blockquote{
		font-size: 1.2rem;
		margin: 0.4rem 1.2rem;
	}
	blockquote,cite,dfn,em,i,var{
		font-style: italic;
	}
	code,kbd,samp,tt{
	}
	del,s,strike{
		text-decoration: line-through;
	}
	dl {
		border: 1px solid #515151;
		padding: 0.5rem;
		margin: 0.6rem 0;
	  }
		dt {
			float: left;
			clear: left;
			width: 30%;
			font-weight: bold;
		}
		dd {
			margin-left: 32%;
			padding-bottom: 0.5rem;
		}
	fieldset{
		border: 1px solid #515151;
		margin: 0.6rem 0;
		padding: 0.6rem;
		line-height: 1.2rem;
	}
	h1,h2,h3,h4,h5,h6{
		font-weight: bold;
		text-align: center;
		padding: 0.2rem 0;
	}
		h1{
			font-size: 1.8rem;
			padding: 0.8rem 0;
			text-transform:capitalize;
		}
		h2{
			font-size: 1.6rem;
			padding: 0.8rem 0;
			text-transform:capitalize;
		}
		h3{
			font-size: 1.4rem;
			padding: 0.4rem 0;
			text-transform:capitalize;
		}
		h4{
			font-size: 1.2rem;
		}
	hr{
		border: 1px solid #515151;
		width: 90%;
		margin: 0.6rem auto;
	}
	input[type=text],input[type=search],input[type=email],input[type=url],input[type=password],select,textarea,input[type=button],input[type=submit],button{
		border: 1px solid #515151;
		margin-bottom: 0.3rem;
		padding: 0.2rem;
		color: #000;
		
		width: 13rem;
		-ms-box-sizing:content-box;
		-moz-box-sizing:content-box;
		box-sizing:content-box;
		-webkit-box-sizing:content-box;
	}
	textarea{
		overflow: auto;
	}
	input[type="checkbox"]{
		margin: 3px 8px 3px 3px;
	}
	input[type=button],input[type=submit],button{
		color: #fff;
		font-weight: bold;
		background-color: #515151;
	}
		input[type=button]:hover,input[type=submit]:hover,button:hover{
			cursor: pointer;
			background-color: #fff;
			color: #515151;
		}
	input:required{
		box-shadow: none;
	}
	input:invalid{
		border: 1px solid #C30;
		box-shadow: none;
	}
	::-webkit-input-placeholder { color:#333; }
	::-moz-placeholder { color:#333; } /* firefox 19+ */
	:-ms-input-placeholder { color:#333; } /* ie */
	input:-moz-placeholder { color:#333; }
	ins,u{
		text-decoration: underline;
	}
	legend{
		padding: 0 0.6rem;
		font-weight: bold;
		font-size: 1.2rem;
	}
	label{
		display: inline-block;
		
	}
	ol,ul{
		margin: 0.8rem 0;
	}
		ul{
			list-style-type:square;
		}
		ul ul{
			list-style-type:disc;
			margin: 0;
		}
		ul ul ul{
			list-style-type: circle;
		}
		ol{
			list-style-type:decimal;
		}
		ol ol{
			list-style-type: lower-latin;
			margin: 0;
		}
		ol ol ol{
			list-style-type: lower-roman;
		}
	li{
		margin-left: 1.4rem;
		line-height: 1.2rem;
	}
	p{
		margin: 0.8rem 0;
		line-height: 1.2rem;
	}
		/*p img{
			margin: 0.4rem;
			float: left;
		}*/
	q:before, q:after{
		content: '"';
	}
	small{
		font-size: 0.8rem;
	}
	sub,sup{
		font-size: 80%;
	}
		sub{
			vertical-align: sub;
		}
		sup{
			vertical-align: super;
		}
	table{
		line-height: 1.2rem;
		border-spacing: 1px;
		background: #515151;
	}
		table caption{
			font-weight: bold;
			margin-bottom: 0.2rem;
		}
		td, th{
			background: #fff;
			padding: 0.1rem;
			vertical-align: top;
		}
		td{
			padding-top: 0.2rem;
			background: #fff url('./images/pagebg.jpg') repeat 0 0;
		}
		th{
			text-align: center;
			color: #fff;
			background: #515151;
			font-size: 1.2rem;
			padding: 0.3rem;
		}

/* Layout */
	@-ms-viewport, @-o-viewport, @viewport{
		width: device-width;
		zoom: 1;
	}
	html{
		height: 100%;
		background-color: #FFF6E4;
		overflow-y: scroll;
	}
	body{
		height: 100%;
	}	
	div#page{
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin-bottom: -2rem;
		width: 960px;	
		margin-left: auto;
		margin-right: auto;
	}
	div#push{
		height: 2rem;
	}
	div#footer{
		padding: 0.8rem 1rem 0;
		text-align: right;
		font-size: 0.8rem;
	}
	div#header{
		width: 960px;
		background: #515151;
		display: inline-block;
	}
	div#banner{
		width: 916px;
		height: 120px;
		margin: 1.2rem auto 0.8rem;
		background: #E8F4F6 url('./images/bannerfade.gif') repeat-x 0 0;
		position: relative;
	}
		#banner_desc{
			float: left;
			font-size: 1.2rem;
			margin-top: 1.6rem;
			margin-left: 5.8rem;
			text-align: center;
		}
			#banner_desc a{
				font-weight: bold;
				font-size: 1.8rem;
				color: #515151;
				text-decoration: none;
			}
		div#banner img{
			float: right;
		}
	#header ul{
		width: 876px;
		margin: 0 auto;
		/*padding: 0 20px;*/
		margin-bottom: 0.4rem;
	}
		#header ul:after{
			display: inline-block;
			content: '';
			width: 100%;
		}
		#header ul li{
			display: inline-block;
			*display: inline; /* IE 7 */
			*zoom: 1; /* IE 7 */
			margin-left: 0;
		}
		#header ul a{
			text-decoration: none;
			font-weight: bold;
			font-size: 1.2rem;
			color: #fff;
		}
		#header li.current-menu-item a, #header ul a:hover, .single-post #header li.menu-item-28 a, .page-id-17 #header li.menu-item-94 a, .page-id-19 #header li.menu-item-94 a{ /* highlight 'news' on single page, highlight 'novels' on tss and levi's gift */
			text-decoration: underline;
		}
	ul#menu-header-menu{
		text-align: justify;
	}
	ul#menu-novel-menu{
		text-align: center;
	}
	ul#menu-novel-menu li{
		padding: 0 3rem;
	}
	#main_inner{
		background: #fff url('./images/pagebg.jpg') repeat 0 0;
		margin-bottom: 0.8rem; /* space pre footer */
		padding: 1.2rem;
	}
	#tm{
		height: 10px;
	}
	#spage{
		-moz-box-shadow: #515151 2px 2px 5px 2px;
		-webkit-box-shadow: #515151 2px 2px 5px 2px;
		box-shadow: #515151 2px 2px 5px 2px;
		behavior: url('PIE.htc'); /* for IE */
	}
/* Modules */
	#main_inner hr{
		clear: both;
		border: 0px solid #fff;
	}
	#main_inner img{
		padding: 3px;
		border: 2px solid #515151;
	}
		#main_inner div.img_left, #main_inner div.img_right{
			display: inline-block;
			margin-bottom: 1rem;
		}
		#main_inner div.img_left p, #main_inner div.img_right p{
			margin: 0;
		}
		#main_inner div.img_left{
			float: left;
			margin-right: 2rem;
		}
		#main_inner div.img_right{
			float: right;
			margin-left: 2rem;
		}
		#main_inner div.img_left div, #main_inner div.img_right div{
			text-align: center;
			font-size: 80%;
		}
	#main_inner .postTitle { /* h1 \ h2*/
		font-size: 1.4rem;
	}
	#main_inner a.post-edit-link{
		color: red;
		font-weight: bold;
		font-size: 1.2rem;
	}
	div#blocks{
		border: 2px solid #515151;
		margin-top: 0.8rem;
		text-align: center;
		padding: 0.8rem;
	}
		#blocks ul{
			list-style-type: none;
		}
		div#maillist{
			width: 28%;
			float: left;
		}
			div#maillist input,div#maillist button{
				width: 10rem;
				margin: 0.5rem 1rem;
			}
			.page-id-21 div#maillist{ /* Contact page */
				width: 100%;
			}
		div#news{
			width: 70%;
			float: left;
		}
			div#news li{
				font-size: 0.7rem;
				padding-bottom: 0.5rem;
			}
				div#news li a{
					font-size: 1.1rem;
				}
		div#maillist .error{
			background-color: #fff;
			color: #c30;
			font-size: 80%;
		}
	div#contact{
		margin: 0 auto;
		width: 26rem;
	}
		div#contact label{
			width: 10rem;
			height: 1.2rem;
		}
		div#contact input[type=text],div#contact input[type=email]{
			width: 13rem;
		}
		div#contact textarea{
			width: 23.2rem;
			height: 8rem;
		}
		
	p.success{
		text-align: center;
	}
	table#social_media{
		width: 16rem;
		margin: 0 auto;
		border-spacing: 0;
	}
		table#social_media td{
			text-align: center;
		}
		div.fb-like{
			width: 200px !important;
		}
	#blog_inner{
		float: left;
		width: 725px;
	}
		#blog_inner li.postWrapper{
			margin-left: 0;
		}
		#blog_inner div.post_author_date {
			margin-bottom: 1rem;
			text-align: center;
		}
	#blog_inner div.news_more{
		text-align: right;
	}
	#blog_sidebar{
		float: right;
		width: 190px;
	}
		#blog_sidebar h3{ /* not used? */
			margin-top: 10px;
		}
		#blog_sidebar ul{
			list-style: none;
		}
		#blog_sidebar li.widget{
			margin-bottom: 0.8rem;
			font-weight: bold;
			text-align: center;
		}
			#blog_sidebar li.widget li, #blog_sidebar div.textwidget{
				margin-bottom: 0;
				font-weight: normal;
				text-align: left;
			}
			#blog_sidebar div.textwidget{
				text-align: center;
			}
			#blog_sidebar label.screen-reader-text{
				display: none;
			}
			#blog_sidebar input[type=text]{
				width: 8rem;
			}
			#blog_sidebar input[type=submit]{
				width: auto;
			}
		li.widget li{
			list-style-type: square;
		}
/* Form Elements */
	.ckeditor {
		background-color: #fff;
		padding: 5px;
		color: #000;
		font-size: 12px;
	}
	div.error, li.error, ul.error {
		background-color: #c30;
		color: #fff;
		padding: 2px 5px;
	}
	span.error_highlight input, span.error_highlight textarea, span.error_highlight select {
		border: 2px solid #c30;
	}
	
/* Responsive Elements */	

/*
	Issues:
		- blog
		- images stretching?
*/

@media (max-width:960px){
	h2{
		font-size: 1.4rem;
	}
	
	h3{
		font-size: 1.2rem;
	}
	div#page{
		margin-bottom: 0;
	}
	div#push{
		height: 0;
	}
	div#footer{
		padding: 0;
		font-size: 0.8rem;
	}
	div#header{
		width: 94%;
		padding: 3%;
		padding-bottom: 0;
	}
	div#page{
		width: 100%;
		margin: 0;
	}
	div#banner{
		width: auto;
		margin: 0;
		margin-bottom: 2%;
		position: relative;
		z-index: 1;
	}
		#banner_desc{
			margin-left: 3%;
			width: 65%;
		}
		div#banner img{
			position: absolute;
			right: 0;
			top: 0;
			z-index: 0;
		}
	#header ul{
		width: 100%;
		padding: 0;
	}
		#header ul:after{
			height: 1px;
			overflow: hidden;
		}
		#header ul li{
			padding: 4px;
		}
	#main_inner{
		margin-bottom: -1rem;
		padding-bottom: 1.8rem;
	}
		#main_inner img{
			max-width: 100%;
			height: auto;
		}
	#tm{
		display: none;
	}
	#spage{
		margin-top: 0;
		
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ie-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	div#maillist, div#news{
		width: 100%;
	}
	.contact_page #main_inner div.img_right{
		float: none;
		clear: both;
		display: block;
		text-align: center;
		margin: 0;
	}
	
	#blog_inner{
		float: none;
		width: 100%;
	}
	#blog_sidebar{
		float: none;
		margin: 0 auto;
	}
	
	@media (max-width:500px){
		#main_inner div.img_left, #main_inner div.img_right{
			float: none;
			clear: both;
			display: block;
			text-align: center;
			margin: 0;
		}
	}
	
	@media (max-width:26rem){
		div#contact{
			width: 100%;
			padding: 0.2rem;
		}
			div#contact label{
				padding: 0.3rem 0;
			}
			div#contact textarea{
				width: 95%;
				margin: 0 auto;
				
			}
	}
}

/* Misc */
.hide{
	display: none;
}
.float_right{
	float: right;
}
.float_left{
	float: left;
}
.clear{
	clear: both;
}
.required{
	color: #C30;
}
.t_center{
	display: block;
	text-align: center;
}
.t_right{
	display: block;
	text-align: right;
}
/*
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.hidden {
	display: none;
}
.txt_hidden {
	text-indent: -1000px; overflow: hidden;
}
.txt_center{
	text-align: center;
}
.pointer:hover{
	cursor: pointer;
}
.margin_center{
	display: block;
	margin: 0 auto;
}
.width_100{
	width: 100%;
}

*/


	
	

  /**
    Nav and Subnav
    Split these out if you want the two levels to look different
  */
  #nav,
  #subNav {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #subNav {
    margin-top: 10px;
  }
    #nav li,
    #subNav li {
      display: inline;
      padding: 0 10px 0 0;
    }
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      text-decoration: none;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        text-decoration: underline;
      }

/**      main content     */


ol#posts {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#posts small{
		margin-top: -0.6rem;
	}


  #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;
    }


  /** 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;
  }

#comment {
  width: 500px;
}

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





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

/* theme requirements as per http://codex.wordpress.org/CSS */
.aligncenter, div.aligncenter, img.aligncenter{
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   margin-bottom: 1rem;
   margin-right: 2rem;
}
.alignright {
   float: right;
   margin-bottom: 1rem;
   margin-left: 2rem;
}