/*
	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	:
	Author Site	:
	Style Name	:GCK: The Grand Tour
	Style URI	:
	Version		:1
	Comments	:
*/

/*
Duelling sidebars
*/


body.columns-three #primary {
	margin-left: 195px;
}

body.columns-three #sidebar-1 {
	left: -520px;
	margin-left: -195px;
}




body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	color: #cccccc;
	background: white;
	text-align: center;
	}

#page {
	background: black;
	text-align: left;
	margin: 10px auto 0px;
	padding-top: 20px;
	position: relative;
	border: 1px solid #ddd;
	clear: both;
	}
	
#header {
	position: relative;
	height: 30px;
	background: #787880;
	background-image: url('http://thegrandtour.gaylechongkwan.com/wp-content/uploads/2008/09/tgt_title.png');
	background-repeat: no-repeat;
	}
	
	
/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}
	
/*- Collapsing menu position */

.columns-one ul.menu {
	left: 20px;
	}

.columns-two ul.menu {
	left: 20px;
	}

.columns-three ul.menu {
	left: 200px;
	}

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: white;
	margin: 0;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	}
	
/* Special tabs */
	
ul.menu li.page_item.page-item-8 a {
	font-size: 1em;
	color: black;
	background: white;
	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.page_item.page-item-8 a:hover {
	background: #ddd;
	color: black;
	text-decoration: none;
	}
	
/* The Grand Tour Special tabs
	
ul.menu li.page_item.page-item-4 a {
	font-size: 1em;
	color: black;
	background: #cccccc;
	margin: 0;
	}
	
ul.menu li.page_item.page-item-5 a {
	font-size: 1em;
	color: black;
	background: #cccccc;
	margin: 0;
	}
	
ul.menu li.page_item.page-item-6 a {
	font-size: 1em;
	color: black;
	background: #cccccc;
	margin: 0;
	}
	
ul.menu li.page_item.page-item-7 a {
	font-size: 1em;
	color: black;
	background: #cccccc;
	margin: 0;
	}
	
ul.menu li.page_item.page-item-4 a:hover {
	background: #ddd;
	color: #eee;
	text-decoration: none;
	}
	
ul.menu li.page_item.page-item-5 a:hover {
	background: #ddd;
	color: #eee;
	text-decoration: none;
	}
	
ul.menu li.page_item.page-item-6 a:hover {
	background: #ddd;
	color: #eee;
	text-decoration: none;
	}
	
ul.menu li.page_item.page-item-7 a:hover {
	background: #787880;
	color: #eee;
	text-decoration: none;
	}
	
	*/
	
ul.menu li a:hover {
	background: #ddd;
	color: black;
	text-decoration: none;
	}

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: white;
	background: black;
	text-decoration: none;
	}
	
#primary {
	/* Contains the main column */
	}

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

.entry-content {
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;
	color: white;
	}

#sidebar-1 {
	/* The first sidebar */
	}

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

.secondary {
	width: 200px;
	float: left;
	font-size: 1em;
	line-height: 1.5em;
	color: white;
	position: relative;
	padding: 0 10px;
	overflow: hidden;
	}
	
/*- Typography */

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

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

h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	}

.comments input[type=text], .comments textarea, code {
	font-family: Monaco, "Courier New", Courier, monospace;
	}

/*- Headings */

h1 {
	font-size: 3em;
	}


h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: left;
	font-size: 1.8em;
	letter-spacing: -1px;
	}

#rollingarchives.emptypage {
	display: none;
	}

.page-head {
	margin: 20px 0;
	}

.archivepages {
	color: white;
	display: block;
	font-size: .45em;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: lowercase;
	margin-top: 2px;
	}

.secondary h4 { /* Secondary H4 is sidebar headlines */
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	display: block;
	margin-bottom: 5px;
	}

h3, h4, .single .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: -1px;
	}

.entry-content h3 {
	font-size: 1.7em;
	font-weight: normal;
	margin-top: 25px;
	}

.entry-content h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 25px;
	}

.k2-asides h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.entry-head {
	margin-top: 10px;
	}

body.page .entry-content h3 {
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

body.page .entry-content h4 {
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.secondary div {
	margin: 20px 0 0;
	padding: 0;
	position: relative;
	}

.skiplink {
	display: none;
	}

#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: white;
	font-weight: normal;
	}

#primary .hentry .entry-head .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

#primary .k2-asides .entry-head .metalink {
	font-size: 1.4em;
	}

.single #primary .k2-asides .entry-content {
	font-size: 1.5em;
	color: white;
	}

.comment-meta {
	margin: 0 15px 0 0;
	float: none;
	}

.comment-login, .comment-welcomeback {
	margin-top: 15px;
	color: #777;
}

#comment-personaldetails {
	margin-top: 10px;
}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}



.feedlink span {
	visibility: hidden;
	}

.feedlink:hover span {
	visibility: visible;
	}

.secondary .k2-asides {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .k2-asides p {
	display: inline;
	}

.secondary .k2-asides .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

.page-head .entry-edit {
	position: absolute;
	right: 0;
	margin-top: -20px;
	}



h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: white;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.entry-meta { /* Time and category for blog entries */
	font-size: 1em;
	line-height: 1.6em;
	display: block;
	margin-top: 1px;
	color: #bbb;
	}

.entry-meta div {
	display: inline;
	}


.entry-date abbr {
	border: 0;
	color: #777;
	}

.entry-author {
	display: none;
	}

.entry-author address {
	display: inline;
	font-style: normal;
	}

.entry-category {
	text-transform: lowercase;
	margin-right: 10px;
	}

.entry-meta a, .comment-meta a {
	color: #777;
	}



.entry-tags a {
	text-transform: lowercase;
	}
	
/* footer stuff */

#footer {
	clear: both;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
	color: #555;
	}

#footer p {
	line-height: 1.6em;
	}

#footer a {
	color: #666;
	border: none;
	text-decoration: none;
	font-weight: bold;
	}
	
#footer a img {
	border: none;
	text-decoration: none;
	color: #000;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: #000;
	}

#footer .wp-version,
#footer .k2-version {
	display: none;
	padding-left: 0.3em;
	}

.footerstats {
	display: none;
}

/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: LightGray !important;
	}

a {
	color: LightGray;
	text-decoration: none;
	}

.entry-content a:visited {
	color: DarkGray;
	}