/* 
	QuanSite - The Morning After 1000px
	Theme authored for the QuanSite website management system.
	Author: Nai Saelee
*/


/**************************
 + GLOBAL RESET
***************************/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}



/**************************
 + FONT RESET
***************************/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/***********************************************************
 + Global
************************************************************/
body, div {
	margin:0;
	padding:0;
}
img {
	border:none;
} /* general border removal around images such as link images */


body {
	margin:0 auto;
	background:#ebeff2;
	color:#333;
	font-size:15px;
	line-height:23px;
	font-family:Helvetica, Arial, 'Lucida Grande', Verdana, sans-serif;
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 { font-size:24px; line-height:34px;}
h2 { font-size:20px; line-height:28px;}
h3 { font-size:18px; line-height:26px;}
h4 { font-size:16px; line-height:23px;}
h5 { font-size:14px; line-height:20px;}
h6 { font-size:12px; line-height:17px;}
blockquote { padding:10px; }
em { font-style:italic; }
strong { font-weight:bold; }
p { padding:5px 0 15px 0; }
ul,
ol { margin-left:25px; }
ul li { padding-bottom:10px; list-style:disc; }
ol li { padding-bottom:10px; list-style:decimal; }
img.alignright { padding:0 10px 10px 0; float:right; }
img.alignleft { padding:0 0 10px 10px; float:left; }


	#wrap {
		margin:0 auto;
		padding:0;
		width:980px;
		background:#fff;
		text-align:center;
	}
	
	
	/***********************************************************
 	+ Header
	************************************************************/
	#head {
		margin:0 auto;
		width:980px;
	}
	
	
		/* top text link navigation */
		#menu {
			margin:0 auto;
			width:964px;
			background:#fff;
			border-bottom:1px solid #555;
			font-size:14px;
			text-align:left;
		}
		#menu ul,
		#menu li {
			margin:0;
			padding:0;
			list-style:none;
		}
		#menu ul {
			margin:0;
			padding:10px 10px 0 10px;
		}
		#menu li {
			padding:5px 10px;
			display:inline;
		}
		
		
		#menu a,
		#menu a:link,
		#menu a:visited,
		#menu a:active {
			font-weight:bold;
			text-decoration:none;
		}
		#menu a:hover {
			text-decoration:underline;
		}
		
		
		/* top tabs link navigation */
		#tabs6 {
			text-align:left;
			margin-left:auto;
			margin-right:auto;
			width:964px;
			background:#fff;
			border-bottom:1px solid #999;
			font-size:14px;
			line-height:normal;
		}
		#tabs6 ul {
			margin:0;
			padding:10px 10px 0 10px;
			list-style:none;
		}
		#tabs6 li {
			margin:0;
			padding:0;
			list-style:none;
			display:inline;
		}
		#tabs6 a {
			float:left;
			background:url(img/tableft6.gif) no-repeat left top;
			margin:0;
			padding:0 0 0 4px;
			text-decoration:none;
		}
		#tabs6 a span {
			float:left;
			display:block;
			background:url(img/tabright6.gif) no-repeat right top;
			padding:5px 15px 4px 6px;
			color:#FFF;
		} /* Commented Backslash Hack hides rule from IE5-Mac \*/
		#tabs6 a span {
			float:none;
		}
		/* End IE5-Mac hack */
		#tabs6 a:hover span {
			color:#FFF;
		}
		#tabs6 a:hover {
			background-position:0% -42px;
		}
		#tabs6 a:hover span {
			background-position:100% -42px;
		}
		#tabs6 #current a {
			background-position:0% -42px;
		}
		#tabs6 #current a span {
			background-position:100% -42px;
		}
		#tabs6 .current_page_item a {
			background-position:0% -42px;
		}
		#tabs6 .current_page_item a span {
			background-position:100% -42px;
		}
		#tabs6 #current {
			background-position:0% -42px;
		}
		#tabs6 #current span {
			background-position:100% -42px;
		}
		#tabs6 .current_page_item {
			background-position:0% -42px;
		}
		#tabs6 .current_page_item span {
			background-position:100% -42px;
		}
		
		
		#header {
			margin:0 auto;
			width:964px;
			background:#fff;
			font-family:Arial, sans-serif;
			text-align:left;
		}
		
		
		h1.siteName {
			margin:0;
			padding:10px 0 3px 0;
			text-align:left;
			font-size:37px;
			line-height:44px;
			font-weight:bold;
		}
		h1.siteName a,
		h1.siteName a:link,
		h1.siteName a:visited,
		h1.siteName a:active {
			color:#000;
			font-weight:bold;
			text-decoration:none;
		}
		h1.siteName a:hover {
			color:#fff;
			background:#000;
		}
		
		
		h3.desc {
			margin:0;
			padding:5px 0 10px 10px;
			text-align:left;
			border-top:1px solid #ccc;
			width:400px;
			clear:both;
			color:#000;
			font-size:12px;
			font-weight:normal;
		} /* blog description tagline */
		
		
		#header_img {
			margin:20px auto 0 auto;
			width:964px;
		} /* hides header image for theme, header image is only for cutline theme */
		#header_img img {
			width:964px;
			height:70px;
			border-top:1px solid #999;
			border-bottom:1px solid #999;
		}
		
	
	/***********************************************************
	 +Content Area
	 ***********************************************************/
	 #Contents {
	 	margin:0 auto;
		width:980px;
		text-align:center;
	}


	/***********************************************************
	 + Links
	************************************************************/
	a,
	a:link,
	a:visited,
	a:active {
		color:#224970;
		font-weight:normal;
		text-decoration:none;
	}
	a:hover {
		color:#000;
		text-decoration:underline;
	}
	
	
	/***********************************************************
 	 + Footer
	************************************************************/
	#footerWrap {
		margin:0 auto;
		width:964px;
		background:url(images/dot.png) repeat-x top;
	}
	#footer {
		margin:0;
		padding:0;
	}
	#footer #sk2-footer a {
		color:#fff
	}
	
	
	#footer p.copy360 {
		margin:0;
		padding:10px 0;
	}


/***********************************************************
 + Content (Blog)
************************************************************/
#contentWrap {
	margin:0 auto;
	padding:10px 0 0 0;
	width:964px;
	text-align:left;
}

	
	/***********************************************************
	 + Contents400 (3 column layout)
	************************************************************/
	#contents400 {
		padding:0 10px;
		width:564px;
		float:left;
		overflow:hidden;
	}
	
	
	/***********************************************************
	 + Contents580 (2 column layout)
	************************************************************/
	#contents580 {
		padding:0 15px;
		width:744px;
		float:left;
		overflow:hidden;
	}
	

	/***********************************************************
	 + General HTML Tags
	************************************************************/
	div.post code {
		font-size:12px;
	}
	div.post blockquote {
		padding:0 10px;
		background:#e8e8e8;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
	}
	
	
	/***********************************************************
	 + Post Area
	************************************************************/	
	div.post {
		font-size:15px;
	}
	
	div.post a.post-edit-link { padding:10px; background:gray; color:#fff; display:block; }
	div.post a.post-edit-link:hover { text-decoration:underline; }
	
	
	div.post h2.postTitle {
		margin:0;
		padding:0;
		line-height:27px;
		font-size:21px;
		font-weight:bold;
		font-family:Arial, sans-serif;
	}
	div.post h2 a,
	div.post h2 a:link,
	div.post h2 a:visited,
	div.post h2 a:active {
		color:#000;
		font-weight:bold;
		text-decoration:none;
	}
	div.post h2 a:hover {
		color:#fff;
		background:#000;
		text-decoration:none;
	}
	
	
	div.post div.metaWrap {
		padding:30px 0 0 0;
		display:block;
		clear:both;
	}
	div.post div.Print,
	div.post div.Email {
		margin-right:10px;
		display:inline;
	}
	div.post div.Print a,
	div.post div.Print a:link,
	div.post div.Print a:visited,
	div.post div.Print a:active,
	div.post div.Email a,
	div.post div.Email a:link,
	div.post div.Email a:visited,
	div.post div.Email a:active {
		color:#000;
		font-size:11px;
		font-weight:bold;
	}
	div.post div.metaWrap span.Tags {
		padding-left:15px;
		background:url(images/tag_green.png) no-repeat left;
	}
	
	
	div.post p.tagged {
		margin-top:5px;
		padding-left:10px;
		text-align:right;
		line-height:18px;
		font-family:Verdana, sans-serif;
	}
	
	
	div.postInfo h4 {
		margin:0;
		padding:0 0 15px 0;
		font-size:12px;
		font-weight:normal;
	}
	div.postInfo h4 div {
		display:inline;
	}
	
	
	div#navigation {
		padding:10px 0 30px 0;
	}
	div#navigation div.previous {
		padding:0 10px 0 0;
		float:left;
	}
	div#navigation div.next {
		padding:0 0 0 10px;
		float:right;
	}
	
	
	div.post #Comments {
		margin-top:20px;
		padding-top:23px;
		background:url(images/stripe.png) repeat-x top;
	}
	
	
	div.post #Comments h3 {
		margin-top:3px;
		padding-top:0;
		background:#fff;
		line-height:13px;
		color:#5f9410;
		font-size:11px;
		font-weight:normal;
		text-transform:uppercase;
	}
	
	
	div.post #Comments #Reply,
	div.post #Comments #respond {
		margin-top:30px;
	}
	div.post #Comments #Reply h3,
	div.post #Comments #respond h3 {
		padding-bottom:5px;
		border-bottom:1px solid #dadada;
	}
	div.post #Comments textarea#comment {
		width:98%;
	}
	div.post #Comments #Reply #commentform,
	div.post #Comments #respond #commentform {
		border-bottom:1px solid #dadada;
	}
	
	
	div.post #Comments ol.commentlist,
	div.post #Comments ol.commentlist li {
		margin:0;
		list-style:none;
		font-size:12px
	}
	div.post #Comments ol.commentlist li {
		margin-top:15px;
		padding-left:40px;
		padding-right:10px;
		border-right:3px solid #dadada;
		border-bottom:1px solid #dadada;
	}
	div.post #Comments ol.commentlist li a {
		font-weight:bold;
	}
	div.post #Comments cite {
		font-style:normal;
	}
	div.post #Comments small.commentmetadata {
		font-size:12px;
	}
	
	
	div.post div.related h2,
	div.post #commentform h2 {
		font-size:18px;
		font-weight:bold;
	}
	
	
	div#betweenPosts-inc {
		padding-bottom:15px;
		border-top:1px solid #dadada;
	}
	
	
	/***********************************************************
	 + More block, below posts (Want more? Keep rolling...)
	************************************************************/
	div#More {
		margin:20px 0;
		padding:10px 0;
		line-height:18px;
		font-size:15px;
	}
	div#More span.tier-1 {
		display:block;
		clear:both;
		font-size:17px;
		font-weight:bold;
	}
	div#More span.tier-2 {
		padding-bottom:7px;
		display:block;
		clear:both;
		font-size:17px;
		font-weight:bold;
	}
	
	
	/***********************************************************
	 + leftSidebar
	************************************************************/
	#leftSidebar {
		padding:5px;
		width:180px;
		float:left;
		overflow:hidden;
		font-size:12px;
	}
	

	#leftSidebar ul,
	#leftSidebar li {
		margin:0;
		padding:0;
		list-style:none;
	}
	#leftSidebar ul ul {
		margin-bottom:15px;
		margin-left:0;
		padding-bottom:10px;
	}
	#leftSidebar li li {
		padding:3px 0 3px 15px;
		background:url(images/postbullet.png) no-repeat 0 6px;
		border-bottom:1px solid #dadada;
	}
	#leftSidebar h2 {
		margin:0 0 0 0;
		padding:5px 0;
		color:#a11b1b;
		font-size:10px;
		font-family:Helvetica, Arial, 'Lucida Grande', Verdana, sans-serif;
		text-transform:uppercase;
		letter-spacing:0.1em;
		word-wrap:break-word;
	}
	
	
	#leftSidebar a,
	#leftSidebar a:link,
	#leftSidebar a:visited,
	#leftSidebar a:active {
		color:#224970;
		font-weight:normal;
		text-decoration:none;
	}
	#leftSidebar a:hover {
		color:#000;
		text-decoration:underline;
	}
	
	
	/***********************************************************
	 + rightSidebar
	************************************************************/
	#rightSidebar {
		padding:5px;
		width:180px;
		float:left;
		overflow:hidden;
		font-size:12px;
	}
	
	
	#rightSidebar ul,
	#rightSidebar li {
		margin:0;
		padding:0;
		list-style:none;
	}
	#rightSidebar ul ul {
		margin-bottom:15px;
		margin-left:0px;
		padding-bottom:10px;
	}
	#rightSidebar li li {
		padding:3px 0 3px 15px;
		background:url(images/postbullet.png) no-repeat 0 6px;
		border-bottom:1px solid #dadada;
	}
	#rightSidebar h2 {
		margin:0 0 0 0;
		padding:5px 0;
		color:#a11b1b;
		font-size:10px;
		font-family:Helvetica, Arial, 'Lucida Grande', Verdana, sans-serif;
		text-transform:uppercase;
		letter-spacing:0.1em;
		word-wrap:break-word;
	}
	

	#rightSidebar a,
	#rightSidebar a:link,
	#rightSidebar a:visited,
	#rightSidebar a:active {
		color:#224970;
		font-weight:normal;
		text-decoration:none;
	}
	#rightSidebar a:hover {
		color:#000;
		text-decoration:underline;
	}
	
	
		
	
	/***********************************************************
	 + Specific Sidebar Blocks
	************************************************************/
	#rightSidebar .categories li,
	#leftSidebar .categories li {
		margin-bottom:5px;
		padding:0;
		background:none;
		font-size:10px;
	}
	.categories li a,
	.categories li a:visited,
	.categories li a:active {
		padding:0 5px;
		background:url(images/arrow.png) #fff no-repeat right 5px;
		border-left:3px solid #dadada;
		display:block;
		line-height:auto;
		text-transform:uppercase;
	}
	.categories li a:hover {
		background:url(images/arrow2.png) #f1f1f1 no-repeat right 5px;
		text-decoration:none !important;
	}
	
	#rightSidebar #recentPosts li,
	#leftSidebar #recentPosts li {
		padding-left:0;
		padding-bottom:10px;
		background:none;
		border-bottom:1px dotted #7f7f7f;
		line-height:18px;
	}
	#recentPosts li a,
	#recentPosts li a:link,
	#recentPosts li a:visited,
	#recentPosts li a:active {
		color:#000;
		font-weight:bold;
	}
	#recentPosts li a:hover {
		color:#fff;
		background:#000;
		text-decoration:none;
	}
	
	
	#rightSidebar #recentComments li,
	#leftSidebar #recentComments li {
		background-image:url(images/bubble.png);
	}
	
	
	#rightSidebar #Search ul,
	#leftSidebar #Search ul {
		margin-left:0;
	}
	#Search ul li {
		padding-left:0;
		background:none;
		none;list-style:none;
	}
	#Search form {
		margin:0;
		padding:0;
	}
	#Search .searchTier-1 {
		display:block;
		clear:both;
	}
	
	
	#rightSidebar #Tags ul,
	#leftSidebar #Tags ul {
		margin:0;
	}
	#Tags ul li {
		padding-left:0;
		background:none;
		list-style:none;
	}
	
	
	#rightSidebar #Calendar li,
	#leftSidebar #Calendar li {
		padding-left:0;
		border-bottom:none;
		background:none;
	}
	
	
/***********************************************************
 + Content (Home Page)
************************************************************/
#content2 {
	margin:0 auto;
	background:#fff;
	text-align:center;
}
#content2 #content2-3 {
	margin:0 auto;
	padding:10px;
	width:924px;
	text-align:left;
	overflow:hidden;
}


/***********************************************************
 + Content (Custom Pages)
************************************************************/
#externalpagebody {
	margin:0 auto;
	background:#fff;
	text-align:center;
}
#externalpagebody #externalpagecontent #external-3 {
	margin:0 auto;
	padding:10px;
	width:924px;
	text-align:left;
	overflow:hidden;
}



/**** [ !!! WARNING !!!! DO NOT EDIT BELOW THIS LINE! ] ****/

/***********************************************************
 + Overflow fix
************************************************************/
.clearfix:after {content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */