/*
	CSS files kept in the 'styles' 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 versions as well as debug any potential
	problems.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name		: 	Colin Chau
	Author Site		: 	http://www.colinchau.com
	Style Name		: 	Colin Chau Photography
	Style URI		:	http://getk2.com
	Version		:	2.0
	Header Height		:	260
	Comments		:	Style specific to colinchau.com
						The header image was painted by my friend Rasmus (http://no-go-dk)
						License: http://creativecommons.org/licenses/by-nc-sa/2.5/
*/

/*- Typography */

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

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

	}

h1, h2, h3, h4, h5, h6, .blog-title {
	ffont-family: "Trebuchet MS", Verdana, sans-serif;
font-family: "helvetica", Helvetica, Arial, sans-serif !important;

	}

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

/***********/

body {
	margin: 0;
	hheight: 100%;
	background-color: white !important; /* previously: #f7f7f7 */
	bbackground-image: url('/images/backdrop.png');
	bbackground-image: url('/images/headers-blog/rotate.php') !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-position: top !important;
}

#header {
	height: 260px !important;
	background: transparent url('http://www.colinchau.com/images/blogheaders/rotate.php') !important;
	background-repeat: no-repeat !important;
	background-position: bottom center !important;
}

#header .blog-title {
	display: none;
}

#header .description { /* Description in header */
	font-size: 1.2em !important;
	margin: 0 40px;
	display: none;
}

#page {
	border: none !important;
	width: 970px !important; /*Width of entire Blog*/
	_width: 970px !important; /*Check in IE to get the value that matches your blog*/
	padding: 0px !important;
	_padding: 0px !important;
	background: white !important;
	bborder-bottom: 5px solid #cc0000 !important;
	ppadding-bottom: 100px !important;
}


#myfooter {
	width: 970px;
	font-size: 9px;
	color: grey;
	text-align: right;
	padding-bottom: 5px; 
	border-bottom: 5px solid #cc0000; 
	margin-top: 100px;
}


.entry-content {
	color: black !important;
	line-height: 1.4em !important;
	text-align: left !important;
}

.entry-content p {
	margin: 18px 0 !important;
}

.entry-title a:visited {
	ccolor: #AC0E0F !important;
	color: #1a1a1a !important;
}

.entry-title, h3 {
	font-size: 2em !important;
	margin-top: 2em !important;
	margin-bottom: 5px !important;
}

ul.menu {
	/*position: absolute; left: 100%; top: 0px; */
	position: absolute;
	left: -20px;
	top: 235px;
	bbackground: #1a1a1a !important;
padding-left: 60px;
padding-right: 30px;
fffilter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#1a1a1a', startColorstr='#fefefe', gradientType='0')
progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
	background-image: url('/images/menubar-bg.png');
	background-repeat: repeat-x;
wwidth:100%;

ppadding-top:5px;
}

ul.menu li {
	margin-right: 0px !important;
font-size:12px;
height:50px;
}

	
ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover, ul.menu li.current-cat a, ul.menu li.current-cat a:hover {
	color: #cc0000 !important;
	text-decoration: none;
	font-weight: bold;
	background: white !important;
}
	
ul.menu li a:hover {
	background: white !important;
	color: #cc0000 !important;
}


ul.menu li a {
	/*background: #1a1a1a; */
	background: transparent !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	color: white !important;
}


h1.blog-title {
	padding: 140x 25px 0;
	display: none;
	}


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 {
	ccolor: #AC0E0F !important;
	color: #1a1a1a !important;
	}

h2 span a, 
h2 span a:visited,
h3 span a,
h3 span a:visited {
	color: #555 !important;
	font-weight: normal !important;
	}

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


.primary .entry-meta a, .primary .entry-meta 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: #444;*/
color: #1a1a1a !important; /*red: AC0E0F */
	font-weight: normal;
	}
	
.counter a {
	color: #222;
	}
	
.commentlist li {
	color: #666;
	}

.commentlist li:hover {
	background: none;
	}
	
blockquote, #weightedcategories, .authorcomment {
	background: #111;
	border-color: #222;
	}
	
.primary img {
	border-color: #222;
	background: #111;
	}

.inputcontainer {
	margin-bottom: 6px;
	}

/* Gray Color */
#footer, small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, ul#activity li small a, ul#activity li, .LSRow small, #searchcontrols small  {
	color: #555;
	}

a, a:visited, .sidebar a:visited {
	ccolor: #4CA4B8;
	ccolor: #515151!important;
	color: #b51d24 !important;
	}
	
.post p a:visited {
	color: #4CA4B8;
	}

#af-ela-menu li {
	border: none;
	background: #161616;
	}


#af-ela-menu, #af-ela-menu li {
	border-bottom: 1px solid #333;
	}

#af-ela-menu li.selected {
	background: #333;
	}

/* Hovering state of the table items */
#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover {
	background: #222;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	}

/* Active or hovered item in list */
#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-post li:hover {
	background: #222;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	}

#af-ela-post {
	border-left: 1px solid #333;
	border-right: none;
	}

/* Rolling Archives Slider */
#dynamic-content #pagetrack {
	height: 18px;
	background: url('sliderbgleft.png') no-repeat center left;
	}

#dynamic-content #pagetrackwrap {
	height: 18px;
	padding-right: 4px;
	top: 0px;
	background: url('sliderbgright.png') no-repeat center right;
	}

#dynamic-content #pagehandle {
	width: 18px;
	height: 18px;
	top: 0px;
	background: url('sliderhandle.png') no-repeat center center;
	cursor: e-resize;
	}

body.smartposition #rollingarchives {
	background-color: black;
	border-bottom: 1px solid #444;
	}

#footer {
	display: none;
}

#footer a {
	background:url('/images/rss_feed_icon.png') top left no-repeat; padding-left:20px;
	text-decoration: none;
}

#footer a:hover {
	color: #888;
}


.content {
	text-align: left;
	margin: 0px !important;
	padding: 0px !important;
	bborder: 5px solid pink !important;
}


#primary {
	pposition: absolute;
	lleft: 0px;
	float: left !important;
	pposition: relative !important;
	width: 520px !important;
	padding: 0 !important;
	margin: 0 !important;
	bborder: 1px solid blue;
	background: transparent !important;
	clear: none !important;
}

#primary-wrapper {
	margin: 0px !important;
	padding: 0px !important;
	bborder: 1px solid orange;
	float: left !important;
	width: 520px !important;
	background-color: transparent;
}

.secondary {
	width: 180px !important;
	background-color: transparent !important;
	pposition: relative !important;
	margin-top: 25px !important;
	padding: 0px;
	font-size: 1.05em !important;
	line-height: 1.5em;
	color: #515151 !important;
}

#sidebar-1 {
	clear: none !important;
	float: left !important;
	pposition: absolute !important;
	lleft: 570px !important;
	font-size: 1.1em !important;
	mmargin-top: 25px !important;
	margin-left: 70px !important;
}


#sidebar-2 {
	clear: none !important;
	float: right !important;
	pposition: absolute !important;
	lleft: 772px !important;
	ddisplay: inline !important;
	margin-top: 29px !important;
	mmargin-left: 30px !important;
}

.page-head {
	display: none !important;
}

.wp-caption {
	background-color: transparent !important;
	border: 0px !important;
	padding: 0px !important;
}


.wp-caption:hover {
	padding: 0px;
	border: 0px;
}

.wp-caption a img,
.wp-caption a img:hover {
	padding: 0px !important;
	border: 0px;
	margin: 0px !important;
}

.wp-caption .wp-caption-text {
	font-style: italic;
	font-size: 10px;
}

p.wp-caption-text {
	padding: 0px 5px 15px 5px !important;
	margin-top: -2px !important;
	text-align: left;

}


#nav-above {
	display: none;
}

#nav-below {
	margin: 50px 0px 80px 0px;
}

/* widgets */

#divSearchArchive {
	background-color: #212121;
	padding: 3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-align:center;
}

#divSearchArchive input {
	font-size:10px;
}

#twitter-tools {	
	margin-top: -8px;
	padding: 12px;
	background-color: #4abbe0 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.aktt_tweets ul {
	color: white !important;	
	font-weight: normal;
	margin-top: -8px;
	line-height: 1.2em;
}

.aktt_tweets a:link, .aktt_tweets a:visited {
	color: white !important;	
}


.aktt_tweet_time {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

.aktt_more_updates {
	padding-top: 12px !important;
	font-weight: bold !important; 
}

.link_disabled {
	opacity:0.3;
	filter:alpha(opacity=30);
	margin:0;
}