/*
Theme Name: Modesty
Theme URI: http://clearview.zzl.org/wpdev/modesty.html
Description: In my opinion it is a simple and elegant theme which is designed to display content in a fast and good looking way. Like a blog should do it this theme shows its content in a well structured way. In this theme the sidebar is in the bottom and not on a side of the page.
Author: Igor T.
Author URI: http://www.clearview.zzl.org/wpdev/
Version: 1.09
Tags: gray, red, white, fixed-width, custom-background, sticky-post, dark, light, one-column
Text Domain: modesty

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Modesty WordPress Theme, Copyright 2013 Igor T.
Modesty is distributed under the terms of the GNU GPL

General comments (optional).
*/

/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);*/
/*Free Wordpress Theme by Igor T.*/
/* It was "Simplicity" before but this name was already taken :( */
html,body{
	/*background-color: #FFFFFF;*/
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Arial",sans-serif; /*"Century Gothic","Roboto",*/
	font-size: 12pt;
	position: relative;
	float:none;
}

/*#container{
	margin: auto;
	width: 960px;
	height: 100%;
 	border: 1px solid orange;
}*/

#container_top,
#container_bottom{
	background-color: #222222;
	width: 100%;
	position: relative;
	display: table;
	z-index: 102;
}

#container_top{
	/*border-bottom: 1px solid #666666;*/
}

#container_main{
	width: 100%;
	/*height: 50%;*/
	display: table;
	position: relative;
	/*background: blue;*/
	padding-bottom: 60px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

#container_bottom{
	/*margin-top: 30px;*/
	/*border-top: 1px solid #666666;*/
}

#content_top,
#content_main,
#content_bottom{
	width: 960px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	/*outline: 1px solid pink;*/
}

#content_top,
#content_bottom{
	color: white;
}

/*#content_bottom{
	
}*/

#content_main{
	height: 100%;
	color: #222222;
}

#logo{
	margin: auto;
	padding-top: 20px;
	/*border: 2px solid orange;*/
	width: 500px;
	font-size: 64pt;
	font-weight: bolder;
	text-align: center;
	position: relative;
	/*color: #E4574A;*/
	/*text-shadow: 1px 1px 3px black;*/
}

#description{
	margin: auto;
	padding-bottom: 10px;
	/*border: 2px solid red;*/
	width: 700px;
	font-size: 20pt;
	font-style: italic;
	text-align: center;
	position: relative;
	color: #E4574A;
	border-bottom: 2px solid #666666;
}

#nav{
	margin: auto;
	padding-top: 10px;
	z-index: 110;
	/*border: 2px solid green;*/
	width: 960px;
	position: relative;
	text-align: center;
	font-weight: 700;
	color: #FFFFFF;
}

#nav a{
	color: #FFFFFF;
}

.nav{
	font-size: 14pt;/*22pt*/
	list-style-type: none;
	position: relative;
	margin: auto;
	padding: 0;
	text-align: center;
	display: table;
}

.nav li{
	float: left;
	padding: 15px 20px;
	padding-bottom: 0;
	/*border: 1px solid lime;*/
	border-bottom: 5px solid transparent;
	list-style-type: none;
}

.nav li.active{
	border-bottom: 5px solid #E4574A;
}

.nav li:hover{
	background: #111111;
	border-bottom: 5px solid #E4574A;
	/*border-radius: 5px 5px 0 0;*/
}

.nav li:hover ul{
	display: block;
}

.nav li ul{
	position: absolute;
	padding: 15px;
	padding-top: 0;
	/*margin: 0;*/
	margin-top: 5px;
	margin-left: -35px;
	float: left;
	background: #222222;
	list-style-type: none;
	display: none;
	z-index: 999;
	font-size: 10pt;
}

.nav li ul li{
	position: relative;
	float: none;
	text-align: left;
	margin: 0 auto;
	padding-top: 13px;
	padding-bottom: 11px;
	border-bottom: 2px dotted #666666;
}

.nav li ul li ul{
	display:none;
}

.nav li ul li:hover{
	/*border-radius: 0px;*/
	border-bottom: 2px dotted #E4574A;
}

.nav li:hover ul li ul {
	left: 100%;
	top:0;
	margin:0;
	display:none;
}

.nav li ul li:hover ul {
	display:block;
}

.nav li ul li:hover ul li ul{
	display:none;
}

.nav li ul li:hover ul li:hover ul{
	display:block;
}

.nav li ul li:hover ul li:hover ul li ul{
	display:none;
}

.nav li ul li:hover ul li:hover ul li:hover ul{
	display:block;
}

.box{
	display:block;
	width:300px;
	height:200px;
	/*outline:2px solid #666666;*/
	margin:5px;
	float:left;
	position:relative;
	text-align:center;
	overflow: hidden;
	color: #666666;
	/*border-bottom: 2px solid #E4574A;*/
}

.sidebar{
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width:930px;
	position:relative;
	display: table;
}

.box ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size: 10pt;
}

.box ul li{
	/*margin-top: 5px;*/
	/*border-bottom: 1px dotted #666666;*/
	padding:5px 0;
}

.box ul li:hover{
	background:#111111;
	/*border-bottom: 1px dotted #E4574A;*/
}

#search_container{
	width: 300px;
	height: 40px;
	margin: auto;
	position: relative;
	margin-bottom: 10px;
	z-index: 101;
	top: -1px;
	background: #222222;
	border-radius: 0 0 15px 15px;
	/*box-shadow: 0px 3px 5px red;*/
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

#search{
	margin-top: 5px;
	margin-left: 20px;
	position: absolute;
	font-size: 10pt;
}

/*.searchtext{
	margin: 0;
	padding: 0 10px;
	width: 200px;
	height: 30px;
	border: 1px solid #E4574A;
	border-radius: 5px 0 0 5px;
	color: #666666;
}

.searchbutton{
	margin: -5px;
	padding: 0;
	width: 60px;
	height: 30px;
	border: 1px solid #E4574A;
	border-radius: 0 5px 5px 0;
	background: #E4574A;;
	color: #222222;
}*/

#searchform input[type=text]{
	margin: 0;
	padding: 0 10px;
	width: 180px;
	height: 30px;
	border: 1px solid #E4574A;
	border-radius: 5px 0 0 5px;
	color: #666666;
	font-size: 10pt;
}

#searchform input[type=submit]{
	margin-left: -5px;
	padding: 0;
	width: 60px;
	height: 32px;
	border: 1px solid #E4574A;
	border-radius: 0 5px 5px 0;
	background: #E4574A;;
	color: #222222;
	font-size: 10pt;
}

.screen-reader-text{
	display:none;
}

.post,
#content_main .page{
	width: 860px;
	margin: 20px auto;
	padding: 30px;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	border-left: 30px solid #E4574A;
	/*border-right: 30px solid #E4574A;*/
	/*border-radius: 0 10px 10px 0;*/
	position: relative;
	word-wrap: break-word;
}

/*.post-content{
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 20px;
}*/

.post_tiny{
	width: 360px;
	margin-left: 32px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 20px;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	border-left: 30px solid #E4574A;
	/*border-right: 30px solid #E4574A;*/
	/*border-radius: 0 10px 10px 0;*/
	position: relative;
	word-wrap: break-word;
	float:left;
}

.post_tiny img{
	width:100%;
	height:100%;
}

.info{
	/*float: right;*/
	color: #E4574A;
	font-size: 89%;
	/*text-shadow: 1px 1px 1px #E4574A;*/
}

.info a{
	color: #E4574A;
}

#np{
	width: 300px;
	height: 40px;
	margin: auto;
	top: -41px;
	color: white;
	padding: auto;
	text-align: center;
	position: relative;
	background: #222222;
	z-index: 101;
	border-radius: 15px 15px 0 0;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	/*box-shadow: 0px 3px 5px red;*/
}

.np{
	padding-top: 10px;
}

#powered{
	margin: auto;
	width: 800px;
	border-top: 2px solid #E4574A;
	text-align: center;
	padding: 10px;
	font-size: 10pt;
}

a{
	color: #E4574A;
	text-decoration: none;
}

a:hover{
	color: #FF6B4A;
}

h1,h2,h3,h4,h5,h6{
	/*border-bottom: 2px solid #444444;*/
	margin:0 30px;
	text-transform: uppercase;
	font-weight: 400;
	/*font-size: 18pt;*/
	/*text-shadow: 1px 1px 1px #222222;*/
}

h2 a,
h4 a{
	color: #222222;
}

p,
pre,
address,
ol,
dl,
table{
	color: #444444;
	margin: 20px 30px; /*5px 30px*/
	/*font-size: 12pt;*/
	font-weight: 400;
	/*text-shadow: 1px 1px 1px #444444;*/
}

.post ul{
	margin: 20px 30px;
}

.sticky{
	border: 1px solid #E4574A;
	background: #EEEEEE;/*#FF6B4A*/
	width: 860px;
	margin: 20px auto;
	padding: 30px 45px;
	position: relative;
	word-wrap: break-word;
}

/*.sticky a{
	color:#222222;
}

.sticky .info{
	color: #666666;
}*/

.some_red{
 color: #E4574A;
}

::selection{
	background: #E4574A;
	color: #222222;
}
::-moz-selection{
	background:#E4574A;
	color:#222222;
}
::-webkit-selection{
	background:#E4574A;
	color:#222222;
}

#container_latest{
	width: 900px;
	height: 200px;
	margin: 10px auto;
	position: relative;
	background:#EEEEEE;
	border: 1px solid #DDDDDD;
	border-bottom: 20px solid #E4574A;
	padding: 10px 0;
}

.latest{
	float:left;
	/*height: 100%;*/
	width: 225px;
	/*border: 1px solid #222222;*/
	position:relative;
	word-wrap: break-word;
	bottom: 0px;
}

.tags{
	padding: 20px;
	/*background: #EEEEEE;*/
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	/*border-right: 1px solid #DDDDDD;*/
	/*border-left: 30px solid #E4574A;*/
	position: relative;
	word-wrap: break-word;
}

.comments{
	margin:-20px auto 0 auto;
	width: 860px;
	padding: 30px;
	background: #EEEEEE;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 30px solid #E4574A;
	position: relative;
	word-wrap: break-word;
}

.comments .avatar{
	vertical-align: middle;
}

.comment{
	/*margin:-20px auto 0 auto;*/
	width: auto;
	padding: 20px;
	background: #EEEEEE;
	/*border-bottom: 1px solid #DDDDDD;*/
	/*border-right: 1px solid #DDDDDD;
	border-left: 30px solid #E4574A;*/
	position: relative;
	word-wrap: break-word;
	list-style: none;
}

/*@font-face{
	font-family: Russo_One;
	src: url("Russo_One.ttf");
}

@font-face{
	font-family: Sansation;
	src: url("Sansation_Regular.ttf");
}

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

/*#logo,
#description,
#powered{
	//font-family: "BebasNeue", "Russo_One";
	text-transform: uppercase;
}*/

img{
	padding: 5px;
	background: #DDDDDD;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	color: #E4574A;
	max-width:100%;
	height:auto;
	margin:auto;
	display:block;
}

.post input[type=submit],
.comments input[type=submit]{
	background: linear-gradient(to bottom, #FEFEFE, #F4F4F4) #F3F3F3;
	border-bottom-color: #BBBBBB;
	border-left-color: #BBBBBB;
	border-right-color: #BBBBBB;
	border-top-color: #BBBBBB;
	color: #333333;
	/*text-shadow: 0px 1px 0px #FFFFFF;*/
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-radius: 3px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 24px;
	line-height: 23px;
	margin: 0px;
	padding: 0px 10px 1px;
	text-decoration: none;
	white-space: nowrap;
}

.post input[type=submit]:hover,
.comments input[type=submit]:hover{
	background: linear-gradient(to bottom, #FFFFFF, #F3F3F3) #F3F3F3;
	border-bottom-color: #999999;
	order-left-color: #999999;
	border-right-color: #999999;
	border-top-color: #999999;
	color: #222222;
}

select{
	margin-top: 10px;
	padding: 5px 10px;
	color: #E4574A;
	background: #666666; /*url(src/arrow-down.png) no-repeat right*/
	border: 1px solid #666666;
	/*border-radius: 5px;*/
}
.notrans{
	text-transform: none;
	color: #E4574A;
}

blockquote,
code{
	background: #DDDDDD;
	border: 1px solid #CCCCCC;
	/*padding: 5px;*/
}

/*Because Wordpress needs it so much*/

.wp-caption{
	text-align:center;
	max-width:100%;
	height:auto;
	//margin:auto 15px;
	margin: 20px 30px;
}

.wp-caption-text{
	text-align:center;
	font-style:italic;
	margin: 5px 30px;
	font-size: 10pt;
}

.gallery-caption{}

.bypostauthor{}

.alignright,
img.alignright{
	float:right;
	margin-left: 15px;
}

.alignleft,
img.alignleft{
	float:left;
	margin-right: 15px;
}

.aligncenter,
img.aligncenter{
	margin:0 auto;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

textarea{
	max-width:100%;
	height:auto;
}

.scroll{
	overflow: auto;
	width: 106%;
	height: 100%;
}

.avatar{
	float: left;
	margin-right: 5px;
}

.attachment{
	margin-bottom: 40px;
}

#gallery-1 dl.gallery-item{
	width: 25%;
}

iframe,
embed,
video,
audio{
	max-width: 100%;
}

/*img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}*/

.post,
.comments,
.page{
	float:left;
}

table,
th,
td{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	background: #DDDDDD;
	padding: 5px;
}

dl,dt,dd{
	padding: 5px;
}

dt{
	font-weight: bold;
}

dd{
	background: #DDDDDD;
	border: 1px solid #CCCCCC;
	font-style: italic;
}

q{
	font-style: italic;
}

hr,
fieldset,
select{
	margin: 20px 30px;
}