/*  
Theme Name: Northern Architecture
Version: 1.0.1
Author: Rage Kage and American John
Author URI: http://www.marquecreative.com/
Tags: black, white, minimalist, minimal, clean, blueprint, grid
Description: A group discussion / blog theme for short update messages, inspired by Twitter and Prologue.
*/

body {
	background: url("/wp-content/themes/northernarchitecture/i/tile.gif") #E8E4DD center repeat-y fixed;
	font-family: Arial, Verdana;
	margin:0;
}

#footer {
	border-top: 1px solid #000000;
	margin-top: 17px;
	font-size: 10px;
}

#footer a {
	text-decoration: underline;
}

a { color:#000000; text-decoration: none;}
a:hover { text-decoration: underline; }

/* For use with the post box plugin */
.postbox textarea#posttext { width: 385px; height: 190px; padding:0; margin:0; border:none; font-family:Arial, Verdanda; font-size:12px;}
.postbox label { color: #FFFFFF; font-weight:normal; text-transform:uppercase; margin-left:10px; }
.postbox input { width:384px; border:none; font-family:Arial, Verdanda; font-size:12px;}
div.postbox { padding:10px 0px 8px 0px; }
/* End of the post box plugin styles */


/* Typography */
h1 {
	font-size:60px;
	margin-top:2px;
}	

h1 a, h1 a:hover, h1 a:visited, h1 a:active {
	text-decoration:none;
	color:black;
}

.postcontent {
	overflow: auto;
}

.tagline {
	font-size:10px;
	line-height: 18px;
	padding-top: 6px;
}

.largespacer {
	height:36px;
}

.menubar {
	height:54px;
}

.titlebar {
	height:54px;
}

.navigationlist {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	width:359px;
	float:left;
}

.navigationlist li {
	width:118px;
	float:left;
	font-size:0.9em;
}

.navigationlist li a {
	display:block;
	width:117px;
	height:17px;
	background-color:#E8E4DD;
	text-decoration:none;
	text-transform:uppercase;
	border-left:1px solid white;
	border-bottom:1px solid white;
	padding-left:5px;
	color:black;
}

.navigationlist li a:hover {
	background-color:black;
	color:white;
}

.navigationlist li.current_page_item a, .navigationlist li.current-cat a{
	background-color:black;
	color:white;
}

.active_category {
	background-color:black !important;
	color:white !important;
}

.maincontentsection {}

.articlecontent p{
	font-size:1em;
}

.articlecontent a {
	color:black;
	text-decoration:underline;
}

.login { height:54px; }

.blackbackground { background-color:#000000; }
.granitebackground { background-color:#E8E4DD; }
.whitetext, .whitetext a { color: #FFFFFF; }
.blacktext, .blacktext a { color: #000000; }
.columnheading { text-transform:uppercase; font-size:0.9em; line-height:18px;}

.bottomborder { border-bottom:1px dotted black; }

input#s, input.thintextbox {
	border: 1px solid black;
	height:12px;
	margin:10px;
	width:213px;
	font-size:0.8em;
	padding-left:3px;
}

input.thintextbox {
	margin:0;
	width:387px;
}

.register, .loginlink {
	height:17px;
	float:left;
	border-bottom:1px solid white;
}

.register {
	width:164px;
}

.loginlink {
	width:71px;
	border-left:1px solid white;
}

.register a, .loginlink a, .register span {
	font-size:0.9em;
	text-transform:uppercase;
	text-decoration:none;
	color:white;
	padding-left:10px;
}
	
.searchbox {
	height:36px;
}

.highlightimage { width:482px; height:306px;}

.postthumb { }

h2 {
  	margin: 0; 
  	padding: 0;
  	font-size:1.3em;
	font-weight:bold;
	line-height:1.3em;
}

.postthumb h3, .highlightimagemeta h3{
  	margin: 0; 
  	padding: 0;
  	margin-top:4px;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}

.highlightimagemeta h3 {
	line-height:17px;
}


.contentlabel {
/*	margin: 0; 
  	padding: 0;
	font-size:0.9em;*/
	text-transform:uppercase;
	font-weight:bold;
}

#mediumimage {
	width:
	height:486px;
}

h2 a {
	text-decoration:none;
	color:black;
}

h2.doubletall a { text-decoration: underline; }
h2.doubletall { padding-left:5px; }
h2.doubletall:hover, h2.doubletall:hover a { background-color:#000000; color:#FFFFFF; }

.postthumb h3 a {
	text-decoration:none;
	color:black;
}

.highlightimagemeta h3 a {
	text-decoration:none;
	color:white;
}

.postthumb h4, .highlightimagemeta h4{
  	margin: 0; 
  	padding: 0;
  	margin-top:6px;
	font-size:10px;
	text-transform:uppercase;
	line-height:18px;
}

p.postthumbcommentslink, .contentlabel, .thumbnav {
	margin: 0;
	padding: 0;
	margin-top:6px;
	font-size:10px;
	line-height:18px;
}

.thumbsynopsis {
	padding:0;
	margin:0;
	line-height:18px;
	margin-top:4px;
	font-size:12px;
}

.thumbsynopsis a { color: #FFFFFF; }

.largetext {
	font-size:14px;
	line-height:18px;
	margin-top:4px;
}

.bold { font-weight: bold; }

.postthumb h4 a {
	text-decoration:none;
	color:black;
}	

.highlightimagemeta h4 a {
	text-decoration:none;
	color:white;
}	

h2 a:hover, .postthumb h3 a:hover, .postthumb h4 a:hover, .highlightimagemeta h3 a:hover, .highlightimagemeta h4 a:hover {
	text-decoration:underline;
}

.postthumbcaption {
	width:231px;
	height:18px;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:5px;
	background-color:black;
	color:white;
	position: absolute;
	font-size:0.9em;
}

.postthumbcommentslink a {
	font-size:0.8em;
	color:black;
	line-height:18px;
	text-decoration:none;
}

.postthumbcommentslink a:hover {
	text-decoration: underline;
}

.singlelinediv {
	height:18px;
}

.comment-textarea, .comment-textarea-big {
	width: 213px;
	height:	49px;
	padding:0;
	margin:0;
	font-size:10px;
	font-family:Arial, Verdanda;
	border: none;
}
.comment-textarea-big {
	width: 502px;
	height:140px;
	font-size:12px;
}

input.blackbutton {
	background-color:#000000;
	color:#FFFFFF;
	border:none;
	padding:2px 0px 2px 5px;
	width:113px;
	/*font-size:0.9em;
	margin:0;*/
	height:18px;
	text-transform:uppercase;
	text-align:left;
}


.visiblearticleimage {
	height: 503px;
	background-color: #F3F1EE;
}

.thumbnav a {
	color:black;
	text-transform:uppercase;
	text-decoration:none;
}

.thumbnav a:hover {
	text-decoration:underline;
}
.commentbox {
	background-color:black;
	color:white;
	border-bottom:1px dotted white;
	padding-top:6px;
	padding-bottom:4px;
	font-size:10px;
	line-height:18px;
}

.commentbox a {
	color:white;
	text-decoration:none;
}

.commentbox a:hover {
	text-decoration:underline;
}

.commentbox p {
	padding:0px 10px 0px 10px;
	font-size:10px;
	line-height:18px;
	font-weight:bold;
}

.alt {
	background-color:#262626 !important;
}

.meta {
	text-transform:uppercase;
	padding:0 10px 10px 10px;
}

.ulinelinks a { text-decoration:underline; }

.smalltext { font-size: 10px; line-height:18px; margin-top:6px; margin-bottom:0;}
/**:first-child+html .smalltext { font-size: 10px; line-height:18px; margin-top:4px; margin-bottom:0;}*/

div.discussion-row, .recent { font-size: 12px; line-height:18px; padding-top:22px;}
div.discussion-row:hover { background-color:#E8E4DD; }
/*.discussion-row a, .recent a { font-weight: bold; }*/

.discussion-start { background-color:#E8E4DD; }

#sidebar a { font-weight: bold; }

.paddingabove { padding-top: 18px; }
.paddingbelow { padding-bottom: 18px; }
.smallpaddingbelow { padding-bottom: 11px; }
.oddpaddingbelow { padding-bottom:17px; }
.smalloddpaddingbelow { padding-bottom:13px; }
.oddpaddingabove { padding-top:17px; }
.smalloddpaddingabove { padding-top:16px; }

.marginabove { margin-top: 18px; }
.marginbelow { margin-bottom: 18px; }
.smallmarginbelow { margin-bottom: 16px; }

.doubletall { line-height: 36px; }

.leftindent { padding-left: 6px; }

.whitetopborder { border-top:1px solid #FFFFFF; }
.whitebottomborder { border-bottom:1px solid #FFFFFF; }
.blackbottomborder { border-bottom:1px solid #000000; }
.dottedbottomborder { border-bottom:1px dotted #333333; }
.whitedottedbottomborder { border-bottom:1px dotted #ffffff; }