/*
Theme Name: Ogbb
Theme URI: https://osmancakirsoy.com/ogbb/
Author: OSMAN ÇAKIRSOY
Author URI: https://osmancakirsoy.com/
Description: Ogbb, wordpress siteleriniz için tasarlanmış güzel bir portal temasıdır.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Tags: two-columns, right-sidebar, custom-menu, custom-logo, blog
Text Domain: ogbb

*/

body{ font-family: sans-serif; font-size: 14px; color: #444; margin: 0; padding: 0; background-color: #efefef; }
.clear { clear: both; }

#wrapper { width: 1000px; margin: 0 auto; }
	header { height: 100px; padding: 10px 0 }
		#logo {width: 250px; height: 100px; float: left; margin-right: 20px;}
			#logo img { max-width: 250px; max-height: 100px; }
		#sitename {min-width: 600px; height: 60px; float: left; font-size: 35px; line-height: 60px;  margin-top: 10px;}
			#sitename a { text-decoration: none; font-family: sans-serif; color: #c38004;}
		#slogan { min-width: 600px; height: 30px; float: left; color: #888;}
/*-----------------------------------------------------------------*/

	#menu { height: 42px; background-color: #f6f7f8; border: 1px solid #ddd;}
		#menu ul{ margin: 0; padding:0; list-style-type:none; }
		#menu ul li{ float:left; position:relative; }
		#menu ul li:hover > ul{display: block;  }
		#menu ul li:hover a { background-color: #efefef; }
		#menu ul li a{ line-height:42px; padding:0 20px; display:block; font-size:14px; color: #333; float: left; text-decoration:none;}
	
			#menu ul li ul{background: linear-gradient(#fff,#efefef); float:left; position:absolute; top:42px; left:0px; z-index:1; display:none; border:solid 1px #ddd;}
			#menu ul li ul li a{ margin:0; border-right:none; width:170px; line-height: 30px; float:left; padding:0 0 0 20px; }
			#menu ul li ul li a:hover { background-color: #fff; }
			#menu ul li ul li ul{ float:left; position:absolute; background-color: #f6f7f8; border: 1px solid #ddd; top:-1px; left:190px; display:none;}
				#menu ul li.menu-item-has-children > a { background-image:url(images/menu-ul-li.png);background-repeat:no-repeat; background-position:right center; } /*- açılır menü varsa li ye ok işareti koyar (ana menüye)----------*/
				#menu ul li.menu-item-has-children > a:hover { background-image:url(images/menu-ul-li.png);background-repeat:no-repeat; background-position:right center; } /*- açılır menü varsa li ye ok işareti koyar (ana menüye)----------*/
				#menu ul li ul li.menu-item-has-children > a { background-image:url(images/menu-ul-li-ul-li.png);background-repeat:no-repeat; background-position:right center; }/*- açılır menü varsa li ye ok işareti koyar (alt menüye)----------*/
				#menu ul li ul li.menu-item-has-children > a:hover { background-image:url(images/menu-ul-li-ul-li.png);background-repeat:no-repeat; background-position:right center; } /*- açılır menü varsa li ye ok işareti koyar (alt menüye)----------*/

		
/*-----------------------------------------------------------------*/
	#main { margin-top: 25px; }
		#content {width: 795px; float: left;}
			#content img { max-width: 100%; height: auto; max-width: 795px;}

		#sidebar {width: 205px; float: left;}
			.widget { width: 205px; margin-bottom: 20px;}
			.widget-title { margin: 0; padding: 0 0 0 10px; line-height: 38px; color: #4d4e50; font-size: 20px; font-weight: normal; text-shadow: 1px 1px #aaa; }
				.widget ul { margin: 0; padding: 0; list-style-type: none; }
				.widget ul li a {padding:3px 0 5px 10px; display: block; font-size: 14px; text-decoration: none; color: #4d4e50; }
				.widget ul li a:hover { color: #c38004; }

	footer {clear: both; background-color: #444; height: 50px; line-height: 50px; text-align: center; color: #ccc;}



	/*index.php*/
	.makale {width: 233px; height: 400px; overflow: hidden; margin:0 10px 25px 0; text-align: justify; padding: 10px; background-color: #f9f9f9; float: left; border: 1px solid #ddd; border-radius: 5px; }
		.makale img { width: 100%; height: 155px; }
		.makale h2 { margin: 10px 0; font-size: 16px;  font-weight: normal; }
		.makale h2 a { color: #c38004; text-decoration: none; }
		.makale p { padding-bottom: 10px; margin: 0; font-size: 13px; margin-bottom: 10px; }

	.navigation {width: 795px; margin: 10px 0 30px 0; text-align: center;}
		.navigation a {color: #fff; background-color: #333; text-decoration: none; padding: 5px 10px;}
		.navigation a:hover {background-color: #c38004;}
		.navigation .active {background-color: #c38004;}
		.navigation .current {background-color: #c38004; padding: 5px 10px; color: #fff;}
		.screen-reader-text {display: none;}
	/*index.php*/

	/*single.php*/
	.post-img img { max-width: 100%; height: auto;}
	.tags { overflow:hidden; margin:20px 0;}
		.tags ul {margin:0px; padding:0px; list-style-type:none;}
		.tags ul li a{ font-size:11px; color:#333; text-decoration:none; padding:3px 8px; background-color:#f6f7f8; border:1px solid #ddd; margin-right:3px; float:left;}
		.tags ul li a:hover{ color:#fff; background-color:#c38004; }

	.navigate-single {width: 700px; margin: 30px 0; text-align: center; overflow: hidden;}
		.previous-post a {float: left; text-decoration: none; background-color: #f6f7f8; color: #333; padding: 10px 15px; border:1px solid #ddd;}
			.previous-post a:hover {background-color: #c38004; color: #fff;}
		.next-post a {float: right; text-decoration: none; background-color: #f6f7f8; color: #333; padding: 10px 15px; border:1px solid #ddd;}
			.next-post a:hover {background-color: #c38004; color: #fff;}
	/*single.php*/

	/* Yorum */
			#comments { }
			.comment-list { padding:0;}
			.comment-list li { list-style-type:none; margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:5px; }
				.comment-body { overflow:hidden;}
				.comment-body p { clear:both; padding-top:15px; }
				.comment-author { overflow:hidden; width:80%; float:left; }
					.avatar { float:left; margin-right:10px;}
						.fn { float:left; width:590px; width:85%; }
							.fn a { font-weight:bold; text-decoration:none; color:#47ABD2; font-size:16px; font-family:Oswald; font-style:normal; }
						.says { float:left; font-size:12px; color:#ccc; margin-top:5px; }
					.comment-meta a { color:#ccc; font-size:12px; text-decoration:none; width:20%; float:left; }
					.reply { width:43px; padding:3px 5px; background-color:#47ABD2; float:right;}
						.reply a { text-decoration:none; color:#fff; font-size:11px;  }

				.children { }
				.children li { border:none; margin-top:15px; }
				
				#respond { overflow:hidden; margin-bottom:30px;}
				#respond p { margin:5px 0; }
				.comment-form-comment { float:left; }
				.comment-form-comment label { display:block; }
					#comment {width: 500px; border: 1px solid #ccc; box-shadow: 2px 2px 5px #ccc; outline-color: #f00;}
				
				.comment-form-author { float:left;}
				.comment-form-author label { display:block; }
					#author { width: 500px; padding: 5px 5px; border: 1px solid #ccc; box-shadow: 2px 2px 5px #ccc; outline-color: #f00; }
				
				.comment-form-email { float:left; }
				.comment-form-email label { display:block; }
					#email { width: 500px; padding: 5px 5px; border: 1px solid #ccc; box-shadow: 2px 2px 5px #ccc; outline-color: #f00; }
				
				.comment-form-url { float:left; }
				.comment-form-url label { display:block; }
					#url { width: 500px; padding: 5px 5px; border: 1px solid #ccc; box-shadow: 2px 2px 5px #ccc; outline-color: #0f0; }
				
				.form-submit{width: 500px; float:left; }
					.form-submit #submit{ background-color: #f6f7f8; border: 1px solid #ddd; color: #333; padding: 10px 10px; cursor: pointer; }
					.form-submit #submit:hover { background-color: #c38004; color: #fff; }
			/* Yorum */

			/* WordPress Varsayılan Css Kodları
				-------------------------------------------------------------- */
				.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;
				}

				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;
				}

				.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 {
				    font-size: 11px;
				    line-height: 17px;
				    margin: 0;
				    padding: 0 4px 5px;
				}

				/* Text meant only for screen readers. */
				.screen-reader-text {
					clip: rect(1px, 1px, 1px, 1px);
					position: absolute !important;
				        white-space: nowrap;
					height: 1px;
					width: 1px;
					overflow: hidden;
				}

				.screen-reader-text:focus {
					background-color: #f1f1f1;
					border-radius: 3px;
					box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
					clip: auto !important;
					color: #21759b;
					display: block;
					font-size: 14px;
					font-size: 0.875rem;
					font-weight: bold;
					height: auto;
					left: 5px;
					line-height: normal;
					padding: 15px 23px 14px;
					text-decoration: none;
					top: 5px;
					width: auto;
					z-index: 100000; /* Above WP toolbar. */
				}
				.sticky { color:red; }
				.gallery-caption {
					color: #666;
					font-size: 13px;
					font-size: 0.8125rem;
					font-style: italic;
					margin-bottom: 1.5em;
					max-width: 100%;
				}
				.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
					border: 1px solid #333;
					padding: 2px;
				}