/* @override http://steampowereddesign.com/tumblr/kf_tumblr.css */

/* @override http://steampowereddesign.com/tumblr/kf_tumblr.css */

/* @override http://steampowereddesign.com/tumblr/kf_tumblr.css */

/* @override http://10.0.1.5/kylefletcher/wp-content/themes/kylefletcher/css/layout.css */

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

/* ----- General Styles ----- */
body {
	background: #ffffff;
	font: normal 13px/15px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
}

div {
	font-size: 13px;
	line-height: 18px;
}

a, a:link, a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #000;
}

p {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

#container {
	padding: 20px 0 0 0;
}

.content {
	margin: 0;
	padding: 0;
}

.tumblrAutoPager_page_info {
	font-family: "kulturista-web-1", Georgia, serif;
	font-style: italic;
	margin: 0 0 15px 0;
}

#foot {
	font-size: 11px;
	margin: 0 0 4px 0;
	padding: 0;
}

/* ----- /General Styles ----- */

/* ----- Header ----- */
#header {
	margin:  0 0 15px 0;
	padding: 0;
}

#logo h1 {
	background: transparent url(http://steampowereddesign.com/tumblr/images/logo.png) no-repeat scroll 2px -3px;
	padding: 0;
	margin: 0;
	float: right;
}

#logo h1 a:link, #logo h1 a:visited, #logo h1 a:hover, #logo h1 a:active {
	height: 24px;
	width: 32px;	
	border-bottom: 0 none;
	display: block;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#tagline {
	float: right;
	margin: 0;
	padding: 3px 0 0 0;
}

#tagline p { 
	line-height: 25px;
	font-style: italic; 
	font-size: 11px;
	color: #222;
}

#main-menu ul li {
	display: block;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

#main-menu ul li a {
	background: transparent url(http://steampowereddesign.com/tumblr/images/nav-bg.png) 0 -7px;
	color: #222; 
	text-decoration: none; 
	font-size: 15px; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	line-height: 20px;
	padding: 3px 7px;
	font-weight: 100;
}

#main-menu ul li.projects a {
	background-position: 0 -7px;
}

#main-menu ul li.info a {
	background-position: 0 -38px;
}

#main-menu ul li.blog a {
	background-position: 0 -69px;
}

#main-menu ul li.projects.current_page_item a, 
#main-menu ul li.projects.current_page_item a:hover, #main-menu ul li.projects.current_page_item a:visited, #main-menu ul li.projects a:hover {
	background-color: #66ffcc;
}

#main-menu ul li.info.current_page_item a, 
#main-menu ul li.info.current_page_item a:hover, #main-menu ul li.info.current_page_item a:visited, #main-menu ul li.info a:hover {
	background-color: #5fe3ff;
}

#main-menu ul li.blog.current_page_item a, 
#main-menu ul li.blog.current_page_item a:hover, #main-menu ul li.blog.current_page_item a:visited, #main-menu ul li.blog a:hover {
	background-color: #ff0000;
}

#headline h2 {
color: #666666;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 18px 0 20px 70px;
	padding: 0;
}

/* ----- /Header ----- */

/* ----- Tumblr Content Styles ----- */
.tags {
	margin: 10px 0 0 0;
	padding: 0;
}

.tags ul {
	margin: 0;
	padding: 0;
}

.tags ul li {
	display: block;
	float: left;
	margin: 0 4px 0 0;
	padding: 3px 8px;
	background-color: #fcc;
     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;

}

#kf-content h3.tk-atrament-web {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 1px;
}

#kf-content h3.tk-atrament-web a {
	text-decoration: none;
}

#kf-content h3.tk-atrament-web a:hover {
	text-decoration: underline;
}

#kf-content .tk-kulturista-web {
	font-size: 11px;
	font-style: italic;
}

#kf-content .post {
	border-top: 1px solid #ff0000;
	margin: 0 0 20px 0;
	padding: 20px 0;
}

#kf-content #tags {
	display: block;
	width: 175px;
	float: left;
	margin: 0 10px 0 0;
	padding: 10px;
	background: #f00;
}

#kf-content #tags h3 {
	margin: 0 0 20px 0;
	padding: 0;
}

#kf-content #tags ul {
	margin: 0 0 40px 0;
	padding: 0;
}

#kf-content #tags ul li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 25px;
}

#kf-content #tags ul li a {
	text-decoration: none;
}

#kf-content #posts {
	display: block;
	float: left;
	width: 770px;
	margin: 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #f00;
}

#kf-content #posts .info {
	display: block;
	float: left;
	width: 500px;
}

#kf-content #posts .note-count {
	float: right;
}

#kf-content #posts h3 {
	margin: 0 0 4px 0;
	font-style: normal;
}

#kf-content #posts p.date {
	font-size: 11px;
	margin: 0 0 10px 0;
}

#posts hr {
	display: none;
}

/* Photo Post */
#kf-content #posts .post .photo-image {
	margin: 0 0 15px 0;
}

#kf-content #posts .post .photo-image img {
	width: 100%;
}

/* Video Post */
#kf-content #posts .post .video-container {
	display: block;
	margin: 0 0 15px 0;
	padding: 0;
}

/* Audio Post */
#kf-content #posts .post .audio-container {
	display: block;
	margin: 0 0 15px 0;
	padding: 0;
}

/* Quote Post */
#kf-content #posts .quote .quote-text, #kf-content #posts .quote .source {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 15px 0;
	padding: 0;
}

#kf-content #posts .quote .source {
	font-weight: 600;
}

/* Link Post */
#kf-content #posts .link .link-text {
	font-size: 13px;
	line-height: 18px;
}

/* Chat Post */
#kf-content #posts .chat ul {
	font-size: 13px;
	line-height: 18px;
}

/* ----- /Tumblr Content Styles ----- */

/* ----- Footer ----- */
#footer {
	background: url(http://steampowereddesign.com/tumblr/images/footer_bg.png) no-repeat 0;
	margin: 25px 0 0 0;
	padding-top: 20px;
	border-top:  1px solid #66ffcc;
}

body.page-template-information-php #footer {
	border-top:  1px solid #5fe3ff;
}

body#kf-tumblr #footer {
	border-top: 0 none;
}

#footer p {
	font-family: "atrament-web-1", "atrament-web-2", Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	text-align: center;
	padding: 0 0 15px 0;
	margin: 0;
	color: #666;
}

#footer p a {
	color: #222;
	text-decoration: underline;
}

#footer p a:hover {
	text-decoration: none;
}



#powered_by {
    bottom: 0;
    display: block;
    height: 25px;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 82px;
	background: url(http://kylefletcher.com/wp-content/themes/kylefletcher/images/steam_020511.png) no-repeat 0 0;
}

#powered_by a {
    display: block;
    height: 25px;
    text-indent: -99999px;
    width: 82px;
}
/* ----- /Footer ----- */