/*
	CSS files kept in the 'schemes' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: Fritz Bogott
	Author Site	: novel-a-month.com
	Style Name	: NAM
	Style URI	: http://novel-a-month.com/wp-content/themes/k2/styles/nam/nam.css
	Version		: 1.0
	Comments	: A set of simple modifications to the excellent K2 layout.
*/

body {
	/* size of light blue strip at the top */
	margin-top: 30px;
}

#page {
	/* #page is the white area where all the action is. */
	padding: 0;
}

.content {
	padding: 0;
}

ul.menu {
	/* This is generated by WP itself (and not by K2.)	*/
	/* WP does not assign id's to the individual links,	*/
	/* which means I can't apply styles the way I want.	*/
	/* Therefore, I've hidden WP's auto-generated menu	*/
	/* and replaced it with my own, somewhat-redundant menu.*/
	display: none;
}

h1 {
	/* I don't want the auto-generated blog title to show up. */
	/* display: none; */
	/* PHPList should be the only thing that uses this. */
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #444;
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -1px;
}

.list {
	/* This class is used by PHPList, not by WP */
	font-size: 2em;
	margin-left: 60px;
}

#header {
	/* Contains the H1 and menu */
	width: 780px;
	background: url('../../../../../images/banner_01/header.jpg') no-repeat;
}

.secondary {
	/* K2's second column, which contains the sidebar. */
	padding: 0;
	margin: 0 0 5px 0;
	float: right;
	width: 226px;
}

.secondary div {
	margin: 0;
}

.secondary h2 {
	height: 1.5em;
	display: block;
	text-align: left;
}

body.columns-two #primary-wrapper {
	margin-right: -226px;
}

body.columns-two #primary {
	margin-right: 226px;
}

.secondary_header {
	/* K2 doesn't have this. */
	/* I added it to support Mozhi's L-shaped banner. */
	height: 890px;
	/* width: 226px; */
	background: url('../../../../../images/banner_01/secondary_header.jpg') no-repeat;
}

.columns-two #sidebar-1 {
	width: 226px;
}

#div-6511077522644198073 {
	/* This is the Google Friend Connect div. */
	width: 212px;
	margin: 0 4px 4px 4px;
	padding: 4px 0 4px 4px;
	border: 1px solid;
}

#subscribe {
	/* K2 doesn't have this, either. */
	width: 212px;
	margin: 0 4px 4px 4px;
	padding: 4px 0 4px 4px;
	border: 1px solid;
}

#search {
	/* This is K2's cool little search interface. */
	width: 208px;
	margin: 0 4px 4px 4px;
	padding: 4px 4px 4px 4px;
	border: 1px solid;
}

#search h2 {
	display: block;
}

#searchform {
	margin-top: 0;
}

#searchsubmit {
	display: none;
}

#cc_link {
	/* Position the cc link within the secondary header */
	/* and replace the text link with a rollover button. */
	/* Only the top half of the button image displays by default. */
	/* This trick is courtesy of http://www.elated.com/articles/css-rollover-buttons/ */
	display: block;
	width: 91px;
	height: 36px;
	background: url("../../../../../images/banner_01/cc_button.jpg") no-repeat 0 0;
	position: relative;
	top: 850px;
	left: 77px;
}

#cc_link:hover {
	/* Upon hover, display the bottom half of the button image. */
	background-position: 0 -36px;
}

#cc_link span {
	/* Hide the link text. */
	display: none;
}

#tabs {
	width: 100%;
}

#tabs div {
	float: left;
	width: 20%;
	text-align: center;
}