/*
Theme Name: TheNewJournal
Theme URI: http://www.thenewjournalatyale.com
Description: A theme developed especially for The New Journal at Yale
Version: 1.0
Author: Bay Gross
*/
/* Originally based off of 'the journal' by www.woothemes.com */

/*6d6f75  3d3f45*/
html, body {font-family: georgia;	font-size: 12px;border: 0;color: #111111; background: #6d6f75;}
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote { margin: 0;	padding: 0;}
p {line-height: 20px;padding: 10px 0;}
h1, h2, h3, h4, h5 {font-family: Georgia;}
ul, ol {list-style: none;padding: 10px 0;}
small {	font-size: 11px;}
code {background: #FFFFC1;}
a {color: #111;	text-decoration: none;}
a:hover {color: #784141; text-decoration: none;}
a img {border: none;}
blockquote p {padding: 5px 0;}

#top, #content, #page_content, #rss, #footer {	
	background-color:#fff;
	border:0px solid #784141;
	}
#content, #footer { border-top:0px; }
#top, #rss   { border-bottom:0px; }
#footer { background-color: #BF4330; opacity:.8; }

/* Align */
.aligncenter {margin: 10px auto 20px auto;display: block;}
.alignleft {margin: 10px 20px 8px 0;float: left;}
.alignright {margin: 10px 0px 8px 20px;float: right;}
.col-left {float: left;}
.col-right {float: right;}

/* PageNavi */
.more_entries {font-size:11px;}
.more_entries .wp-pagenavi {clear:both;float: right;}
.more_entries .wp-pagenavi a {text-decoration: none !important;}

.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover {background: #9f9f9f !important;}

.more_entries .wp-pagenavi a,
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited, 
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi span.pages { background: #EEEEEE;color: #666; padding: 4px !important; margin-left: 4px; border:1px solid #DDDDDD; line-height:24px; }

.more_entries .wp-pagenavi .extend { background:none; border:none; }

/* Misc */

.wrap:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}
.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden}
.fl{float: left}
.fr{float: right}
.ac{text-align: center}
.ar{text-align: right}
img.centered{display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background-color:#EEEEEE;border:1px solid #DDDDDD;padding:4px 0 5px;text-align:center;}
p.wp-caption-text {padding:5px; padding-bottom:0px; font-size:11px; line-height:15px;}

/*  ---- Main Styling Starts --- */

body {
	padding-top:1em;
}
#wrap {	
	background: none; 
}

/* -------  Top  -------------  */
#top {
	width: 942px;
	margin-left:auto;
	margin-right:auto;
	padding:0 20px 10px 20px;
}

/* ------ Header ---------- */
#header {
	width: 100%;
	margin-top: 20px;
	clear: both;
	position: relative;
	margin:2px 0;
	border-bottom-width: 1px;
	border-bottom-style:solid;
}
/*  ------- Title Block ------- */
#header .title_block {
	float:left;
	width:562px;
}
#site-title,
#site-description {
	margin-top:100px;
	padding: 0;
	float:right;
	font-family:times;
	font-size:16px;
	font-style:italic;
	color:#444;
}
#site-title {
	margin-top: 12px;
	font-size: 40pt;
	display:none;
}
#site-logo {
	margin-top: 12px;
	font-size: 40pt;
}
.title_block:hover, #site-logo:hover, #site-description:hover, #site-title:hover {
	text-decoration:none;
}

/*  ---------- Blasts from Past Tabs ------*/
 #header .blasts {
	  display:inline;
    width:475px;
    float:right;
    height:138px; 
		display:none;
}
#header .blasts .category a {color:;}
#header .blasts ul {
    width:478px;
    float:right;
    padding:0;
    height:138px;
    overflow:hidden;
}
#header .blasts li {
    width:135px;
    padding: 0 10px;
    float:left;
    height:130px;
    border-left-width: 1px;
    border-left-style:solid;
    overflow: hidden;
}
#header .blasts h4 {
    padding:0;
    text-transform:none;
    letter-spacing:0px;
}
#header .blasts h4 a {
    font-size:20px;
    font-weight:normal;
}
#header .blasts h4 a:hover{
	  color:#BA1919; 
	  text-decoration: underline;
}
/*  ------- Date Line ------*/
#header #date_line {
	float:right; 
	display:inline; 
	font-size:11px;
	font-family: arial;
	margin-top:25px; 
	margin-right:10px; 
	text-transform:uppercase;
	display:none;
}

/* ----------- Page Navigation-------#6d6f75 */
.nav_bars { width:100%;}
#top-nav{background-color:#BF4330; height: 28px; opacity:1;}
#cat-nav{background-color:#eee; height:20px;}
#cat-nav .current-cat a {color:#BF4330;}

#top-nav a {
	color:#eee;
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	display: block;
	line-height: 28px;
	padding: 0 8px;
	margin-left:2px;
	z-index: 100;
	text-transform:uppercase;
	text-align:center;
}

#cat-nav a {
	color:#4444aa;
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	display: block;
	padding: 5px 8px;
	margin-left:2px;
	text-transform:uppercase;
	text-align:center;
}
#cat-nav a:hover {
	color:#111 !important;
}
#top-nav a:hover {
	background-color:#eee;
	color:#BF4330 !important;
}
#top-nav .current_page_item {background-color:#C75948; }

#nav, #nav ul {
	padding: 0;
	margin: 0;
	margin-left:10px;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav li {float: left; padding-left: 0px; }
#top-nav li{
	background-image: url(images/left-bar.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px; 

	}


/* -----Index Page ----- */

.left_col {
	width:662px;
	margin-right:20px;
	float:left;
	margin-bottom:16px;
}

.right_col {
	width:260px;
	float:right;
	margin-bottom:16px;
}

#featured_photo {
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#featured_photo img {
	border-width:3px;
	border-style:solid;
}

#featured_photo div {
    padding-top:  10px;
	padding-bottom:10px;
	margin-bottom:2px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#featured_post {
	padding-bottom:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	margin-bottom:2px;
    overflow: hidden;
}

#featured_post p {
	font-size: 18px;
	font-style: italic;
	letter-spacing:-1;
	line-height:22px;	
}

#featured_post h2 a {
	font-size:36px;
}

/* -------- Social Media Bar  ------------ */
#social_media_bar {
	width:240px;
	float:right;
	background-color:#f1f1f1;
	padding:5px;
	margin-bottom:10px;
}
#social_media_bar span {font-family:arial; font-size:13px; display:inline; float:left; padding-left:18px; padding-top:3px; margin-right:25px;}
#social_media_bar ul {padding:0px}
#social_media_bar ul li a img {height:20px; width:20px; opacity:1; float:left; display:inline; padding:0px 3px 0px 3px;}
#social_media_bar a img:hover {opacity:.8;}
#social_media_bar a:hover {background-color:#eee;}

/* ---- Search Bar ----*/
#search_bar {
	width:240px;
	float:right;
	background-color:#f1f1f1;
	padding:5px;
	margin-bottom:10px;
}
#search_bar p.fields {
	margin:0px;
	padding:0px;
}
#search_box {
	 background-color:#fff;
	 float:left;
	 display:inline;
	 width:200px;
	}
#search_box input {
		color: #666666;
		font-size: 11px;
		font-style:italic;
		font-weight: normal;
		background: url(images/search.png) no-repeat top left;
		overflow: hidden;
		padding:2px;
		padding-left:20px;
		width:176px;
		margin-top:-1px;
		margin-bottom:-1px;
	}
form#search_form button {
	float:right;
	height:20px;
	width:30px;
	border:1px solid #111;
	background-color:#eee;
	color:#111;
}
form#search_form button:hover {
  cursor:pointer;
	background-color:#ddd;
}

/* Three Optioned Tabs */
#tabs {
	width:240px;
	float:right;
	padding:5px;
	background-color:#f1f1f1;
}

ul.idTabs {
	border: 0px solid #888;
	width: 100%;
	padding: 0 !important;
}

ul.idTabs li {
	display: inline;
	font-family: Georgia;
}

ul.idTabs li a {
	line-height: 25px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	color: #333 !important;
	display: block;
	float: left;
	padding: 0 5px;
	margin-right: 4px;
}

ul.idTabs li a.selected {
	background: #fff;
	color:#CD0021 !important;
	text-decoration:none;
		font-weight: bold;
	border:1px solid #888;
	border-bottom:#fff;
}

ul.idTabs li a:hover {
	color:#111;
	text-decoration:underline;
}
ul.idTabs li a.selected:hover {
	text-decoration:none;
	cursor:default;
}
.inside {border: 1px solid #888; height:190px; background-color:#fff; margin-top:-1px;}
.inside ul {
	padding:10px !important;
}

.inside li {
	margin: 0 0 5px 0 !important;
	padding: 0 0 5px 0 !important;
	list-style-type: none !important;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

/* ---- Categories  ----*/
#category-block
{
	font-family:georgia;
	padding:5px;
}
#category-block #cat_head_left{float:left;}
#category-block #cat_head_right{float:right;}
#category-block h4 {
	font-style:italic;
	font-weight:normal;
	font-size:14;
	color:#222;
}
#category-block a h4:hover {text-decoration:underline;}
#category-block hr {

	clear:both;
	border:none;
	border-bottom:1px dashed #ccc;
	height:2px;
	background-color:none;
}
.category-column {
	float:left;
	width:303px;
}
.category-box {
	float:left;
	background-color:#f8f8f8; 
	border:1px solid #ddd;
	padding:4px;
	width:273px;
	margin:10px;
}
.category-box {
	text-align:center;
}
.category-box a:hover {
	text-decoration:underline;
}
.category-box h3 a{
	font-size:11px;
	font-family:arial;
	color:#BF4330;
	font-weight:normal;
	text-transform:uppercase;
}
.post-box { 
	margin-top:20px;
	padding-left:25px;
	padding-right:25px;
	}
.post-box h3 a {
	font-size:14px;
	font-color:#16507E;
	font-family:'Times New Roman';
	font-weight:bold;
	color:#111;
	text-transform:none;
}
.post-box p {
margin: 0px;
padding:0px;
font-size:11px;
font-color:#222;
font-family:'Times New Roman';
}
.post-box img
{
	max-height:120px;
	max-width:220px;
	border:1px solid #eee;
	margin-bottom:2px;
}
.post-box p.author a { color:#111188;}
.hr {
    height:5px;
    clear:both;
    border:none;
}

#bottom ul {
	padding:0;
}

#bottom li {
	padding:2px 0;
}

#bottom .featured_article {
	border-right-style:solid;
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding: 0 20px 20px 0;
}

#bottom .featured_article .more_featured {
	text-align:right;
	padding:0;
}

#bottom .featured_article h3 {
	font-size:24px;
	font-style:italic;
}

#bottom #col_two li {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
#bottom #col_two li li{ display: none;}    

/* Content */
#page_content {font-size:13px;}
#content, #page_content {
	width: 942px;
	margin:0 auto;
	min-height: 550px;
	padding: 0 20px 10px 20px;
}
* html #content { height: 550px; }

#main {
	width:617px;
	padding:12px;
}
#main h1 {
	font-family:georgia;
	font-size:28px;
	font-weight:bold;
	color:#333;
	margin-bottom:10px;
}

.category {
	margin-bottom:5px;
	clear:both;
	padding:0;
}

.category a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
}



/* Main Content (style) */

#main a { text-decoration: underline; }
#main a:hover {	text-decoration: none; }
#main h2, #main h3 { font-weight: normal; }
#main h2 { font-size: 24px; }
#main h3 {font-size: 18px; }
#main h4 { font-size: 12px; }
#main ol, #main ul { line-height: 18px; }
#main ul { padding-left: 50px; }
#main ul li { list-style: circle; padding: 3px 0; }
#main ol { padding-left: 57px; }
#main ol li { list-style: decimal; padding: 3px 0; }
#main blockquote {
	border-left:2px solid #777777;
	color:#777777;
	font-style:italic;
	margin:5px auto 15px;
	padding:0px 10px;
	width:85%;
}

#bottom {
	width:942px;
	border-top-style:solid;
	border-top-width:1px;
	float:left;
	margin-top:15px;
	padding-top:15px;
}

#bottom #col_one {
	width:302px;
	float:left;
	margin-right:18px;
}

#bottom #col_two {
	width:222px;
	float:left;
	margin-right:18px;
}

#bottom #col_three {
	width:222px;
	float:left;
	margin-right:18px;
}

#bottom #col_four {
	width:142px;
	float:left;
}

#bottom .widget h3 {
	font-size:14px;
	font-style:italic;
	padding-bottom:5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-bottom:18px;
}

/* Main Content (post) */

#main .post { padding:0px; }

#main .post-title {	font-size:24px; margin-bottom:10px; padding-top:0; margin-top:0px;}

#main .page-title {	font-size:36px; margin-bottom:15px; padding-top:0; }
#main p {padding-top:0px; padding-bottom:20px;}

p.post-details { 
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding-bottom:5px !important;
	margin-bottom:5px;
}

#main h2 a, #main h3 a { color: #2A2A2A; text-decoration: none; }
#main h2 a:hover, #main h3 a:hover { text-decoration: underline; }
#main p.post-details { line-height: 18px; font-size:11px !important; margin-top: -10px; position: relative; }
#main p.post-details a { text-decoration: none; }
#main p.post-details a:hover { text-decoration: underline; }
#main p.post-details {
	color: #9F9F9F;
	font-size: 11px;
	padding: 0 0px 0 1px
}
#main .post h4 { margin-top: 1px; clear: both; width: 100%; }
#main .post h4.continue a {
	background: #A8BC70;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
}
#main .post h4.continue a:hover {background: #9fb26a;}
#main .post img.thumbnail {
	background-color:#EEEEEE;
	border:1px solid #111;
	padding:5px;
     float: right; 
     margin: 15px 0 15px 15px;     
}
#main .post { font-size:13px; line-height:22px; }

#main .post img.gallery { margin:0 7px 7px 0; }
#main h2.arh {
	border-bottom: #cccccc 1px solid;
	margin-bottom: 10px;
	padding-bottom:10px;
	font-size:14px;
	text-transform:uppercase;
}

#main p.tags {
	background-color:#eee;
}

/* ----- Side Bar ----------*/
#sidebar .related {
	width:250px;
	float:right;
	background-color:#f1f1f1;
	margin-bottom:10px;
	margin-top:140px;
}
#sidebar .related h3 {
	font-size:19px;
	text-align:center;
	font-family:georgia;
	color:#CD0021;
	font-style:italic;
	padding:5px;
}
#sidebar .related ul {
	background-color:#F9F9DD;
}
#sidebar .related li{
	border-bottom:1px dashed #ddd;
	padding:5px;
	padding-left:10px;
}
#sidebar .related li a{
	font-size:15px;
	font-style:italic;
	color:#666;
}	
#sidebar .related li a:hover{
		color:#222;
	}
/* Main Content (post>single) */

#main p.tags {
	width: 597px;
	padding:5px 10px;
	clear: both;
	font-size:11px;
}
/* Page fix */
#quote_collection blockquote p {
padding-bottom:0px;
font-style:normal;
}
/* Comments */

#comments h3 { font-size: 20px;	font-weight: normal;padding: 10px 0 20px 0;}

#comments #comments_wrap {padding: 0; position: relative; margin-top:20px;}
#comments #comments_wrap h2 {
	font-size:18px;
	font-style:italic;
	padding: 10px 0;
	border-top-style:solid;
	border-top-width:5px;
	letter-spacing:-1px;
}
#comments ol.commentlist li { list-style-type:none; }

#comments .comment { margin: 18px 0 30px 0; padding-bottom:30px; width: 100%; border-bottom-style:solid; border-bottom-width:1px; }
#comments .comment a { text-decoration: underline; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 10px;	margin-top: -2px; }

#comments .comment .col-left {width: 110px;}
#comments .comment .col-left img {border: #111 3px solid;}
#comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left .inside {
	width: 110px;
	float: left;
	position: relative;
	overflow: hidden;
	min-height:70px;
}

#comments .comment .col-right {
	min-height: 70px;
	background: #fff;
	padding: 10px 20px;
	border: #111 1px solid;
	margin-left:100px;
	float:none; 
}

#comments .comment div.avatar {
	float:left;
	width:80px;
}

#comments .comment img.avatar {
}

#comments .comment .comment-entry p {
	font-size:14px;
	line-height:18px;
	padding-left:80px;
}
#comments .comment .comment-entry p.unapproved {
	font-size:11px;
	margin-top:5px;
	text-decoration:italic;
}
#comments .comment .comment-head {
	margin-bottom:10px;
}

#comments .reply {
	text-align:right;
}

#comments .reply a {
	padding:3px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
}

* html #comments .comment .col-right { height: 100px; }
#comments .comment span.reply { float:right; padding: 3px 3px 0; font-size:11px; }
#comments .comment span.reply a { text-decoration:none; color:#aaa; }

#comments ul.children { padding:10px 0 0 30px; margin-left:30px; border-left-style:solid; border-left-width:1px; }
#comments ul.children li { border:none; }

#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
	background: #9F9F9F;
	color: #fff;
	display: block;
	padding: 5px 9px;
	margin-left: 4px;
	font-family:Georgia;
	font-weight:bold;
}
#comments .navigation a:hover {background: #888;}
#comments .commentlist {
	padding:0;
	border-top-style:solid;
	border-top-width:1px;
}
#comments .commentlist p{padding:0 0 10px;}

#comments .commentlist #respond #form_wrap {
	padding:0 0 25px;
	margin:0;
	border:0;
	width:auto;
}

#respond h2 {
	font-size:18px;
	margin-bottom:18px;
}
#commentform {
	background-color:#eaeaea;
	padding:10px;
}
#commentform p {
	padding:0;
	margin-bottom:10px;
}

#commentform .comment-fields {
	float:left;
}
#commentform .comment-label {
	padding-top:5px;
	float:left;
}
#commentform .comment-info {
	float:right;
	font-size:10px;
	font-style:italic;
}
#commentform input {
	margin-left:5px;
}
#commentform label {
	font-size:11px;
}
#commentform #author, #commentform #email, #commentform #url{
	width:356px;
	padding:5px;
	border:1px solid #ffffff;
}
#commentform #comment {
	max-width:585px;
	min-width:585px;
	padding:5px;
	border: 1px solid #ffffff;
}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply {margin-bottom:10px;}

#commentform #submit {
	padding:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	text-transform:uppercase;
}
#commentform #submit:hover {
	cursor:pointer;
}

p#search_result_author {
	margin-bottom:0px;
	padding-bottom:5px;
}

/*  Search result page */
h2#search-title {margin-bottom:20px;padding-bottom:20px; border-bottom:1px solid #ddd;}
.result-box{
	padding:5px;
	border-bottom:1px dashed #ccc;
}
.result-right{float:right; width:300px;}
.result-left{float:left; width:240px;}

h3#result-title a{font-size:22px;}
h3#result-title a:hover{color:#666; text-decoration:none;}
.search-image-block img
{
	max-height:240px;
	max-width:420px;
	border:1px solid #eee;
}



/* Sidebar (flickr) */

#flickr h3 span {
	color: #0061D8;
}

#flickr h3 span span {
	color: #FF1183;
}

#flickr .wrap {
	margin-left: -5px;
	padding: 0;
	position: relative;
	margin-bottom:25px;
}

#flickr a img {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	display: block;
	padding: 3px;
	background: #fff;
	border: #CECFC6 1px solid;
}

#flickr a:hover img {
	border: #A8AA99 1px solid;
}

/* Footer */

#footer {
	width: 922px;
	margin-left: auto;
	margin-right: auto;
	padding-top:5px;
	font-size: 11px;
	text-align:center;
}

#footer #category-nav, #footer #page-nav {
	text-align:center;
	padding: 3px 0;
}

#footer #category-nav li, #footer #page-nav li {
	display:inline;
}

#footer #category-nav a {
	font-family:sans-serif, serif, times;
	padding-right:6px;
	padding-left:6px;
	margin:0px -2px 0px -2px;
	text-transform:uppercase;
	border-right-style:solid;
	border-right-width:1px;
	border-left-width:1px;
	border-left-style:solid;
	border-color:#aaa;
	color:#efefef;
}
#footer #category-nav a:hover {
	color:#fff;
}
.credits {width: 922px; text-align:center; margin-left:auto; margin-right:auto; color:#aaa;}
.credits p {padding-top:3px;}
.credits a {color:#DDD;}
.credits a:hover {text-decoration:underline; color:#fff;}