/*
Theme Name: Creative Blog Responsive Theme
Theme URI: http://www.dessign.net/creativeblogtheme
Description: Creative Blog Responsive Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any creative, illustrator or graphic designer. 
Version: 2.0
Author: Marios Lublinski
Author URI: http://www.dessign.net
Tags: 3 column theme, clean, portfolio

= WordPress Core =
= Customisation for KRiSSWebLog =
-------------------------------------------------------------- */

@font-face {
    font-family: NationalRegular;
    src: url(font/NationalRegular.otf); 
}

@font-face {
    font-family: NationalThin;
    src: url(font/NationalThin.otf); 
}


/* #General Wordpress Styles
================================================== */

.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
em {
	font-style:italic;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
}

/* #General Theme Styles
================================================== */

body, div { 
	margin: 0; 
	padding: 0; 
}
body { 
	font-size: 14px; 
	font-family: 'Source Sans Pro', sans-serif; 
	color: #666; 
	line-height: 20px;
}
a { 
	color: #666; 
	text-decoration: none; 
	transition: background 0.3s ease 0s, color 0.3s ease 0s; 
}
a:hover { 
	color: #222; 
}

h1,h2,h3,h4,h5,p { 
	margin: 10px 0; 
}

h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-variant: small-caps;
}

img { 
	border: none; 
}

.left { 
	float: left; 
}

.right { 
	float: right; 
}

.clear { 
	clear: both; 
}

::selection {
	background: #ccc; 
}

::-moz-selection {
	background: #ccc; 
}

.container { 
	width: 980px; 
	margin: 0 auto; 
}

/* #HTML5 tags
================================================== */

header, section, footer, aside, nav, article, figure {
	display: block;
}


/* #Header 
================================================== */

#header { 
	position: fixed; 
	left: 0; 
	padding: 20px 0 15px; 
	-moz-box-shadow: 0 0 2px 1px #ccc; 
	-webkit-box-shadow: 0 0 2px 1px #ccc; 
	box-shadow: 0 0 2px 1px #ccc; 
	width: 100%; 
	background-color: #fff; 
	z-index: 99; 
	height: 17px; 
}

.menu_container { 
	float: left; 
}

.menu_container ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

.menu_container ul li { 
	display: inline-block; 
	margin-left: 35px; 
	font-size: 14px; 
	letter-spacing: 1px; 
	position: relative; 
	padding-bottom: 10px; 
	text-transform: uppercase; 
}

.menu_container ul li:first-child { 
	margin-left: 0; 
}

.menu_container ul li a { 
	text-decoration: none; 
}

.menu_container a:hover{ 
	color: #ffe32b;
}

.menu_container ul li.current_page_item a,
.menu_container ul li.current-menu-item a { 
	color: #444; 
}

.menu_container ul li.current_page_item ul li a,
.menu_container ul li.current-menu-item ul li a { 
	text-decoration: none; 
}

.menu_container ul li ul { 
	position: absolute; 
	top: 25px; 
	left: 0; 
	border: 1px solid #efefef; 
	background-color: #fff; 
	padding: 5px 10px; 
	display: none; 
	line-height: 13px; 
}

.menu_container ul li ul li { 
	font-size: 12px; 
	margin: 0; 
	padding: 10px 5px; 
	border-top: 1px solid #efefef; 
	display: block; 
	width: 130px; 
}

.menu_container ul li ul li:first-child { 
	border-top: none; 
}

.menu_container ul li ul li a { 
	color: #999; 
	display: block; 
}

.menu_container ul li ul li a:hover { 
	color: #444; 
}

.header_right { 
	float: right; 
}

.header_search_cont { 
	float: right; 
	position: relative; 
	margin-left: 8px; 
}

.header_search_cont input[type=text] { 
	width: 155px; 
	height: 24px; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
	padding: 3px 25px 3px 5px; 
	color: #ccc; 
	font-weight: normal; 
	border: 1px solid #ccc;; background-color: #fff; 
	font-size: 10px; 
}

.header_search_cont input[type=image] { 
	position: absolute; 
	top: 6px; 
	right: 6px; 
}

.header_right img { 
	float: left; 
	margin-left: 8px;
}


/*.header_right img:first-child { margin-left: 0; }*/


/* #Content 
================================================== */

#main_cont { 
	padding-top: 100px; 
}

.logo_cont { 
	text-align: center; 
	padding-bottom: 35px; 
}

.logo_cont img { 
	max-width: 100%; 
	height: inherit; 
}

#slideshow_cont {  
	width: 980px; 
	height: 410px; 
	position: relative; 
	margin-bottom: 30px; 
}

.slide_box { 
	display: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
}

.slide_box_first { 
	display: block; 
}

.slide_box img, .slide_box iframe { 
	width: 980px; 
	height: 410px;  
}

.slide_prev, .slide_next { 
	position: absolute; 
	top: 50%; 
	margin-top: -20px; 
	z-index: 50; 
	cursor: pointer; 
}

.slide_prev { 
	left: 0; 
}

.slide_next { 	
	right: 0; 
}

.home_box { 
	float: left; 
	width: 300px; 
	margin-left: 13px;
	margin-right: 13px; 
	margin-bottom: 30px; 
	
}

.home_box h3 { 
	font-size: 20px; 
	margin: 15px 30px 15px 30px; 
	font-weight: normal; 
	font-family: Georgia, 'Source Sans Pro', sans-serif; 
	font-variant:small-caps;
}

.home_box hr {
	color: #ffe32b;
	border-style: solid;
	border-width: 1px 0 0;
	margin-left: 15px;
	margin-right: 15px;
}

.home_box p { 
	margin-top: 0; 
}

.home_box_last { 
	margin-right: 0; 
}

.home_box img,
.home_box iframe { 
	width: 300px; 
	height: 180px; 
}

.home_box img:hover { 
	opacity:0.8; 
	filter:alpha(opacity=80); 
}

.post_meta { 
	font-size: 12px; 
	margin-bottom: 35px; 
}

.home_wide_box { 
	margin-bottom: 30px; 
}

.home_wide_box_img { 
	float: left; 
	margin-right: 30px; 
}

.home_wide_box_img img,
.home_wide_box_img iframe { 
	width: 465px; 
	height: 260px; 
}

.home_wide_box_img img:hover { 
	opacity:0.8; 
	filter:alpha(opacity=80); 
}

.home_wide_box_right { 
	float: right; 
	width: 480px; 
}

.home_wide_box_right .left { 
	width: 395px; 
}

.home_wide_box_right .left p { 
	line-height: 20px; 
}

.home_wide_box_right .left h3 { 
	margin-top: 0; 
	font-size: 20px; 
	font-weight: 300; 
	font-family: Georgia, 'Source Sans Pro', sans-serif;
	font-variant:small-caps;	
	color: #444; 
}

.home_wide_box_right a.right { 
	width: 35px; 
	height: 260px; 
	background-color: #eeeeee; 
	display: block; 
	float: right; 
	color: #a3a2a2; 
	border-radius: 3px;
}

.home_wide_box_right a.right:hover { 
	text-decoration: none; 
	background-color: #222222; 
}

.home_wide_box .link_cont { 
	display: table; 
	width: 100%; 
	height: 100%; 
}

.home_wide_box .link_inside_cont { 
	vertical-align: middle; 
	text-align: center; 
	margin: 0; 
	display: table-cell; 
	font-size: 25px; 
	font-weight: 200; 
	font-family: 'Source Sans Pro', sans-serif;  
}

.load_more_cont { 
	margin-bottom: 30px; 
}

.load_more_cont a { 
	display: inline-block; 
	padding: 8px 30px; 
	background-color: #e6e6e6; 
	font-size: 13px; 
	color: #000; 
}

.single_left { 
	float: left; 
	width: 656px; 
	margin-bottom: 30px; 
}

.single_inside_content img { 
	max-width: 100%; 
	height: inherit; 
}

.single_inside_content a{ 
	color: #444;
}

.single_inside_content a:hover{ 
	color: #ffe32b;
}

.single_inside_content iframe { 
	max-width: 100%; 
}

h1.single_title { 
	margin-top: 10px; 
	margin-bottom: 15px; 
	font-weight: normal; 
	font-size: 22px; 
	font-variant:small-caps;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:100%;
}

.single_inside_content { 
	font-size: 15px; 
	font-family: 'Source Sans Pro', sans-serif;
}

.page_inside_content { 
	margin-top: 40px;
}

.single_inside_content p { 
	line-height: 22px; 
	margin-bottom: 15px; 
}

.single_inside_content a{
	
}

.single_bottom { 
	padding: 8px 3px 0px 3px; 
	border-top: 1px solid #e6e6e6; 
	border-bottom: 0px solid #e6e6e6;  
	font-size: 12px; 
	color: #ccc; 
	float: left; 
	margin-left: 50px; 
	width: 300px; 
	text-align:center;
}

.share { 
	padding: 8px 3px 8px 3px; 
	border-top: 1px solid #e6e6e6; 
	border-bottom: 3px solid #e6e6e6;  
	font-size: 12px; 
	color: #ccc; 
	text-align:center;
}

#commentform input[type=submit] { 
	background-color: #161616; 
	color: #fff; 
	border: 1px solid #6E6E6E; 
	padding: 3px 5px; 
}

.archive_title { 
	padding: 8px 3px; 
	border-top: 1px solid #e6e6e6; 
	border-bottom: 3px solid #e6e6e6;  
	font-size: 15px; 
	color: #525252; 
	margin-bottom: 25px; 
	font-family: 'Source Sans Pro', sans-serif;
	font-variant:small-caps;	
}

.next_prev_cont { 
	padding: 25px 0; 
}

.next_prev_cont .left { 
	float: left; 
	width: 45%; 
}

.next_prev_cont .left a { 
	display: block; 
	background: url('images/post_prev.png') no-repeat; 
	background-position: 0% 50%;
	padding-left: 25px; 
	min-height: 30px; 
}

.next_prev_cont .right { 
	float: right; 
	width: 45%; 
	text-align: right; 
}

.next_prev_cont .right a { 
	display: block; 
	background: url('images/post_next.png') no-repeat; 
	background-position: 100% 50%;
	padding-right: 25px;  
	min-height: 30px; 
}


.notfound_title { 
	font-family: 'Source Sans Pro', sans-serif;
	font-variant:small-caps;	
	padding: 8px 3px; 
	border-top: 1px solid #e6e6e6; 
	border-bottom: 3px solid #e6e6e6;  
	font-size: 15px; 
	color: #525252; 
	margin-bottom: 25px; 
}


/* #Sidebar 
================================================== */

#sidebar { 
	float: right; 
	width: 245px; 
	margin-bottom: 30px; 
	margin-top: 10px;
}

.side_box { 
	margin-bottom: 25px; 
	padding-top: 8px; 
	border-top: 1px solid #ccc; 
}

.side_box h3.side_title { 
	font-family: NationalRegular, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0; 
	font-weight: normal; 
	font-size: 16px; 
	margin-bottom: 10px; 
}

.side_title h3{ 
	background-image: url('images/SidebarBg.png');
	font-family: NationalThin, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0; 
	font-weight: normal; 
	font-size: 20px; 
	margin-bottom: 10px; 
}

.more {
	font-family: NationalThin, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
}

.more a{
	color: #CECECE;
}

.more a:hover{
	color: #FFE900;
}

.side_box ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

.side_box ul li { 
	margin-bottom: 8px; 
}

.widget_recent_comments h2{
	display:none;
} 

.widget_recent_comments ul { 
	list-style-type: square; 
	margin-left: 20px;  
	padding: 0; 
}
.widget_recent_comments ul li { 
	margin-bottom: 2px; 
}


/* #Footer 
================================================== */

#footer { 
	padding: 25px 0 15px; 
	background-color: #222222; 
	font-size: 11px; 
}

.footer_box { 
	float: left; 
	width: 200px; 
	margin-left: 50px; 
	color: #999; 
}

#footer .footer_box:first-child { 
	margin-left: 0; 
}

.footer_box ul { 
	list-style-type: none; 
	margin: 10px 0; 
	padding: 0; 
	line-height: 18px; 
}

.footer_box ul li { 
	margin-bottom: 8px; 
}

.footer_box p { 
	line-height: 18px; 
}

.footer_box h3 { 
	margin-top: 0; 
	font-weight: normal; 
	font-size: 17px; 
	color: #ccc; 
	margin-bottom: 15px; 
}

.footer_box a { 
	color: #999999; 
}

.footer_box a:hover { 
	color: #fff; 
}

.copyright_text { 
	padding: 10px 0 0; 
	font-size: 11px; 
	color: #999; 
	text-align: right; 
	border-top: 1px solid #444; 
	margin-top: 15px;
} 


/*comment*/
/*-----------------------------------------------------------*/

.comment_title { 
	padding: 8px 3px; 
	border-top: 1px solid #e6e6e6; 
	border-bottom: 3px solid #e6e6e6;  
	font-size: 15px; 
	color: #525252; 
	margin-bottom: 20px; 
	font-family: Georgia, 'Source Sans Pro', sans-serif;
	font-variant:small-caps;	
}

.commentslist li {
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
border:1px solid #ccc;
margin-top:10px;
padding:5px;
} 
.commentslist li.trackback {
border:1px double #EDD;
color:red;
}

.author a {
font-weight:700;
}

.commentslist .body {
margin:5px 5px 5px 20px;
}

.commentslist .body p {
margin:10px 0 0;
}

.commentslist ul {
border:medium none;
margin:7px 0 0 20px;
padding:0;
}

.commentslist {
border:medium none;
margin:0;
padding:0;
}

.commenthead,.meta {
color:#888;
font-family:'Source Sans Pro', sans-serif; 
}

.meta {
font-family:Georgia, 'Source Sans Pro', sans-serif; 
font-variant:small-caps;
font-size:12px;
}

.meta {
background: url('images/hachures_1.png');
}

.commenthead a,.meta a {
color: #666; 
}

.commentform {
margin:10px 0 10px 20px;
}

#commentdiv{padding-right:8px;}
#commentform textarea {
border:1px solid #b0b0b0;
}


#reco span {
color:#999;
}

.avatar{ width:40px; height:40px; margin-top:-32px;
*margin-top:-26px; 
margin-right:-4px;
float:right; padding:0 0 5px; background-repeat:no-repeat;}

.mine{
border-color:#FFF !important;
background-color:#F2F2F2;
}
.borderc1{
border-color:#FFF !important;
}
.borderc2{
border-color:#FFF !important;
}

.reply{
font-family: Georgia, 'Source Sans Pro', sans-serif; 
font-variant:small-caps;
font-size: 12px; 
margin-left: 17px;
}