/*
	CSS files kept in the 'styles' directory can be used to
	customize 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 styles from the K2 Options page in the
	'Presentation' section of your WordPress administration.

	For more information on how to use custom styles:
		http://code.google.com/p/kaytwo/wiki/K2CSSandCustomCSS
	
	Author Name	: Paul PJ Cheng
	Author Site	: http://www.paulishere.com
	Style Name	: Appendix
	Style URI	: 
	Version		: 1.0
	Comments	: 260
*/

#page {
	/* The entire design is contained within the 'page' id */
	}
	
#header {
	height: 268px;
	background-color: #f6f3f4;
	background-image: url(appendix_logo6.png);
	background-repeat: no-repeat;
	background-position: center center;	/* Contains the H1 and menu */
	}
	
/*- Typography */

body {
	font-family: Helvetica,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	}

strong, em, b, i {
    font-family: Helvetica,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	}

h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
h6 {
	
}

.comments input[type=text], .comments textarea, code {
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#commentlist li .comment-content {
	font-size:1.2em;
	line-height:1.8em;
	font-style:italic;
	margin-bottom:10px;
	font-family:georgia,"Times New Roman",Times,serif;
}


#page {
	border: none;
	background-color: #f6f3f4;
	padding-top: 0px;
	}
	
#primary {
	/* Contains the main column */
	position: relative;
	float: left;
	width: 600px;
	padding: 10px;
	}

.hentry {
	/* Each entry is contained within the 'hentry' class */
	}

#rollingarchives {
	position: absolute;
	padding: 20px 0;
	display: block;
	width: 600px;
	top: 0;
	background-color: #f6f3f4;
	}

body.smartposition #rollingarchives {
	position: fixed;
	top: 0px;
	border-bottom: 1px solid #eee;
	width: 600px;
	z-index: 10;
	padding-top: 10px;
	padding-bottom: 30px;
	background-color: #f6f3f4;
	}

/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 15px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px;
	}

ul.menu li a {
	font-size: 1em;
	color: #999;
	margin: 0;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	}

ul.menu li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #FF0;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_ancestor a,
ul.menu li.current_page_ancestor a:hover {
	color: #f6f3f4;
	text-decoration: none;
	background-color: #333;
	}

ul.addtoany_list li a {
	padding:0 0px;
	}



.entry-content {
	/* The meat and potatoes of every entry */
	}
	
.k2-asides h3 {
	font-size: 30px;
	font-weight: normal;
	color: #333;
	margin-top: 20px;
	margin-bottom: 10px;
	text-transform:uppercase;
	letter-spacing: -0.5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #333;
	}
	
.secondary h4 { /* Secondary H4 is sidebar headlines */
	font-size: 1.2em;
	font-weight: normal;
	padding: 0;
	display: block;
	margin-bottom: 5px;
	}

.entry-meta { /* Time and category for blog entries */
	font-size: 1em;
	line-height: 1.6em;
	display: block;
	margin-top: 1px;
	margin-bottom:10px;
	color: #bbb;
	}
	
	
	/* search bar properties */
input[type=text], textarea {
	color: white;
	padding: 3px;
	font-style: italic;
	margin-bottom: 10px;
	background-color:#333333;
	border-style: none;
	border-width: 0;
	
	}
	

#sidebar-1 {
	/* The first sidebar */
	
	}
/* To make a switch of left and right */
/*body.columns-two #primary-wrapper {
	float: right;
	margin-right: -220px;
	width: 100%;
	}

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

body.columns-two .secondary {
	float: left;
	}*/

#sidebar-2 {
	/* The second sidebar */
	
	}

.secondary {
	/* Contains both sidebars */
	}
	
/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	/*text-decoration: underline; originally was just this*/
	color: #000;
	text-decoration: none;
	background-color: #FF0;
	}

h2 a:hover, h2 span a:hover {
	}

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: left;
	font-size: 3px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #F6F3F4;
	}
	
h2, h2 a, h2 a:visited,{
	color: #F6F3F4;
	}
	
h2, h2 a, h2 a:hover, h2 a:visited{
	color: #F6F3F4;
	}
h2 a:hover, h2 span a:hover {
	color: #F6F3F4 !important;
	}

a {
	color: #999;
	text-decoration: none;
	}

.entry-content a:visited {
	color: #333;
	}
	
.alignnone {
width:600px;
height: auto;
}