/*  
Theme Name: socialKDN
Theme URI: http://kdnmedia.com
Description: Fast and minimalstic wordpress blog build for customization in mind. 
Version: 1.1b
Author: Kenneth D. Nordahl
Author URI: http://kdnmedia.com
*/


/*  

GLOBAL RESET

*/


*{ 
	margin: 0; padding: 0; 
}
html{ 
	overflow-y: scroll; 
}
html, body{ 
	height: 100%; 
}
body{ 
	font-size: 14px; 
	font-family: Georgia, Arial, sans-serif; 
	color: #777777; 
	background-color: #252429;
}
ul{ 
	list-style: square inside; 
}
ol{ 
	list-style: decimal inside; 
}
a{ 
	outline: none; 
	text-decoration: none; 
}
a img{ 
	border: none; background: none; 
}
img{ 
	vertical-align: middle; 
}
table{ 
	border-collapse: collapse; 
}

iframe{
	float: right;
	padding-right: 10px;
}

/* 

UTILITY

*/

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
	margin-top: 0px !important;
}
.clear {
	clear: both;
}
.button {
	border 1px solid #ffffff;
	background: #000000;
	padding: 3px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	color: #ffffff;
	margin-right: 10px;
}
.italic {
	font-style: italic;
}

img.center{
	display: block;
    margin-left: auto;
    margin-right: auto;
}



/*
	TYPGROGRAPHY
*/
@font-face { font-family: "DiavloBold"; src: url(fonts/Diavlo_BOLD_II_37.otf); format("opentype"); }
@font-face { font-family: "DiavloLight"; src: url(fonts/Diavlo_LIGHT_II_37.otf); format("opentype"); }


/*
==================================================================
Diavlo is a free font available at http://www.josbuivenga.demon.nl
==================================================================
*/

p, li{ 
	font-size: 14px; 
	line-height: 1.2em; 
	margin: 0 0 10px 0; 
}
p#intro-paragraph{ 
	font-family: Georgia, serif; 
	font-size: 2.0em; 
	font-style: italic;
	line-height: 1.4em; 
	margin-top: 5px; 
}
p#intro-paragraph span{ 
	font-size: 2.4em; 
	font-weight: bold; 
}
p#intro-paragraph em{ 
	color: #000000; 
}
a{ 
	color: #2fc2ef; 
}
a:hover{ 
	background: #2fc2ef; 
	color: #232323; 
}
h1{ 
	font-size: 3.6em; 
	font-family: Georgia, serif; 
	font-weight: normal; 
}
h2 { 
	font-size: 2.8em; 
	font-family: Georgia, serif; 
	font-weight: normal; 
	color: #cccccc;
	}
h2 a{ 
	font-size: 40px;
	font-family: Georgia, serif; 
	font-weight: normal; 
	color: #cccccc;
	}
h3{ 
	font-size: 2.6em; 
	font-family: "Georgia", serif; 
	font-weight: normal; 
	margin: 0 0 10px 0; 
}
h3 a{
	font-family:  "DiavloLight", Arial;
	font-size: 24px;
}
h4{ 
	font-size: 2.0em; 
	margin-bottom: 15px; 
}
h5{ 
	font-size: 1.8em; 
	margin-bottom: 15px; 
}
h6{ 
	font-size: 1.5em; 
	margin-bottom: 15px; 
}
.post h6{ 
	font-size: 2.6em; 
	font-family: Georgia, serif; 
	font-weight: normal; 
	margin: 0 0 10px 0;
	color: #669999; 
}
/*


/*
	FORMS
*/
input { 
	padding: 3px;
}



/* 

STRUCTURE

*/

#page-wrap{
	width:920px;
	margin: 0px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
/* 

COLORS

*/


/* 

HEADER

*/


#top-bar {
}


/* 

MENU

*/

div.nav{
	margin: 0 0 0 40px;
}
div.nav ul
{
list-style-type:none;
}
div.nav ul li{
margin: 0 10px 0 10px;
}
div.nav ul li a
{
text-decoration:none;
color:white;
font-family: Arial;
font-size: 16px;
text-transform: lowercase;
padding: 20px 5px 0 5px;

}

div.nav ul li a:hover {
	color: white;
	background-color: transparent;
}

.page_item{

	float: left;
}
.current_page_item{
	float: left;
	background-image: url(images/menu_bg.png);
	background-repeat: repeat-x;
}

/* dropdown */
div.menu ul li ul{

}
div.menu ul li:hover ul{


}


.nav, .nav ul {

	list-style: none;
}

.nav a {
	display: block;
}

.nav li {
	float: left;
}
.nav li ul {
	position: absolute;
	left: -999em;
}

.nav li:hover ul {
	left: auto;
}
.nav li:hover ul, .nav li.sfhover ul {
	left: auto;
}
/* 

COLS

*/

#cols {
	background-color: #535353;
	background-image: url(images/body_bg.png);
	background-repeat: no-repeat;
}

/* 

CONTENT

*/
#postwrap{
	background-color: #fff;
	background-position: top left;
	padding: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
}
#content {
	width: 620px;
	float: left;
}


/* 

BLOG ENTRIES

*/
.post{
	width: 595px;
	margin-bottom: 30px;
}
.post h2 {
}
.post h3{
	font-size: 16px;
	text-transform:  uppercase;
}
.post h5 {
	margin-top: 50px;
	font-size: 14px;
	font-family:  "DiavloLight", Arial;
	text-transform:  uppercase;
}
ol.commentlist{ 
	list-style: none;
}
.comment-bubble{ 
	background-color: #252429; 
	color: white; 
	padding: 10px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
ol.commentlist li p{ 
	font-size: 1.0em; 
	padding-left: 20px
}
ol.commentlist li a{
	padding: 0 5px; 
}
ol.commentlist li a:hover{ 
	color: #232323;  
}
ol.commentlist li.alt{
	width: 580px;
	background-color: #232323;
	padding-top: 5px;
	padding-bottom: 5px;
}
ol.commentlist cite{
	font-weight: bold;
	margin-left: 0px;
	padding-left: 10px
}

.gravatar{ 
	margin-top: 3px; padding: 2px; height: 40px; 
}
blockquote p {
	padding: 0 60px;
	font-style: italic;
}
cite{
	margin-left: 60px;
	font-weight: bold;
}
p.post_info{
	text-transform: uppercase;
	font-family: "Arial";
	font-size: 12px;
	width: 580px; border-bottom: 1px solid #333333; display: block ;
}
p.post_info a{
	color: #777777;
}
hr{
	color: #777777;
	height: 1px;
	margin-top: -10px;
	margin-bottom: 20px;
}


/* table specific css */
table.lifestream { border: 0; border-spacing: collapse; width: 100%; }
table.lifestream .lifestream_hour { text-align: center; color: #777; padding: 3px 0.5em; }
.lifestream abbr { text-decoration: none; border: 0; }
table.lifestream .lifestream_hour { width: 50px; }
table.lifestream td { vertical-align: top; padding: 3px 0; }

.lifestream_feedid_flickr div a { padding: 2px; }
#sidebar .lifestream ul, .lifestream ul { list-style-type: none; margin: 0; padding: 0; }

.lifestream_more span { color: #006699; text-decoration: underline; cursor: pointer; }


img.size-full{
	margin-top: 30px;
}


/* 

SIDEBAR

*/
#sidebar {
	float: right;
	width: 300px;
	list-style: none;
}

#sidebar ul.lifestream, ul.lifestream { list-style-type: none; margin: 0 0; padding: 0 5px; }
#sidebar ul.lifestream li, ul.lifestream li { padding: 0 0 0 24px !important; margin: 2px 0; background-repeat: no-repeat; background-position: -20px -20px; }
#sidebar ul li.widget {list-style-type: none;}
#sidebar ul li h2 {margin-bottom: 15px; font-size: 14px;}

img.avatar{
}
#lifestream-319758941{
	width: 300px;
	background-image: url(images/twitter_top.png) ;
	background-repeat: no-repeat;
	background-color: #383838;
	border-radius-bottomleft: 20px;
	border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-radius-bottomleft: 20px;
	-webkit-border-radius-bottomright: 20px;
	margin-top: -10px;
	padding-top: 50px;
	padding-bottom: 5px;
}
#lifestream-319758942{
	background-image: url(images/lastfm_top.png);
	background-repeat: no-repeat;
	padding-top: 60px;
}
#lifestream-319758942 h2{
	margin-top: -45px;
	padding-left: 70px;
	padding-bottom: 20px;
}
#lifestream-319758942 h2 a{
	font-size: 16px;
	color: #2fc2ef;
}
#lifestream-319758942 h2 a:hover{
	font-size: 16px;
	color: #fff;
}
#lifestream-319758943{
	background-image: url(images/delicious_top.png);
	background-repeat: no-repeat;
	padding-top: 60px;
}
#lifestream-319758943 h2{
	display: none;
}
#flickr{ background-image: url(images/flickr_top.png); background-repeat: no-repeat; padding-left: 30px; padding-top: 70px;}
#flickr img{margin-bottom: 10px;}
/* 

FOOTER

*/


#footer {
	float: left;
	width:920px;
	background-color: #000;
}
#footer ul{
	list-style-type: none;
}
#footer h3{
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
#footer-col1{
	width: 270px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	margin-right: 10px;
}
#footer-col2{
	width: 160px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}
#footer-col3{
	width: 160px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}
#footer-col4{
	width: 230px;
	float: left;
}
#footer-col1 a{
	color: #2fc2ef;
}
#footer-col1 a:hover{
	color: #252429;
	background-color: #2fc2ef;
}
#footer-col3 a{
	color: #2fc2ef;
}
#footer-col3 a:hover{
	color: #252429;
	background-color: #2fc2ef;
}
#footer-col4 a:hover{
	background-color: transparent;
}