/*   
Theme Name: BoxBlog
Theme URI: http://hata.kurnazkoyun.com/candd/
Description: Free WordPress Theme .
Author: CandD
Author URI: http://kurnazkoyun.com/
Version: 1.0
License: GNU General Public License
License URI: license.txt    
Tags: theme-options, translation-ready,gray, two-columns
Description:BoxBlog Clean code and latest WordPress quality guidelines make it secure and very light. BoxBlog free fast blog theme.
*/
----------------------------------------------- 

	Resetting and rebuilding styles have been helped along thanks to the fine work of
	Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus { /* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* Start '-' */
body { background: #f7f7f7; color: #333; font: 12px/20px Arial, Helvetica, Sans-serif; }
/* H1,h2,... bla bla */
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
h4 { font-size: 13px; }
h5,
h6 { font-size: 12px; }


/* Link! */
a,
a:visited { -webkit-transition: background-color, color 0.2s linear; -moz-transition: background-color, color 0.2s linear; transition: background-color, color 0.2s linear; text-decoration: none;color:#333; }
a:active { outline: 0; }
a:hover {  color:#50b7dc;text-decoration: none;}

/* KurnazThemeContainer */
#wrapper {  margin: 0px auto; padding: 15px; width: 980px;background: #ffF;}
#content { float: left; width: 640px; }

/* Header and Logo */
#header { height: auto;width: 100%; padding:5px 3px; z-index: 999;  display: inline-block;text-align: center;}
#text-logo { float: left; }
#site-title { color: #333; font-size: 36px; font-weight: bold; letter-spacing: -1px; line-height: 72px; }
#site-desc { color: #999; float: left; font-size: 12px; font-style: italic; line-height: 40px; text-indent: 15px; }
#site-title a,
#site-title a:hover { color: #555; text-decoration: none;}
/* =Navigation
----------------------------------------------- */
#main-nav	{
	height: 35px; 
	width: 100%;margin-bottom:10px;background:#333;
}
#main-nav ul	{
	margin: 0; padding: 0;
}
#main-nav li	{
	display: block;
	float: left;
	line-height: 35px; 
	height: 35px; 
	margin: 0; padding: 0; 
	position: relative;border-right: 1px solid #e6e6e6;
}
#main-nav li a	{
	display: block;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;color: #fff;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
	color: #f7f7f7;
	background: #50b7dc;
}
#main-nav ul ul { 
	display: none; 
	position: absolute;
	top: 30px; 
}
#main-nav ul ul li {
	float: none; 
	width: 150px; 
}
#main-nav ul ul li a { 
	padding: 5px 10px; 
}
#main-nav ul li:hover > ul {
	display: block; 
}
#main-nav ul ul li ul {
	left: 150px; 
	top: 0;
}

/* Sidebar */
#sidebar { float: right; width: 312px; padding:5px; }
#sidebar a { color: #333; }
#sidebar a:hover {  color:#50b7dc;text-decoration: none; }

/* Footer */
#footer { color: #555;  font-size: 11px; padding: 5px 5px; }
#footer a,
#footer a:visited { color:#555;  }
#footer a:hover { text-decoration: none;}

/* Images */
img.centered { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 0; }
img.alignnone { display: inline; margin: 0 0 10px 0; padding: 0; }
img.alignright { display: inline; margin: 0 0 10px 10px; padding: 0; }
img.alignleft { display: inline; margin: 0 10px 10px 0; padding: 0; }
.aligncenter { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.wp-caption { background: #F7F7F7; border: 1px solid #e6e6e6; padding: 4px 0 5px 0; text-align: center; }
.wp-caption p.wp-caption-text { font-size: 11px; font-weight: normal; line-height: 12px; margin: 0; padding: 0; }
.wp-caption img { border: 0; margin: 0 0 5px 0; padding: 0; }

/* Entry Boxs */
.entry-box { display: block; float: left; width: 300px;height: auto; margin: 0 9px 10px 0; padding: 5px; position: relative;-webkit-transition: background-color 5s;
-moz-transition: background-color 5s;
-o-transition: background-color 5s;
-ms-transition: background-color 5s;
transition: background-color 5s;}
.entry-box:hover { background: #fff; text-decoration: none;  }
.entry-box .entry-thumb {width: 100%; }
.entry-box .entry-info {position: absolute;left: 28%;margin-left:-5%;background: #333;color:#fff;opacity:0.7;padding:5px;font-size: 15px; font-weight: bold;}
.entry-box .entry-info a {color:#fff;}
.entry-box .entry-excerpt { color: #555; margin: 0 0 5px 0;padding: 0 5px;}
.entry-box .entry-title { margin: 3px 3px 3px 3px; padding: 5px;  text-align: center; font-size: 15px; font-weight: bold; line-height: 1.5;  }

/* Entry Meta */
.entry-meta { color: #999; margin: 0 0 5px 0; font-style: italic; text-align: center;  }
.entry-meta a:hover { border-bottom: 1px dotted #333; }

/* Typographic Elements */
.entry-content {padding: 3px;margin: 0 0 10px 0;-webkit-transition: background-color 5s;
-moz-transition: background-color 5s;
-o-transition: background-color 5s;
-ms-transition: background-color 5s;
transition: background-color 5s;}
.entry-content:hover {background: #f7f7f7;}
.entry-content a {color:#50b7dc;border-bottom: 1px dotted #333;}
.entry-content a:hover {color:#333;border-bottom: 1px dotted #333;}
.entry-content blockquote { border-left: 10px solid #f7f7f7; margin: 15px 15px; padding: 0 30px 0 15px; overflow: hidden; }
.entry-content blockquote p,
blockquote a,
blockquote { color: #666; font-size: 1em; font-style: italic; }
.entry-content strong { font-weight: bold; }
.entry-content strong em,
.entry-content em strong { font-style: italic; font-weight: bold; }
.entry-content li ul { margin: 0; padding: 0; }
.entry-content input,
.entry-content textarea { font-size: 1em; padding: 3px; }
.entry-content dfn { font-weight: bold }
.entry-content del { color: #aaa; text-decoration: line-through; }
.entry-content pre,
.entry-content code,
.entry-content tt { background: #f5f5f5; color: #666; font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 20px; overflow: auto; padding: 1em; }
.entry-content pre,
.entry-content code,
.entry-content tt { display: block; margin: 1.5em 0; white-space: pre; }
.entry-content ins { font-weight: bold; text-decoration: underline; }
.entry-content em { font-style: italic; font-weight: normal; }
.entry-content ul { list-style: none; padding-bottom: 10px; }
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul { margin-bottom: 0 }
.entry-content ul li { background: url(images/bullet.png) no-repeat 0 9px; padding: 3px 0 3px 10px; }
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin: 5px 0 10px 0 }
.entry-content hr { background: #e6e6e6; border: none; clear: both; color: #e6e6e6; height: 1px; margin: 15px 0; width: 100%; }
.entry-content ol { list-style-type: decimal; margin: 0 0 10px 25px; }
.entry-content ol ol { list-style: upper-alpha }
.entry-content ol ol ol { list-style: lower-roman }
.entry-content ol ol ol ol { list-style: lower-alpha }
.entry-content ol li { font-size: 12px; line-height: 19px; padding: 3px 0 3px 0; }
.entry-content p { margin: 0 0 10px 0; }
a img { border: none; }
#content img {
	max-width: 97%;
	padding:3px;
	border: 2px solid #fff;
	height:auto;
        }
.entry-content .sticky {
  border-bottom: 3px solid #363b42;
}
.gallery-caption {
  text-align: center;
  margin: 0 0 2px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
}

/* Widgets
----------------------------------------------- */
.widget { margin: 0 0 10px 0; }
.widget ul li { background: url(images/bullet.png) no-repeat 0 6px; padding: 0 0 15px 10px; }
.widget-title { border-bottom: 1px solid #e9e9e9; color: #444; font-size: 14px; font-weight: bold; margin: 0 0 10px 0;padding:5px 15px;background: #fff; border-left: 3px solid #50b7dc;}
.widget-title a { color: #444 !important; text-decoration: none !important; }


/* Search Bar */
.searchbar {
  border:1px solid #dedede;
  float:right;
  margin-top:10px;
  margin-bottom:10px;
  background:#f8f8f8;
  height:30px;
  width:300px;
  font-family: Georgia;
  font-size:14px;
  font-style:Italic;
  float:left;
  color:#666;
  padding-top:2px;
}
.searchinput input {
  font-family:Georgia;
  font-size:14px;
  font-style:Italic;
  color:#666;
  height:28px;
  padding-left:5px;
  padding-right:5px;
  width:180px;
  background:#f8f8f8;
  border:none;
  float:left;
}
.button {
  float:right;
  border-left:1px solid #dedede;
  margin-top:-2px;
  padding:6px;
}
.line {
  border-bottom:1px solid #ddd;
  width:978px;
  height:1px;
  display:block;
  float:left;
}
#line1 {
  border-bottom:1px solid #ddd;
  width:978px;
  float:left;
}


/* Floating */
.left {float: left;}
.right {float: right;}

/* Clear Floats */
* html .clear {height: 1%;}
.clear:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clear {display: block;}

/* Comment form */
#commentform :focus,
.wpcf7-form :focus {
  outline: none;
  border-color: #bbb;
}
#commentform input[type=text],
#commentform input[type=email],
.wpcf7-form input[type=text],
.wpcf7-form input[type=email] {
  width: 59%;
}
#commentform textarea,
.wpcf7-form textarea {
  width: 100%;
}
#commentform input[type=text],
#commentform input[type=email],
#commentform textarea,
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea {
  display: block;
  border: 1px solid #ececec;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#commentform .form-allowed-tags,
#commentform .form-allowed-tags code,
.wpcf7-form .form-allowed-tags,
.wpcf7-form .form-allowed-tags code {
  font-size: 12px;
}
#commentform #submit,
#commentform .wpcf7-submit,
.wpcf7-form #submit,
.wpcf7-form .wpcf7-submit {
  border: none;
  box-shadow: none;
  font-weight: bold;
  color: #333;
  text-shadow: none;
  padding: 0.75em 1em;
}
ol.commentlist { border-top: 1px solid #e9e9e9; clear: left; margin: 15px 0; }
ol.commentlist .bypostauthor {
  border-bottom: 3px solid #1f1f1f;
}
ol.commentlist div.comment-body { position: relative; margin: 15px 0 0; padding: 0 0 15px; display: inline-block; width: 100%; border-bottom: 1px solid #e9e9e9; }
ol.commentlist div.reply { position: absolute; top: 0; right: 0; }
ol.commentlist li { clear: left; list-style-type: none; font-size: 12px; line-height: 1.7; }
ol.commentlist li.comment li.comment { margin: 0 0 0 40px; clear: left; }
ol.commentlist li.comment li.comment:last-child { border-bottom: none; }
ol.commentlist li ul.children { padding: 1px 0 0; clear: both; }
ol.commentlist li p { margin: 5px 0 0; }
ol.commentlist img.avatar { float: left; display: inline; margin: 0 10px 10px 0; padding: 4px; border: 1px solid #e9e9e9; background: #fff; }
ol.commentlist cite { font-size: 12px; line-height: 19px; font-weight: bold; float: left; display: inline; margin-right: 10px; }
ol.commentlist .commentmetadata a { line-height: 18px; font-size: 11px; margin-bottom: 10px; color: #999; }
ol.commentlist blockquote { font-size: 12px; line-height: 18px; }
ol.commentlist span.says { display: none; }

/* Pagination -_- */
.pagination { font-size: 12px; margin-bottom:10px; width: 98%;}
.pagination .right a { padding-right: 15px; }
.pagination .left a { padding-left: 15px; }
.pagination a { background: #fff; border: 1px solid #e9e9e9; color: #999 !important; display: block; margin: 0; padding: 5px 10px; text-decoration: none; }
.pagination a:hover { background-color: #f9f9f9; border: 1px solid #e9e9e9; }
/* ---------[ Mobil Css ]--------- */

@media only screen and (max-width:560px) {

	#wrapper,.footer-widget1 {
		width:96% !important;
		padding:0 2% !important;
		margin:0 auto !important;
		border:0 !important;
	}
        #content,#footer,#sidebar {
		float:none;
		display:block;
		width:auto;
		clear:both;
	} 

}