/*
Skin Name: k2 lite for Sandbox
version for IUAV interaction design: Gillian Crampton Smith September 2006
Skin URI: http://www.almosteffortless.com/wordpress/
Description: A port of the fabulous <a href="http://getk2.com">k2</a> for the wonderful <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a> by <a href="http://www.almosteffortless.com">Trevor Turk</a>. Free for any use, licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Author: Trevor Turk
Author URI: http://www.almosteffortless.com/
Version: 1.2
Colours: #444 = dark grey
#fff = white
#9A7875  = pale brown (tab normal)
#7D5B56 = darkbrown (tab current)
#959595  = pale grey 
#777      = light grey 
#979797  = pale grey (pinker for header default colour)
#bb4411  = terracotta (original visited links)
#b83927 = deep red
#FF1C14 = bright red

Global Navigation: Y */


* {
	padding: 0;
	margin: 0;
	}

img {
	border: 0;
	}

body {
font: 62.5% Arial, 'Helvetica', Verdana, Arial, Sans-Serif; /* 62.5% sets 1em to about 10px */
	background: #EDEDED;
	color: #444;
	text-align: center;
	margin-bottom: 30px;
	}

#wrapper {
	width: 780px; /* controls the main width of the page, if changed also change #content and .sidebar */
	margin: 0 auto;
	padding: 20px 0 10px 0;
	border: 1px solid #ddd;
	border-top: none;
	background: white;
	text-align: left; /* controls alignment of body text? */
	}

#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 150px;
	color: white;
	background-color: #979797;
	background-image: url(head.jpg); 
	background-repeat: no-repeat;
	/* header color default is #3371A3 (blue) , for images - background-image: url(example.jpg); */
	}
	
#blog-description,  #blog-description a:link, #blog-description a:visited, #blog-description a:hover, #blog-description a:active{
	color: #fff;
	margin: 0 20px;
	padding: 0 0 0 5px;
	text-decoration: none;
	}

/* My Comment */
	
#blog-description a:hover, #blog-description a:active {
	text-decoration: underline;
	}
	
	
	
/*-NEW  Main Menu in Header url(head.jpg) no-repeat */

ul.menu {
	position: absolute;
	bottom: 0;
	left: 15px;
	width: 90%;
	padding: 4px 10px 5px 4px; 
	margin: 0px 3px 0px 16px
	}

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

/*ul.menu{
	
	}*/

ul.menu li a {
	margin: 0px 5px 0px 0px;
	padding: 4px 10px 5px 4px; 
	font: 1em 'Helvetica', Verdana, Arial, Sans-Serif;
	color: white;
	background:  #722318; /*dark red (*#9A7875;  pale brown) */
	}

ul.menu li a:hover {
	background: #A6A9A8; /* grey */
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a {
    color: #fff !important;
    background-color: #FF1C14; /* bright red (was # 7D5B56;  darkbrown) */
    text-decoration: none;
    }
    
ul.menu li.current_page_item a:hover {
	color: #fff !important;
	background-color: #722318; /* dark red (was # 7D5B56;  darkbrown) */
	text-decoration: none;
	}
	
.admintab {
	position: absolute; 
	/* background-color: #A6A9A8; grey */
	color: #eee !important;
	text-decoration: none;
	right: 0px;

	/*_padding: 4px 10px 5px;*/ /* IE hack */

	}


* html .admintab { padding: 4px 10px 5px }	/* IE hack */

a img,:link img,:visited img { border:none }



/* END NEW*/
	

#content {
	width: 500px; /* default width is 500px ################ */
	margin: 35px 10px 0 35px;
	padding: 0;
	float: left;
	display: inline;
	}

.sidebar {
	width: 136px; /* 186px default, original k2 is about 206px, max is 220px */
	float: right;
	overflow: hidden;
	margin-right: 10px;
	display: inline;
	}

#primary {
	margin-top: 20px;
	}

#secondary	{
	clear: right;
	}

#footer {
	clear: both;
	width: 100%;
	padding-top: 30px;
	text-align: center
	}

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1 { 
	font-size: 2.5em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
	padding: 65px 0 0 35px; /* ### 75 to 72 to move it up slightly*/
	}

h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	text-decoration: none;
	color: #fff;
	}

h1 a:hover, h1 a:active {
	text-decoration: underline;
	}

/*
#blog-description,  #blog-description a:link, #blog-description a:visited, #blog-description a:hover, #blog-description a:active{
	color: #fff;
	margin: 0 20px;
	text-decoration: none;
	}
	
#blog-description a:hover, #blog-description a:active {
	text-decoration: underline;
	}
*/
	
h2 {
	font-size: 1.6em; /* +++ */
	line-height: 1.8em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #444;
	}

h3 {
	font-size: 1.8em;
	font-weight: normal;
	color: #444;
	}

h4 {
	font-size: 1.2em;
	color: #444;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	text-decoration: none;
	color: #444;
	}

h2 a:hover, h2 a:active, h3 a:hover, h3 a:active {
	text-decoration: underline;
	}
	
#content h4 {
	color: #9A7875 /* pale brown */
	}

.more-link  {
	color: #7D5B56; /* dark brown */
	}
	
.more-link a:hover, a:active {
	text-decoration: none;
	color: #777 /* light grey */
	}

.sidebar h3 {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	}
	
.sidebar ul li {
	margin: 3px 0;
	padding: 0;
	font-size: 1.0em;
	}

.sidebar .pagenav ul li li, .sidebar .pagenav ul li li li, .sidebar .pagenav ul li li li li,
.sidebar .pagenav ul li li li li li, .sidebar .pagenav ul li li li li li li { /* nested subpages, 5 levels deep */
	margin-left: 10px; 
	list-style-type: none;
	}

a:link, .pingback .comment-metadata a:link, .sidebar a:link, .sidebar a:visited { /* primary link color */
	color: #9A7875 ;  /* palebrown (was #27d originally) */
	text-decoration: none;
	}

a:visited, .pingback .comment-metadata a:visited { /* primary link color for visited links */
	/* color: #b41;  terracotta */
	color: #7D5B56; /* dark brown */
	text-decoration: none;
	}
	
a:hover, a:active, .pingback .comment-metadata a:hover, .pingback .comment-metadata a:active { /* hover & active links */
	text-decoration: underline;
	}
	
.sidebar a:hover, .sidebar a:active { /* link color fix for sidebar */
	color: #9A7875; /*  pink-grey (was #27d originally) */
	text-decoration: underline;
	}
	
.sidebar li.home-link h3 a:link, .sidebar li.home-link h3 a:visited {
	color: #444; /* dark grey */
	text-decoration: none;
}

.sidebar li.home-link h3 a:hover, .sidebar li.home-link h3 a:active {
	color: #444; /* dark grey */
	text-decoration: underline;
}

.navigation a:link, .navigation a:visited, .entry-meta a:link, .entry-meta a:visited,
.archive-metadata a:link, .archive-metadata a:visited, .author-metadata a:link, .author-metadata a:visited,
.comment-metadata a:link, .comment-metadata a:visited, #loggedin a:link, #loggedin a:visited,
#footer a:link, #footer a:visited { /* more link link color fixes for nav & admin stuff */
	color: #777; /* light grey */
	text-decoration: none;
	}

.navigation a:hover, .navigation a:active, .entry-meta a:hover, .entry-meta a:active,
.archive-metadata a:hover, .archive-metadata a:active, .author-metadata a:hover, .author-metadata a:active,
.comment-metadata a:hover, .comment-metadata a:active, #loggedin a:hover, #loggedin a:active,
#footer a:hover, #footer a:active {
	color: #777; /* light grey */
	text-decoration: underline;
	}

.navigation { /* previous & next links on single post pages */
	height: 30px;
	padding-top: 8px;
	font-size: 1.1em;
	}

.nav-previous {
	float: left;
	text-align: left;
	}

.nav-next {
	float: right;
	text-align: right;
	}

.home #nav-above, .single #nav-below {
	display: none;
}

.entry-content { /* blog posts */
	font: 1.2em/1.6em 'Helvetica', Verdana, Arial, Sans-Serif;
	text-align: left;
	color: #444;
	margin: 16px 0 15px 0;
	}

.publish {
	margin-bottom: 40px;
	}
	
.entry-content p, .entry-content div {
	margin: 13px 0;
	}
	
.entry-content ul, .entry-content ol {
	margin-left: 15px; 
}

.entry-meta, .published, .comment-metadata, #comment-notes, #loggedin, .archive-metadata, .author-metadata, .entry-date { 
	font-size: 1em;
	display: block;
	margin-top: 1px;
	color: #bbb; /* very pale grey */
	border: 0;
	}
	
.byline {
	font-size: 1.2em;
	}

.archive-metadata, .author-metadata {
	margin: 0 0 30px 0;
}

#comment-notes, #loggedin, .form-input, .form-textarea, ol.commentlist li p {
	margin: 4px 0;
	}

.entry-meta .published {
	display: inline;
	color: #777; /* dark grey */
	margin: 0;
	
	}

.single .entry-meta {
	margin-top: 40px;
	}

ol.commentlist { /* style for comments */
	padding: 10px 0 30px 0px;
	position: relative;
	}

ol.commentlist li {
	padding: 6px 6px 6px 6px;
	margin-bottom: 6px;
	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.5em;
	}

.comment-author {
	font-size: 1.2em;
	font-weight: bold;
	}

li.comment .comment-metadata {
	font-size: 0.8em;
	}

.byuser {
	background: #f6f7f8;
}

.bypostauthor {
	background: #eee;
}
	
.access { /* misc styles */
	display: none;
	}

.unapproved {
	background-color: #fbfbb1;
	display: block;
	padding: 1px;
	margin: 2px 0;
	text-align: center;
	}

blockquote {
	margin: 20px 0 20px 15px !important;
	padding: 0 20px 0 15px;
	background: none;
	border-left: 1px solid #ccc;
	}

#globalnav #menu { /* style for k2-style tabs in header */
	position: relative;
	margin: -23px 0 0 18px;
	width: 710px;
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	padding: 5px 15px 6px 15px;
	}
	

	
#globalnav #menu li {
	display: inline;
	margin: 0 2px;
	}
	
#globalnav #menu li a {
	padding: 5px 15px 6px 15px;
	}

#globalnav #menu li a:link, #globalnav #menu li a:visited {
	color: #fff !important;
	text-decoration: none;
	}

#globalnav #menu li a:hover, #globalnav #menu li a:active {
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}

#globalnav #menu li.current_page_item a:link, #globalnav #menu li.current_page_item a:visited,
#globalnav #menu li.current_page_item a:hover, #globalnav #menu li.current_page_item a:active {
	background: #fff;
	color: #333 !important;
	text-decoration: none;
	}

#globalnav #menu li ul { /* hides subpages */
	display: none;
	}
	
/* #globalnav { display: none; }  for hiding the tabs in the header */ 
 .sidebar .pagenav { display: none; } /*  hiding the page listing in the sidebar */