/*
Theme Name: Publication
Theme URI: http://valendesigns.com
Description: Custom WordPress Theme
Version: 1.0
Author: Derek Herman
Author URI: http://valendesigns.com
*/

/* Resets */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	color: #282828;
	background: #5b5b5b url(images/header.png) repeat-x;
	font: 20px/27px Georgia, "Times New Roman", Times, serif;
}
html {
	overflow-y: scroll;
}
ol, ul {
	list-style: none;
}
p {
	padding-bottom: 27px;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
big {
  font-size: larger;
}
small {
  font-size: smaller;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.block {
	display: block;
}
strong {
	font-weight: bold;
	color: #000;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* Code Style */
.post code {
	white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  background:#f4f4f4 url(images/pre_bg.gif) repeat scroll left top;
  border:1px solid #d0d0d0;
  color:#000000;
  display:block;
  font-family:"Courier New",Courier,monospace;
  font-size:13px;
  line-height:18px;
  margin-bottom:40px;
  overflow:auto;
  padding:18px 10px 17px;
}
/* Link Styles */
a:link, a:visited {
	color: #208bab;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #208bab;
	text-decoration: none;
}
h1 a:link, h1 a:visited {
	color: #000;
	text-decoration: none;
}
h1 a:hover {
	color: #282828;
	text-decoration: none;
}
h1 a:active {
	color: #000;
	text-decoration: none;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	padding-bottom: 20px;
	letter-spacing: -1px;
	line-height: 1em;
}
.archive_heading {
  font-family: Impact, Helvetica, sans-serif;
  padding-bottom: 10px;
  letter-spacing: 0px;
}
h1 {
  font-family: Impact, Helvetica, sans-serif;
	font-size: 58px;
	line-height: 60px;
	letter-spacing: 0px;
}
h2 {
	font-size: 38px;
}
h3 {
	font-size: 32px;
}
h4 {
  font-size: 28px;
}
h5 {
  font-size: 24px;
}
h6 {
  font-size: 20px;
}
/* Wraps */
#header_wrap {
	position: relative;
	padding: 0 10px;
	min-width: 1000px;
	height: 52px;
	background: #424242;
	border-bottom: 1px solid #25201d;
}
#content_wrap {
	position: relative;
	min-width: 1000px;
	padding: 0 10px;
	padding-top: 15px;
	background: #efede7;
}
#footer_wrap {
	position: relative;
	min-width: 1000px;
	padding: 0 10px;
	background: url(images/footer.png) repeat-x 0 0;
}
/* Header */
#header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 52px;
}
  #header .header_gradient {
    position: absolute;
    left: -60px;
    top: 0px;
  }
  #header #bloginfo_wrap {
		position: absolute;
		top: 15px;
		left: -6px;
		z-index: 99;
	}
  	#header .logo_wrap {
  		float: left;
  		border: 1px solid #166884;
  		height: 53px;
  	}
    	#header .logo {
    		border: 1px solid #2aaec4;
    		background: #208bab url(images/logo_background.jpg) repeat-x 0 50%;
    		display: block;
    		height: 51px;
    		line-height: 51px;
    		padding: 0 15px;
    		text-transform: uppercase;
    		font-family: Impact, Helvetica;
    		font-weight: bold;
    		font-size: 30px;
    		color: #fff;
    	}
    	#header .desc {
        float: left;
    		padding: 6px 0 0 12px;
    		font-size: 11px;
    		color: #999898;
    		text-transform: uppercase;
    	}
	#header .navigation {
		position: absolute;
		right: 0px;
		bottom: -1px;
	}
  .navigation > li {
		float: left;
	}
	.navigation > li a {
		display: block;
		background: #5a5a5a;
		padding: 1px 16px;
		padding-bottom: 2px;
		color: #fff;
		text-transform: uppercase;
		margin-left: 1px;
		font-size: 12px;
	}
	.navigation li a:hover, 
	.navigation li.current_page_item a {
		background: #efede7;
		color: #767676;
	}
/* Breadcrumb */
#breadcrumb {
	margin-bottom: 5px;
	font-size: 14px;
	text-transform: uppercase;
	color: #a6a6a6;
	width: 100%;
}
	#breadcrumb li {
		display: inline;
	}
	#breadcrumb a {
		color: #208bab;
	}
	#breadcrumb a:hover {
		color: #000;
	}
	#breadcrumb p {
		padding-bottom: 0px;
	}
/* Content */
#content {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
}
	#page {
		width: 661px;
		float: left;
	}
		.archives {
		
		}
		  .archives a {
		    color: #838383;
		  }	
		  .archives a:hover {
		    color: #000;
		  }
			.archives ul {
				padding-bottom: 50px;
			}
			.archives ul ul {
				padding-bottom: 0px;
				display: inline;
			}
			.archives ul.dates li {
				display: block;
			}
			.archives li {
				display: inline;
			}
			.archives ul.dates li a {
				display: block;
				background: none;
			}
			.archives li a {
				padding-right: 5px;
				margin-right: 0px;
			}
		.post {
		  padding-bottom: 80px;
		}
		#single .post {
		  padding-bottom: 20px;
		}
			.post ul {
				padding-bottom: 20px;
			}
			.post ul ul {
				padding-bottom: 0px;
				margin-bottom: -10px;
			}
			.post ul li {
				padding-left: 40px;
				padding-bottom: 20px;
				background: url(images/left_arrow_li.gif) no-repeat 8px 6px;
			}
			.post ul li li {
				padding: 10px 0 10px 40px;
				background: url(images/sub_arrow.gif) no-repeat 15px 16px;
			}
			.post ol {
				padding-bottom: 20px;
				margin-left: 32px;
			}
			.post ol ol {
				padding-bottom: 0px;
				margin-bottom: -10px;
			}
			.post ol li {
				padding-left: 8px;
				padding-bottom: 20px;
				list-style: decimal;
			}
			.post ol li li { 
			  padding: 10px 0 10px 8px;
				list-style: lower-alpha;
			}
			.post ol li li li { 
				list-style: lower-roman;
			}
			.post dl { 
			  padding-bottom: 20px;
			}
			.post dt {
			  font-weight: bold;
			  padding-left: 40px;
			  background: url(images/dl.gif) no-repeat 8px 6px;
			}
			.post dd {
		    padding-left: 40px;
        padding-bottom: 20px;
			}
			blockquote {
				position: relative;
				padding: 20px 30px;
				background: #f4f4f4;
				margin-bottom: 40px;
				border: 1px solid #d0d0d0;
				font-style: italic;
				color: #282828;
				font-size: 17px;
			}
			blockquote p {
				padding-bottom: 0px;
			}
			blockquote div {
				position: absolute;
				right: 0px;
				bottom: -31px;
				height: 31px;
				line-height: 31px;
				background: url(images/quote_bubble.gif) no-repeat 0 0;
				padding-left: 40px;
				padding-right: 10px;
				font-size: 11px;
				text-transform: uppercase;
				font-style: normal;
			}
			.separator {
			  margin-top:20px;
			  margin-bottom:20px;
			  border-top:1px solid #d5d5d5;
			}
			.pullquote {
				padding: 0px;
				margin: 0px;
				border: none;
				float: right;
				width: 330px;
				font-size: 30px;
				line-height: 35px;
				color: #000;
				padding-left: 50px;
				background: url(images/left_quote.gif) no-repeat 10px 0;
			}
			.pullquote p {
				padding-right: 30px;
				padding-bottom: 20px;
				background: url(images/right_quote.gif) no-repeat 100% 90%;
			}
			.more-link {
			 display: block;
			 padding-top: 20px;
			}
			.post_meta {
				background: url(images/post_break.png) repeat-x 0 0;
				padding-top: 15px;
				margin-bottom: 40px;
			}
				.meta_small {
					font-size: 11px;
					line-height: 22px;
					height: 22px;
					color: #7f7f7f;
					text-transform: uppercase;
					margin-left: 5px;
					float: right;
				}
				.meta_small a {
					color: #7f7f7f;
					text-decoration: none;
				}
				.meta_small a:hover {
					color: #282828;
				}
				.categories {
					background: url(images/category.gif) no-repeat 0 0;
					padding-left: 25px;
					padding-right: 10px;
				}
				.date {
					background: url(images/date.gif) no-repeat 0 0;
					padding-left: 27px;
					padding-right: 10px;
				}
				.author {
					background: url(images/author.gif) no-repeat 0 0;
					padding-left: 28px;
				}
				.comment_count {
					background: url(images/comments.gif) no-repeat 0 2px;
					padding-left: 28px;
					padding-right: 10px;
				}
				.author_text {
					padding-left: 25px;
					font-size: 15px;
					font-style: italic;
					line-height: 20px;
					background: url(images/author_link.jpg) no-repeat 2px 6px;
					margin-top: 20px;
				}
				
			.post_meta #pagination {
				width: 200px;
				float: left;
				margin-top: -1px;
			}
				.post_meta #pagination p {
					padding-bottom: 0px;
				}
				.post_meta #pagination .left {
					padding-left: 28px;
					background: url(images/left_arrow.gif) no-repeat 0 2px;
				}
				.post_meta #pagination .right {
					padding-right: 28px;
					background: url(images/right_arrow.gif) no-repeat 100% 2px;
				}
			#pagination {
				text-transform: uppercase;
				line-height: 22px;
			}
			  #pagination a {
					color: #7f7f7f;
					font-size: 11px;
				}
				#pagination a:hover {
					color: #000;
				}
				#pagination .left {
					padding-left: 28px;
					background: url(images/left_arrow.gif) no-repeat 0 5px;
				}
				#pagination .right {
					padding-right: 28px;
					background: url(images/right_arrow.gif) no-repeat 100% 5px;
				}
			img.centered {
				display: block;
				margin-left: auto;
				margin-right: auto;
			}	
			img.alignright {
				padding: 4px;
				margin: 0 0 8px 16px;
				display: inline;
			}			
			img.alignleft {
				padding: 4px;
				margin: 0 16px 8px 0;
				display: inline;
			}			
			.alignright {
				float: right;
			}			
			.alignleft {
				float: left
			}
			.aligncenter,
			div.aligncenter {
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			img.aligncenter {
        margin-bottom: 20px;
			}
			.wp-caption {
				border: 1px solid #ddd;
				text-align: center;
				background-color: #f3f3f3;
				padding-top: 4px;
				margin: 10px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
			
			.wp-caption img {
				margin: 0;
				padding: 0;
				border: 0 none;
			}
			
			.wp-caption p.wp-caption-text {
				font-size: 11px;
				line-height: 17px;
				padding: 0 4px 5px;
				margin: 0;
			}
		.discussion {
			margin-top: 30px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 38px;
			line-height: 42px;
			color: #000;
			font-weight: bold;
			letter-spacing: -2px;
		}
		.your_comment {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 26px;
			line-height: 30px;
			color: #000;
			font-weight: bold;
			letter-spacing: -2px;
			padding-top: 20px;
		}
		.comments_wrap {
			position: relative;
			width: 655px;
			padding: 1px;
			background: #fff;
			border: 1px solid #cac7bd;
			margin-bottom: 40px;
		}
			.comments {
				background: #f5f4f1;
				position: relative;
				padding: 30px;
			}
        .comments #pagination {
          line-height: 28px;
          padding-bottom: 20px;
        }
				.commentlist li {
					position: relative;
					background: #fff;
					border: 1px solid #cac7bd;
					padding: 20px;
					padding-bottom: 20px;
					margin-bottom: 50px;
					font-size: 15px;
					line-height: 20px;
				}
				.children li {
				  margin-top: 40px;
				  margin-bottom: 0px;
				  border: 1px solid #e4e2dd;
				  border-left: 1px solid #cac7bd;
				}
				.commentlist p {
					padding-bottom: 15px;
				}
				a.comment-reply-link, #cancel-comment-reply-link {
				  background: #228dac;
				  color: #fff;
				  padding: 2px 5px;
				}
				a:hover.comment-reply-link, a:hover#cancel-comment-reply-link {
				  background: #44abc4;
				  color: #fff;
				  padding: 2px 5px;
				}
				.cancel-comment-reply { 
				  padding-bottom: 20px;
				}
					.comment-author {
						font-style: italic;
						margin-bottom: 15px;
						padding-right: 40px;
					}
					.comment-author cite {
						font-size: 20px;
					}
					.avatar {
						position: absolute;
						right: 15px;
						top: -20px;
						border: 1px solid #505050;
					}
					.fake_avatar {
						position: absolute;
						right: 20px;
						top: 15px;
					}
					.comment-meta {
						position: absolute;
						top: -20px;
						right: 70px;
						font-size: 10px;
						color: #959494;
					}
					.comment-meta a {
						color: #959494;
					}
			#respond {
				clear: both;
			}
				.input, 
				.textarea {
					border: 1px solid #cac7bd;
					padding: 12px 10px;
					width: 483px;
					font-size: 14px;
					font-family: Arial;
					color: #555;
				}
				.commentlist .input, 
				.commentlist .textarea {
					width: 439px;
				}
				.children .input, 
				.children .textarea {
					width: 399px;
				}
				.children .children .input, 
				.children .children .textarea {
					width: 356px;
				}
				.children .children .children .input, 
				.children .children .children .textarea {
					width: 314px;
				}
				label {
					color: #7a7a7a;
					font-size: 10px;
					text-transform: uppercase;
					float: left;
					display: block;
					width: 80px;
					padding-right: 10px;
					line-height: 40px;
					text-align: right;
				}
				#submit {
					border: none;
					background: url(images/right_arrow.gif) no-repeat 0 2px;
					padding: 3px 0;
					padding-left: 25px;
					font-size: 12px;
					color: #222222;
					text-transform: uppercase;
					font-family: Georgia, "Times New Roman", Times, serif;
					cursor: pointer;
					float: right;
				}
				#submit:hover {
					color: #666;
				}
				.commentlist #submit {
				  margin-bottom: 40px;
				}
/* Sidebar */
#sidebar {
	width: 313px;
	float: right;
}	
  #sidebar a {
    color: #000;  
  }
  #sidebar a:hover,
  #sidebar li.current_page_item > a {
    color: #208bab;  
  }
	#sidebar .actions_wrap {
		position: relative;
		width: 308px;
		padding: 1px;
		background: #fff;
		border: 1px solid #cac7bd;
		margin-bottom: 20px;
	}
	#sidebar .list {
    padding: 20px !important;
  }
    #sidebar .list li {
      padding-left: 40px;
			background: url(images/dl.gif) no-repeat 8px 6px;
    }
      #sidebar .list li ul > li {
        padding-left: 20px;
  			background: url(images/sub_arrow.gif) no-repeat 2px 8px;
      }
  #sidebar #page_subnav > li {
		background: none;
  }
  #sidebar .ads {
    padding: 20px 0 0 20px !important;
  }
    #sidebar .ads a {
      display:block;
      font-size:11px;
      color:#888;
      font-family:verdana,sans-serif;
      margin:0 19px 11px 0;
      text-align:center;
      text-decoration:none;
      overflow:hidden;
      float:left;
    }
    #sidebar .ads img {
      border:0;
      clear:right;
    }
	#sidebar .actions {
		background: #f5f4f1;
		position: relative;
		padding-top: 30px;
		padding-bottom: 10px;
	}
		#sidebar .action {
			padding-bottom: 23px;
			padding-left: 79px;
		}
		#sidebar .action h3.side_head {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 20px;
			line-height: 25px;
			color: #5e5e5e;
			padding: 0;
			font-weight: bold;
			text-transform: none;
		}
		#sidebar .action h3 a {
		  color: #414141;
		  display: block;
		}
		#sidebar .action h3 a:hover {
		  color: #000;
		}
		#sidebar .action span {
			font-size: 11px;
			line-height: 11px;
			color: #7f7f7f;
			text-transform: uppercase;
			display: block;
			font-weight: normal;
			letter-spacing: 0px;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		#sidebar .rss_feed {
			background: url(images/rss_feed.gif) no-repeat 23px 0px;
		}
		#sidebar .rss_email {
			background: url(images/rss_email.gif) no-repeat 23px 0px;
		}
		#sidebar .rss_twitter {
			background: url(images/rss_twitter.gif) no-repeat 23px 0px;
		}
		
	#sidebar .the_tabs {
    padding: 10px;
    background: #f5f4f1;
		position: relative;
  } 
  	#sidebar .tabnav li {
    	display: inline;
    	list-style: none;
  	} 	
  		#sidebar .tabnav li a {
    		text-decoration: none;
    		text-transform: uppercase;
    		color: #000;
    		border: 1px solid transparent;
    		border-bottom: none;
    		padding: 9px 15px;
    		padding-bottom: 8px;
    		outline: none;
    		font-size: 11px;
  		}  		
  		#sidebar .tabnav li a:hover, 
  		#sidebar .tabnav li a:active, 
  		#sidebar .tabnav li.ui-tabs-selected a {
    		background: #fff url(images/tabnav.gif) repeat-x 0 0;
    		border: 1px solid #cac7bd;
    		border-bottom: none;
    		text-decoration: none;
  		} 		
  	#sidebar .tabdiv {
    	margin-top: 1px;
    	background: #fff;
    	border: 1px solid #cac7bd;
    	padding: 20px 10px;
  	}
  	html>body #sidebar .tabdiv {
  	 margin-top: 0px;
  	}
  	body:first-of-type #sidebar .tabdiv {
      margin-top: -1px /* Safari */;
  	}
      #sidebar .ui-tabs-hide {
  		  display: none;
  		}
  		#sidebar .tabdiv li {
        padding-left: 40px;
        background: url(images/author_link.jpg) no-repeat 15px 10px;
  		}
  		#sidebar #ui-tabs-4 {
  		  display: none;
  		}
	#sidebar .search {
		width: 312px;
		height: 40px;
		background: url(images/search.png) no-repeat 0 0;
		margin-bottom: 20px;
	}
		#sidebar .search input {
			width: 250px;
			padding: 4px 0;
			margin-top: 6px;
			margin-left: 15px;
			font-size: 15px;
			font-style: italic;
			color: #616161;
			background: none;
			border: none;
			font-family: Georgia;
		}
/* Footer */
#footer {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-top: 30px;
	font-size: 16px;
	line-height: 24px;
	background: url(images/footer_gradient.png) no-repeat 0 0;
}
  #footer .copyright {
    color: #fff;
    position: absolute;
    right: 0px;
    top: 45px;
  }
  #footer .logo_wrap {
		position: absolute;
		top: -23px;
		left: 230px;
    border: 1px solid #166884;
    height: 53px;
  }
    #footer .logo {
    	border: 1px solid #2aaec4;
    	background: #208bab url(images/logo_background.jpg) repeat-x 0 50%;
    	display: block;
    	height: 51px;
    	line-height: 51px;
    	padding: 0 15px;
    	text-transform: uppercase;
    	font-family: Impact, Helvetica;
    	font-weight: bold;
    	font-size: 30px;
    	color: #fff;
    }
	#footer a {
		color: #b6b6b6;
	}
	#footer a:hover {
		color: #fff;
	}
	#footer .bottom_box {
    padding-top: 15px;
		padding-bottom: 60px;
		color: #fff;
	}
		#footer .bottom_box .tango {
			padding-left: 30px;
			background: url(images/tango.gif) no-repeat 0 3px;
			margin-bottom: 15px;
		}
		#footer .bottom_box .tango a {
			color: #fff;
		}
		#footer .bottom_box .heart {
			padding-left: 30px;
			background: url(images/heart.gif) no-repeat 0 3px;
		}
		#footer .bottom_box .heart ul {
			padding-top: 10px;
		}
		#footer .bottom_box .heart li {
			font-size: 11px;
			line-height: 20px;
			text-transform: uppercase;
		}