/*   
Theme Name: SF_2.0
Author: noname
Author URI: simple fauna
Version: ver.1.0.1
*/
body
{
    margin:0px;
    padding:0px;
    font: 12pt Arial;
    background: url("site_bg_image.jpg") no-repeat 50% 20% fixed #fff;
    color: #555555;
}

h1,h2,h3
{
    font-family: 'Roboto', sans-serif;
	font-weight:normal;
}
h2 
{
	color:#000;
}

a img
{
    border:none;
}
.clear
{
    clear:both;
}
a
{
    color:#124676;
}
a:hover
{
    color:#df1502;
}
blockquote
{
    border-top: 3px solid #c9b280;
	border-bottom: 3px solid #c9b280;
	font-size: 1.2em;
    overflow: hidden;
    padding:15px 10px;
    margin:15px 3%;
	color:#373737;
}
blockquote p
{
    padding:0;
    margin:0 0 5px 0;
}
.recom_in
{
	font-size:1.2em;
	padding:5px 15px 10px 20px;
	background:#e0fbeb;
	font-family: 'Roboto', sans-serif;
}

.mfp-title
{
	display:none;
}

#bangan
{
	border:1px solid #bababa;
	padding:10px 15px;
	position:relative;
}
#bangan .a_content .head
{
	font-size:1.4em;
	padding:0px;
	margin:0px;
}
#bangan .a_content .text
{
	font-size:0.9em;
	margin:0px;
	padding:10px 0 0;
}
#bangan .a_content a
{
	text-decoration:none;
}
#bangan .a_content .head a
{
	color:#5a5a5a;
}
#bangan .a_content .text a
{
	color:#909090;
}
#bangan .a_content
{
	display:inline-block;
}
@media screen and (min-width: 640px)
    {
        #bangan .a_content {max-width:60%;}
		#bangan .a_btn {display:block; position: absolute; right:15px; top:15px;}
    }

#bangan .a_btn a
{
	background:#119bdb;
	color:#fff;
	text-decoration:none;
	padding:10px 20px;
	border-radius:20px;
	margin:10px 0 0;
	display:inline-block;
}

#top_bottom
{
	position:fixed; 
	bottom:20px; 
	left:30px; 
	background:#fff; 
	font-size:1.5em; 
	border-radius:50%; 
	width:30px;
	height:30px;
	text-align:center;
	border:3px solid #cadae7;
}
#top_bottom:hover
{
	background:#08253f;
}
#top_bottom a
{
	text-decoration:none;
	display:block;
}
#top_bottom a:hover
{
	color:#fff;
}

.tab_of_cont, #tab_of_cont
{
	border:1px solid #cadae7;
	background:#f1f4f7;
	padding:0 15px 5px;
	margin-bottom:15px;
}
.tab_of_cont ul, #tab_of_cont ul
{
	padding:0 0 0 20px;
}
.tab_of_cont ul li, #tab_of_cont ul li
{
	margin-bottom:5px;
}
.tab_of_cont a, #tab_of_cont a
{
	text-decoration:none;
	border-bottom:1px dashed;
}

a.back
{
	padding:5px;
	border:1px solid #cadae7;
	background:#f1f4f7;
	text-decoration:none;
	border-radius:5px;
}

table.char
{
	font-size:1.2em;
}
table.char tr td
{
	vertical-align:middle;
	border-bottom:1px dashed #cacaca;
}

table.char img
{
	border:none !important;
	margin-top:10px;
	
}

#container
{
    max-width:1160px;
    padding:0 10px;
    margin:10px auto;
    background:#fff;
    min-width:300px;
    box-shadow:0 0 10px #ccc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
    #header
    {
        padding:20px 0;
    }

    #site-name a
    {
        font-size:2.2em;
        font-weight:bold;
        color:#00396d;
        text-decoration:none;
        font-family: 'Roboto', sans-serif;
		font-weight:normal;
    }
    #site-name a span
    {
        color:#df1502;
    }
    @media screen and (max-width: 480px)
    {
        #site-name a {font-size:1.8em;}
    }
    #site-desc
    {
        font-size:0.8em;
        padding:5px 0 0;
    }
    #main-menu
    {
        background:#024784;
        position:relative;
        margin-bottom:15px;
        z-index: 1;
    }
    @media screen and (min-width: 1201px)
    {
	#main-menu ul
	{
	    list-style:none;
	    width:100%;
	    margin:0px;
	    padding:0px;
	}
	#main-menu ul li
	{
	    float:left;
	    display:block;
	    position:relative
	}
	#main-menu li.menu-item-has-children ul
	{
	    left:-9999px;
	    position:absolute;
	    -webkit-transition:0.25s linear opacity;
	    -moz-transition:0.25s linear opacity;
	    opacity:0;
	    width:100%;
	    display:block;
	    min-width:160px;
	}
	
	#main-menu li.menu-item-has-children ul a
	{
	    text-transform:none;
	    font-weight:normal;
	}
	#main-menu li.menu-item-has-children:hover ul
	{
	    left:0;
	    opacity:1;
	    background:#034f90;
	    float:left;
	}
	#main-menu li.menu-item-has-children:hover ul li
	{
	    float:left;
	    width:100%;
	}
	#main-menu li.menu-item-has-children ul li.menu-item-has-children ul
	{
	    left:-9999px;
	    position:absolute;
	    -webkit-transition:0.25s linear opacity;
	    -moz-transition:0.25s linear opacity;
	    opacity:0;
	    width:100%;
	    display:block;
	    visibility:hidden;
	}
	#main-menu li.menu-item-has-children:hover ul li.menu-item-has-children:hover ul
	{
	    left:100%;
	    top:0;
	    opacity:1;
	    background:#034f90;
	    visibility:visible;
	}
	#main-menu ul a
	{
	    color:#fff;
	    white-space:nowrap;
	    display:block;
	    padding:8px 17px;
	    text-decoration:none;
	    font-size:0.8em;
	    font-weight:bold;
	    text-shadow:0 1px 1px #08253f;
	}
	
	#main-menu ul li:hover
	{
	    background:#df1502;
	}
	#main-menu ul li.current-menu-item, #main-menu ul li.current-menu-ancestor
	{
	    background:#df1502;
	}
	
	#touch-menu {display:none;}
    
    }
    
    
    @media screen and (max-width: 1200px)
    {
	
	#main-menu {display:none; padding:10px 0;}
	
	#main-menu  ul
	{
	    padding:0px;
	    margin:0px;
	}
	#main-menu li
	{
	    padding-left:20px;
	    list-style:none;
	}
	#main-menu  ul li ul a
	{
	    text-transform:none;
	}
	#main-menu  ul a
	{
	    color:#fff;
	    white-space:nowrap;
	    display:block;
	    padding:5px 0;
	    text-transform:uppercase;
	    text-decoration:none;
	    font-size:0.8em;
	    font-weight:bold;
	    text-shadow:0 1px 1px #08253f;
	}
	
	#touch-menu
	{
	    display:block;
	    background:#024784;
	    position:relative;
	    z-index: 1;
	    color:#fff;
	    white-space:nowrap;
	    display:block;
	    padding:8px 20px;
	    text-transform:uppercase;
	    text-decoration:none;
	    font-size:0.8em;
	    font-weight:bold;
	    text-shadow:0 1px 1px #08253f;
	    
	}
	#touch-menu .icon-reorder
	{
	    padding-right:10px;
	}
	#main-menu
	{
	    background:#082f52;
	}
	#main-menu li ul.sub-menu
	{
	    position:relative;
	}
	
    }
    
    nav {margin-bottom:15px;}
    
/*контент сайта*/
    
    #site-content
    {
        position:relative;
        clear:both;
        
    }
    #site-content #posts
    {
        width:66%;
        margin-right:2%;
        position:relative;
        display:block;
        float:left;
        margin-bottom:20px;
    }
    #site-content #posts .post.category
    {
        
        border-bottom: 1px dashed #ccc;
        padding-bottom:5px;
        display:block;
        margin-bottom:10px;
        
    }
    #site-content #posts .post .clearfix
    {
        clear:both;
        line-height:1.8;
		font-size:0.9em;
    }
    @media screen and (max-width: 768px)
    {
        #site-content #posts
        {
            float:none;
            width:100%;
            overflow:hidden;
        }
    }
    #site-content #posts h2.title
    {
        padding:0px;
        margin:0px;
        font-size:1.6em;
    }
    @media screen and (max-width: 420px)
    {
        #site-content #posts h2.title
        {
            font-size:1.4em;
        }
    }
    #site-content #posts h2.title a
    {
        
        color: #00396d;
        text-decoration:none;
        margin-bottom:15px;
    }
    #site-content #posts h2.title a:hover
    {
        color: #df1502;
    }
    #site-content #posts .list-image img
    {
        margin: 0 10px 10px 0;
        background: #fff;
        border: 1px solid #cacaca;
        padding: 6px;
        float:left;
	width:90px;
	height:90px;
    }
    
    #site-content img.size-full {
        background-color: #ffffff;
        border: 1px solid #cacaca;
        padding: 2px;
        max-width:98%;
        height:auto;
    }
    #site-content #posts .cat-title, #site-content #posts .single-title
    {
        font-size:1.8em;
        margin:0 0 15px;
    }
    @media screen and (max-width: 420px)
    {
        #site-content #posts .cat-title, #site-content #posts .single-title
        {
            font-size:1.4em;
        }
    }
    #site-content #posts h2
    {
        font-size:1.8em;
    }
    @media screen and (max-width: 420px)
    {
        #site-content #posts h2
        {
            font-size:1.3em;
        }
    }
    #site-content #posts h3
    {
        font-size:1.5em;
    }
    @media screen and (max-width: 420px)
    {
        #site-content #posts h3
        {
            font-size:1.1em;
        }
    }
    #site-content #posts .breadcrumb
    {
        font-size:0.8em;
        line-height:1.4;
        margin-bottom:15px;
    }
    #site-content #sidebar
    {
        width:32%;
        
        position:relative;
        overflow:hidden;
        vertical-align:top;
    }
    @media screen and (max-width: 768px)
    {
        #site-content #sidebar
        {
            width:100%;
            overflow:hidden;
            border-top:3px solid #124676;
            padding-top:20px;
        }
    }
    
    #site-content #sidebar .widget-title
    {
        padding:7px 0 7px 15px;
        font-size:1.1em;
        text-transform:uppercase;
        border-left:5px solid #df1502;
        color: #124676;
        text-decoration: none;
        text-transform: uppercase;
        margin-bottom:10px;
    }
    #site-content #sidebar .widget
    {
        margin-bottom:20px;
    }
    #site-content #sidebar .widget #npcatch
    {
        margin:0;
        padding:0;
    }
    #site-content #sidebar .widget #npcatch a
    {
        color:#124676;
    }
    #site-content #sidebar .widget #npcatch img
    {
        padding:5px 10px 5px 0;
    }
    #site-content #sidebar .widget #npcatch .title
    {
        width:90%;
        float:none;
        
    }
    #site-content #sidebar .searchform
    {
        border:1px solid #d8d8d8;
        position:relative;
        padding:1px;
        
    }
    #site-content #sidebar .searchform input
    {
        border:none;
        
    }
    
    @media screen and (max-width: 768px)
    {
        #site-content #sidebar .searchform
        {
            max-width:300px;
            
        }
    }
    #site-content #sidebar .searchform label.screen-reader-text
    {
        display:none;
    }
    #site-content #sidebar .searchform input#s
    {
        padding:5px;
        width:75%;
    }
    #site-content #sidebar .searchform input#searchsubmit
    {
        background:#fff;
        padding:4px 10px;
        cursor:pointer;
        position:absolute;
        right:0px;
        vertical-align: middle;
        color:#ccc;
    }
    #site-content #sidebar .searchform input#searchsubmit:hover
    {
        background: #fff;
        color:#000;
    }
    #site-content .wp-pagenavi
    {
        color: #003c72;
        margin-top:20px;
		font-size:1.2em;
		
    }
    #site-content .wp-pagenavi a, #site-content .wp-pagenavi span
    {
        border:none;
		padding:3px 8px;
    }
    #site-content .wp-pagenavi .pages
    {
        border:none;
        padding: 4px 8px 4px 0;
		white-space: nowrap;
    }
    #site-content .wp-pagenavi .current
    {
        background: #df1502;
        color:#fff;
        font-weight:bold;
        border:none;
        padding: 3px 8px;
		border-radius: 5px;
		margin:0 10px;
    }
    #site-content .wp-pagenavi .page.larger, #site-content .wp-pagenavi .nextpostslink,
    #site-content .wp-pagenavi .page.smaller, #site-content .wp-pagenavi .previouspostslink
    {
        border:none;
    }
    @media screen and (max-width: 768px)
    {
        #npcatch li
        {
            clear:none !important;
            float:left;
            width:47%;
            margin-right:10px !important;
        }
    }
    @media screen and (max-width: 568px)
    {
        #npcatch li
        {
            clear:both;
            width:100%;
        }
    }
    .single .clearfix .tags
    {
        margin-bottom:15px;
        border-top:1px dashed #ccc;
        border-bottom:1px dashed #ccc;
        padding:10px 0;
    }
    
    .single .clearfix .wp_rp_content ul
    {
        list-style:none;
        margin:0;
        padding:0;
    }
    .single .clearfix .wp_rp_content ul li
    {
        float:left;
        width:22%;
        margin-right:3%;
        margin-bottom:15px;
		line-height:1.5em;
		
    }
    .single .clearfix .wp_rp_title
    {
	display:block;
	height:60px;
	overflow:hidden;
    }
    .single .clearfix .wp_rp_content ul li img
    {
        width:95%;
        height:95%;
    }
    @media screen and (max-width: 420px)
    {
        .single .clearfix .wp_rp_content ul li
        {
            width:47%;
            margin-right:3%;
        }
        
    }
    
    .single .clearfix .wp_rp_content ul .wp_rp_thumbnail
    {
        display:block;
    }
    
    .comment-form input
    {
        width:95%;
        padding:5px;
    }
    
    .comment-form-comment textarea
    {
        width:96%;
        padding:5px;
    }
	.comment-form-cookies-consent
	{
		display:none;
	}
    .comment-form-url
    {
        display:none;
    }
    .form-submit input
    {
        width:auto;
        padding:5px 10px;
    }
    
    .commentlist
    {
        list-style:none;
        padding:0px;
        margin:0;
    }
    .commentlist .children
    {
        list-style:none;
        margin:0 0 0 5%;
        padding:0px;
    }
    .comment-author
    {
        background: #f2f2f2 none repeat scroll 0 0;
        border: 1px solid #dfdfdf;
        border-radius: 4px;
        display: block;
        padding: 5px;
    }
    .comment-meta
    {
        display: block;
        font-size: 13px;
        margin: -23px 0 0 58px;
        padding: 0;
    }
    .comment-author cite
    {
        font-style: normal;
        font-size: 1.4em;
    }
    .commentlist .avatar
    {
        border: 3px solid #ffffff;
        margin-bottom: 2px;
        margin-right: 10px;
        vertical-align: top;
        border-radius:20px;
    }
    .comment-body
    {
        margin-bottom:10px;
    }
    .reply
    {
        margin-bottom: 10px;
        text-align: right;
    }
    .comment-reply-link
    {
        background: #ededed none repeat scroll 0 0;
        border: 1px solid #999999;
        border-radius: 3px;
        color: #333;
        font-size: 11px;
        font-weight: normal;
        padding: 2px 8px;
        text-decoration: none;
    }
    @media screen and (min-width: 568px)
    {
        #rek_adapt
        {
            display:none;
        }
        
    }
    @media screen and (max-width: 568px)
    {
        #rek_full
        {
            display:none;
        }
        
    }
    @media screen and (max-width: 768px)
    {
        #bar_rek
        {
            display:none;
        }
        
    }
    #footer
    {
        padding-bottom:10px;
        font-size: 0.9em;
        line-height: 1.4;
    }
    
    #footer hr
    {
        border:1px solid #ccc;
    }

.social
{
	background:#cf4069;
	border:1px solid #bd3380;
	border-radius:5px;
	text-align:center;
	font-size:1.4em;
	padding:10px 0;
	color:#fff;
	margin:15px 0;
	text-shadow:0 1px 1px #961d61;
}
.social a
{
	color:#fff;
}
.social a:hover {
    text-decoration: none;
}