/*  
Theme Name: NSANYS
Theme URI: http://www.nsanys.org/
Description: NSANYS
Version: 1.0
Author: AfterCollege
Author URI: http://www.aftercollege.com/

All rights reserved. Copyright © 2008 AfterCollege.
*/

/* ==================================== COLORS 
	#243A5B : Dark Blue - content headers, sidebar links	
	#D44944 : Dark Red - sidebar headers, sidebar hover links, content links
	#54423A : Dark Brown - body text, border, navbar bg
	#F9F6F4 : Light Brown - content bg
	#FAE5A9 : Yellow - navbar links
	#F29117 : Orange - content links, sidebar headers and links
*/

/* ==================================== DIMENSTIONS and FONTS
	772px : width of shadow box, 772px - 11px - 11px (sides padding) = 750px
	750px : width of content area
	520px : width of left_content_box, 520px - 20px (side paddings) = 500px
	230px : width of sidebar, 230px - 20px (side paddings) = 210px 
	12px : default font size
	Arial, Verdana, Helvetica, sans-serif : font family
*/

/* ==================================== RESET BROWSER STYLING  */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol, li { list-style-type: none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td,script, { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* ==================================== GLOBAL ELEMENTS */

body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background: #fff;
	color: #54423A;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6{
	padding: 0;
	margin: 0;
	color: #243A5B ;
}

a{
	color: #D44944;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

a.tiny {
	font-size: 10px;
}

a img{
	border: 0;
	padding: 0;
	margin: 0;
}

abbr, acronym{ border: 0; }

address, dl, p{ padding: 15px 0 0; }

blockquote{
	margin: 10px 0 0;
}

blockquote p{ padding: 15px; }

blockquote blockquote{
	margin: 10px;
	background: #fff;
}

code{
	background: #f8fde9;
}

.clear{
	clear: both;
}

dt{ font-weight: bold; }

dd{ padding: 0 0 0 15px; }

hr{
    clear: both;
	margin: 5px 0;
	border: 0;
	height: 2px;
	text-align: center;
	width: 100%;
	background: #29598C;
}

small{
	font-size: 10px;
}

pre{
	width: 90%;
}

input, textarea{
	padding: 2px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	border: 1px solid #a9c659;
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

.red {
	color: #FF0000;
}

/* ==================================== CONTENT DIV STRUCTURE */

#the_box {
	width: 722px;
	margin: 0 auto;
	padding: 0;
}

#shadow_box {
	width: 750px;
	float: left;
	margin: 0;
	padding: 0 11px;
	background: url(images/bg_noshadow.gif) repeat-y;
}



/* =============== HEADER SECTION ==START============= */

#masthead {
	float: left;
	width: 100%;
	height: 178px;
	padding: 0;
	margin: 2px 0;
	background: url(images/bg_masthead.jpg) no-repeat;
	}

#logo_link a {
	width: 310px;
	height: 80px;
	display: block;
	float: left;
}

	#logo_link span {
		display: none;
	}

.nav_box {
	float: left;
	width: 750px;
	height: 29px;
	background: url(images/bg_navbox.gif) repeat-x;
	color: #FAE5A9;
	padding: 0;
	margin: 0 0 20px 0;
}

	.nav_box ul {
		padding: 4px 0 0 0;
		margin: 0;
		height: 25px;
		width: 100%;
	}

	.nav_box ul li {
		float: left;
		padding: 0 7px;
		margin:0;
	}

	.nav_box ul li a {
		font-size: 11px;
		font-weight: normal;
		color: #FAE5A9;
		text-decoration: none;
		padding: 0 0 3px 0;
		
	}
	
	.nav_box ul li a:hover {
		color: #fff;
		border-bottom: 2px solid #FAE5A9;
	}
	
	.nav_box ul li.current_page_item a{
		color: #fff;
		border-bottom: 2px solid #FAE5A9;
	}	
	

	
		
/* =============== HEADER SECTION ==END============= */

/* =============== CONTENT SECTION ==START============= */


#left_content_box {
	float: left; 
	width: 490px;
	border-right: dotted 2px #BECECE;
	padding: 0 15px;
	min-height: 500px;
}

#the_content {
	float: left;
	width: 695px;
	padding: 10px 20px;
	margin: 0;
}

.post{
	margin: 0;
	padding: 0;
}

.post h2{
	font-size: 20px;
	font-weight: bold;
}

.entry{
	line-height: 20px;
	font-size: 13px;
	letter-spacing: .01em;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	border: 0;
	margin: 0;
	padding: 15px 0 0;
	font-weight: normal;
	background-color: transparent;
	background-image: none;
}

.entry h1{
	font-size: 24px;
	line-height: 24px;
}

.entry h3{
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

.entry h4{
	font-size: 14px;
}

.entry h5{
	font-size: 12px;
}

.entry h6{
	font-size: 11px;
}

.entry p {
	margin: 0;
	padding: 15px 0 3px 0;
}

.entry table {
	margin: 10px 0;
	max-width: 100%;
}

.entry table.news {
	width: 80%;
	margin: 15px auto 0 auto;
	border: double 3px #6B8E7B;
}

.entry table.news li, .entry table.news ul {
	margin: 0;
	padding-top: 0;
}

.entry table.news tr, .entry table.news td {
	padding: 0;
}

.entry img{
	max-width: 100%;
}

.entry img.alignright {
	margin: 5px 0 2px 7px;
	display: inline;
}

.entry img.alignleft {
	margin: 5px 7px 2px 0;
	display: inline;
}

.entry img.aligncenter {
	margin: 0 auto;
	display: block;
}

.entry ul {
	padding: 0;
	margin: 0;
}

.entry ul.board li {
	margin-top: 15px;
}

.entry ul li {
	list-style-type: circle;
	padding: 0;
	margin: 3px 0 0 20px;
}

.entry ol {
	margin: 0 0 0 22px;
	padding: 0;
}

.entry ol li {
	list-style-type: decimal;
	list-style-position: outside;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

.aligncenter {
	text-align: center;
}

.entry p.author{
	font-size: 11px;
	padding: 5px 0 0;
	color: #29598C;
}



.postinfo{
	float: left;
	width: 100%;
	border: 1px solid #f0f0f0;
	border-left: 0;
	border-right: 0;
	margin: 5px 0 20px;
	padding: 0 0 10px;
	clear: both;
}

.postinfo ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.postinfo ul li{
	float: left;
	margin: 10px 0 0;
}

.postinfo ul li.tags{
	padding: 0 0 0 21px;
	background: url(images/tag_green.gif) no-repeat;
}

.postinfo ul li.comments-link{
	margin-right: 10px;
	padding: 0 0 0 19px;
	background: url(images/comment.gif) no-repeat 0 2px;
}

.postinfo ul li.postdate{
	margin-right: 10px;
	padding: 0 0 0 21px;
	background: url(images/calendar.gif) no-repeat;
}

.postinfo ul li.edit{
	margin-left: 10px;
}

.browse{
	float: left;
	padding: 5px;
}

.browse p{

}

/* =============== CONTENT SECTION ==END============= */


/* =============== SIDEBAR ==START============= */

.sidebar {
	float: left;
	width: 198px;
	padding: 10px 15px;
	margin: 0;
	font-size: 13px;
}

.sidebar h3 {
	font-size: 16px;
	color: #D44944;
}
	
.sidebar p {
	padding: 10px 0;
	margin: 0;
}

.sidebar a {
	color: #243A5B;
}

	/*for widgets - START - */
	
	.sidebar li h2 {
		font-size: 16px;
		color: #D44944;
		margin: 15px 0 5px 0;
	}
	
	.sidebar li h2 a {
		font-size: 15px;
		color: #D44944;
		margin: 15px 0 5px 0;	
	}
	
	.sidebar li a {
		color: #243A5B;
		text-decoration: none;
	}
	
	.sidebar li a:hover {
		color: #D44944 ;	
	}
	
	.sidebar ul {
		padding: 0;
		margin: 0;
	}

	.sidebar ul ul li {
		margin-bottom: 5px;
	}
	
	
	
	.sidebar #s {
		border: 1px solid #243A5B ;
	}
	
	/*for widgets - END - */
	


/* =============== SIDEBAR ==END============= */

/* =============== COMMENT SECTION ==START============= */

.comments-template{
	margin: 15px 0 0;
	border-top: 1px solid #f0f0f0;
	padding: 15px 0 0;
}

.comments-template h2{
	padding: 0;
	background-image: none;
}

.comments-template h2, .comments-template h3{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;	
}

.comments-template ol{
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}

.comments-template ol li{
	margin: 15px 0 0;
	line-height: 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #f0f0f0;
}

.comments-template p.nocomments{
	padding: 0;
}

/* =============== SIDEBAR ==END============= */

/* =============== CALENDAR ==START============= */

.sidebar ul li#calendar #calendar_wrap{
	border-top: 1px solid #cce0ee;
	padding: 4px 11px 11px;
	background: #f6f9fc url(images/bg_ul_ul.gif) no-repeat bottom left;
}

.obar ul li#calendar #calendar_wrap{
	border-top: 1px solid #ddd;
	padding: 4px 11px 11px;
	background: #f9f9f9 url(images/bg_ul_ul_alt.gif) no-repeat bottom left;
}

table#wp-calendar{
	width: 100%;
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	text-transform: none;
	line-height: 24px;
}

table#wp-calendar caption{
	padding: 10px 15px;
}

table#wp-calendar th{
	padding: 2px;
	text-align: right;
	vertical-align: top;
}

table#wp-calendar td{
	padding: 2px;
	text-align: right;
}

table#wp-calendar tfoot td{
	text-align: center;
}

/* =============== CALENDAR ==END============= */

/* =============== FOOTER ==START============= */


#footer_box {
	float: left;
	width: 720px;
	padding: 0 15px;
	margin: 10px 0 0 0;


}

#footer_content {
	width: 100%;
	float: left;
	border-top: dotted 2px #BECECE;
	padding: 10px 0;
}

#footer_content img {
	float: right;
	margin-left: 20px;

}


/* =============== FOOTER ==END============= */
