/*   
Theme Name: skt4
Theme URI: http://www.skiant.net/
Description: Skt v4.0
Author: Skiant
Author URI: http://www.skiant.net/
*/


/* ----- HTML MARKUP ----- */
* {
	margin:0px;
	padding:0px;
}

body {
	background:#1b1b1b url('img/body_bg.gif') top left repeat;
	color:#aaa;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	letter-spacing:0.5px;
	padding:50px;
}

p, ul, ol, blockquote{margin-bottom:1em;}
blockquote{border-left:1px dotted #555; margin-left:10px;padding-left:10px}
strong {color:#eee}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	margin-bottom:1em;
	text-transform:uppercase;
}

p+h1, p+h2, p+h3, p+h4, p+h5, p+h6 {
	margin-top:1em;
} 

h1 {font-size:24px}
h2 {font-size:18px}
h3 {font-size:12px}
h4 {font-size:10px}
h5,h6 {font-size:8px}


a {color:#fff;text-decoration:none;}
a:hover{color:#666}
img {border:none}
li {list-style:none;padding:0 0 0.2em 10px;}

/* ----- WORDPRESS MARKUP ----- */

.alignleft{float:left;margin:10px 10px 10px 0}
.alignright{float:right;margin:10px 0 10px 10px}
.aligncenter{margin:10px auto}

.wp-caption{position:relative;}


/* ----- THEME MARKUP ----- */

#wrapper {
	background:#242424;
	margin:0px auto;
	overflow:hidden;
	padding:50px 80px;
	width:720px;
}

/* ----- HEAD ----- */

#header {
	margin-bottom:15px;
}
#toplogo {height:52px;width:141px}

/* ----- SIDEBAR ----- */

#sidebar {
	float:left;
	margin:10px;
	text-align:right;
	width:140px;
}

#menu-main-nav {
	float:right;
	margin-top:-4px
}

#menu-main-nav li {
	list-style:none;
	padding:0 0 5px 0;
}

#menu-main-nav .menu-item a{
	color:#595959;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

#menu-main-nav .menu-item-427 a:hover, #menu-main-nav .menu-item-427.current_page_item a {color:#DC4B24} /* ABOUT */
#menu-main-nav .menu-item-423 a:hover, #menu-main-nav .menu-item-423.current_page_item a {color:#7642D6} /* RESUME */
#menu-main-nav .menu-item-426 a:hover, #menu-main-nav .menu-item-426.current_page_item a {color:#C8B61C} /* CONTACT */
#menu-main-nav .menu-item-425 a:hover, #menu-main-nav .menu-item-425.current_page_item a {color:#70B930} /* LINKS */
#menu-main-nav .menu-item-424 a:hover, #menu-main-nav .menu-item-424.current_page_item a {color:#2E6CB8} /* BLOG */
#menu-main-nav .menu-item-472 a:hover, #menu-main-nav .menu-item-472.current_page_item a {color:#70B930} /* FEED */


/* ----- CONTENT ----- */

#content {
	float:left;
	margin:10px;
	width:420px
}

#blog-content {
	float:left;
	margin:10px;
	width:380px
}

#content.page404 {
	margin-left:170px;
}

#wrapper .page-25 h1, #wrapper .page-25 h2, #wrapper .page-25 h3, #wrapper .page-25 h4, #wrapper .page-25 h5, #wrapper .page-25 h6, #wrapper .page-25 a{color:#DC4B24} /* ABOUT */
#wrapper .page-32 h1, #wrapper .page-32 h2, #wrapper .page-32 h3, #wrapper .page-32 h4, #wrapper .page-32 h5, #wrapper .page-32 h6, #wrapper .page-32 a{color:#C8B61C} /* CONTACT */
#wrapper .page-34 h1, #wrapper .page-34 h2, #wrapper .page-34 h3, #wrapper .page-34 h4, #wrapper .page-34 h5, #wrapper .page-34 h6, #wrapper .page-34 a{color:#70B930} /* LINKS */
#wrapper .page404 h1, #wrapper .page404 h2, #wrapper .page404 h3, #wrapper .page404 h4, #wrapper .page404 h5, #wrapper .page404 h6, #wrapper .page404 a{color:#D70000} /* 404 */
#wrapper .page-356 h1, #wrapper .page-356 h2, #wrapper .page-356 h3, #wrapper .page-356 h4, #wrapper .page-356 h5, #wrapper .page-356 h6, #wrapper .page-356 a{color:#7642D6} /* RESUME */
#wrapper .page-416 h1, #wrapper .page-416 h2, #wrapper .page-416 h3, #wrapper .page-416 h4, #wrapper .page-416 h5, #wrapper .page-416 h6, #wrapper .page-416 a{color:#70B930} /* FEED */


#blog-content h1, #blog-content h2, #blog-content h3, #blog-content h4, #blog-content h5, #blog-content h6, #blog-content a{color:#2E6CB8} /* BLOG */
#widgetarea h1, #widgetarea h2, #widgetarea h3, #widgetarea h4, #widgetarea h5, #widgetarea h6, #widgetarea a{color:#2E6CB8} /* BLOG */

#wrapper .page-25 a:visited{color:#923b24}
#wrapper .page-32 a:visited{color:#867c1f}
#wrapper .page-34 a:visited{color:#3f5a28}
#blog-content a:visited,  #widgetarea a:visited {color:#2a4f7d}
#wrapper .page-25 a:hover, #wrapper .page-32 a:hover, #wrapper .page-34 a:hover, #blog-content a:hover, #widgetarea a:hover, #wrapper .page404 a:hover, #wrapper .page-356 a:hover {color:#eee}
#wrapper .page-25 a[name]:hover, #wrapper .page-32 a[name]:hover, #wrapper .page-34 a[name]:hover, #blog-content a[name]:hover, #widgetarea a[name]:hover {color:#eee}


/* ----- BLOG SPECIFIC ------ */

.blogpost {overflow:hidden}
.blogpost + .blogpost {margin-top:20px}

.meta {
	color:#555;
	float:right
}

.nav {
	overflow:hidden;
	width:100%
}

.navlink {display:block}

.navlink.next {float:left}

.navlink.previous {float:right}




/* ----- COMMENTS ----- */

.blogpost + h2 {margin-top:25px;}

li.comment {
	margin:0;
	overflow:hidden;
	padding:0
}

li.comment .comment-body {
	margin:0 0 0 80px;
	overflow:visible;
	padding-bottom:10px
}

li.comment .comment-author {
	float:left;
	height:100%;
	margin-left:-80px;
	overflow:hidden;
	width:60px
}

li.comment .fn {
	display:block;
	font-weight:bold;
	width:60px
}

li.comment .says {display:none}

li.comment .comment-body .reply {
	text-align:right;
	width:100%
}

.comment-body + .children {margin-top:20px}

li.comment ul.children {
	margin:0;
	padding-left:20px
}

#respond {margin-top:20px}

textarea#comment {width:100%}


/* ----- WIDGET AREA ----- */
#widgetarea {
	float:left;
	font-size:10px;
	margin:10px;
	width:140px
}

.widgetblock {margin-bottom:30px;overflow:hidden;}

#greader li, .aktt_tweets li {
	border-bottom:1px dotted #444;
	margin-bottom:1em;
	overflow:hidden
}

.aktt_tweets .aktt_more_updates {border:none;text-align:right;}


.greaderlink{float:right}
.aktt_tweet_time {display:block;text-align:right;width:100%;}

/* ----- RESUME SPECIFIC ----- */

#content.page-356 {margin-top:3px}
.resume-block{overflow:hidden;}
.resume-block+.resume-block {margin-top:2em;}
.resume-block+.column2 {margin-top:0}
#persona {float:left;width:64%}
#contact {float:right;width:36%}


#trainings {clear:both;}
#trainings li+li {margin-top:1em}
.resume-block .details {font-style:italic;}
.column3 {float:left;width:28%}
.column3 + .column3 {margin-left:30px;}
.page-356 li {padding:0}
#competences li {clear:both;display:block;overflow:hidden;}
.levelbar {color:#666;float:right;width:25px;}
.levelbar strong {color:#fff}
#hobbies {clear:both;}


/* ------ BUZZ FEED ------ */

.buzzFeedItem {
	border-bottom:1px dashed #444;
	overflow:hidden;
	padding:1em 0.5em 0.5em 0.5em;
}
.buzzFeedItem.r1{background:#2c2c2c;}

.buzzFeedAttachements img {float:left; margin:10px 10px 10px 0;}
.buzzFeedMeta {margin-top:1em;opacity:0.6}

.buzzFeedItemFrom{
	color:#555;
	font-size:0.9em;
	position:relative;
	text-align:right;
	top:10px;
}

#wrapper .buzzFeedItemFrom a{color:#47761f;}
#wrapper .buzzFeedItemFrom a:hover{color:#f3faed}

p#BuzzFeedEnd{
	margin-top:1em;
	text-align:right;
}

/* ------ FOOTER ------ */

#footer {
	clear:both;
	color:#555;
	text-align:center
}

#footer a{color:#aaa}
#footer a:visited{color:#888}
#footer a:hover{color:#eee}


/* ----- LAST TWEAKS ----- */

#content > h1 {margin-top:-8px}
#blog-content h1 {margin-top:-8px}
.widgetblock > h3 {margin-top:-2px}
.floatright {float:right;}


.cufon-active h1 {font-size: 24px}
.cufon-active #content > h1 {margin-top:-3px}
.cufon-active #blog-content h1 {margin-top:-3px}
.cufon-active h2 {font-size: 16px;padding-top:0.5em}
.cufon-active h3 {font-size: 8px;padding-top:0.4em}
.cufon-active #menu-main-nav {margin-top:0}
