﻿/*  
Theme Name: Kollane
Theme URI: http://www.gabfire.com/
Description: If you have any question or suggestion; please leave a comment on <a href="http://www.gabfire.com/kollane-wordpress-theme/">this post</a>
Version: 1.0
Author: Mehmet Ozekinci
Author URI: http://www.gabfire.com/
*/

/* *********************************************************** Reset Everything */
* {margin:0;padding:0;} 
a:link, a:visited, a:hover {text-decoration:none;} 
fieldset,img {border:0;} 
ul {list-style:none;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0; }
.clearfix {	clear: both; height: 0; line-height: 0.0; font-size: 0; }



body {background: #8ea5c4 url(online-casino-free.gif) repeat-x; font: normal 1em/1.1em verdana, arial, helvetica, serif; color:#555;}

.left {float:left;}
.right {float:right;}

h1 {font: 1.4em "Lucida Grande", "trebuchet ms", sans-serif;  }
	h1 a, h1 a:visited{color: #ccc;}
	h1 a:hover {color:#f7f7f7;}
#header-wrap h2 {font: .8em verdana, arial, helvetica, sans-serif; color: #ccc;}
#sidebar h2 {font: bold .8em verdana, Tahoma, Arial; color: #d92100; border-bottom:1px solid #eee; margin-top:10px;padding-bottom:3px;}
#sidebar h2.sponsortitle {margin-bottom:5px;}
#content h2 {color: #d92100; margin-bottom:3px;border-bottom: 1px dotted #ccc;letter-spacing: -1px;font: normal 1.1em "Trebuchet MS", Tahoma, Arial;}
	#content h2 a:link, #content h2 a:visited{color: #555;display:block; margin-top:5px;}
	#content h2 a:hover {color:#d92100;}
h3 {font:bold .9em Georgia,Times New Roman,Trebuchet;}	
h3#respond {margin-bottom:10px;}	
	
h5 {font: .65em verdana, arial, helvetica, serif; float:left; background: url(play-casino-for-free-online.gif) no-repeat left center; padding-left:20px;} h5 a, h5 a:visited{color: #849ABA; }	h5 a:hover {color:#d92100;}
h6 {font: .65em verdana, arial, helvetica, serif;  	float:right; background: url(casino-online-games.gif) no-repeat left center; padding-left: 17px; }	h6 a, h6 a:visited{color:#849ABA; text-align:right; }	h6 a:hover {color:#d92100;}

#header-wrap {width:100%;background: url(play-casino-online-for-fun.gif) repeat-x;padding-top:18px;height:90px;}
	#header {width:830px;margin:0 auto;}
		#logo {width:600px; float:left; margin:10px 0 50px 0; position:relative;}
			.slogan {position:absolute; top:25px; left:15px;}
		#search {width:230px; float:left; background: url(free-casino-online-game.gif) no-repeat top right; height:60px}
		#searchform {margin:5px 0 0 15px;}	
		#searchform input {background: #eee; border:1px solid #8f8f8f}
		#searchsubmit {background:#4d5569; color:#2a2a2a; width:40px}
		#searchsubmit:hover {background:#7ac4ea; color:#000;}
	
#container-wrap {width:830px;margin:0 auto;}
	#banner {background:url(casino-gambling.jpg); height:200px; width:450px; }
	#menu {width:450px;margin:0 auto 10px;background: url(online-casino-game.gif) no-repeat top center;}
		#menu li {float:left; height:1.7em;line-height:1.7em;position:relative;}
		#menu li a, #menu li a:visited {display:block;text-decoration:none; color:#eee;padding: 0 15px 0 15px;font-size:.7em}
		#menu li a:hover {border:0; /* needed to trigger IE */color:#fff;background: url(21-casino.gif) repeat-x;}
		.current_page_item {font-weight:bold;}
	
	#content {float:left;display: inline;background: #fff;padding: 10px 10px 0 10px;margin-right:20px;width: 450px !important;width: 470px;	width/**/:/**/450px;}
		.postinfo {margin-bottom:6px}
		.post {margin-bottom:20px;}
		
			/* ************************************************************************************************/
			/* Post Format */ 
			/* ************************************************************************************************/
			.post p {font:.75em/1.4em verdana, arial, helvetica, sans-serif; margin-bottom:10px;}
			.post ul {list-style:square;margin:0 0 15px 25px;font-size:.7em;}
			.post ol {list-style:decimal;margin:0 0 15px 30px;font-size:.7em;}
			.post a:link, .post a:visited, #singlepostinfo a:link,#singlepostinfo a:visited, #prevnextposts a:link, #prevnextposts a:visited {color:#0F93FF;}
			.post a:hover {color:#f60;}
			
			/* ************************************************************************************************/
			/* Blockquote and Code formatting in Post */ 
			/* ************************************************************************************************/
			.post blockquote { padding: 2px 10px; background: #E9FDFF; color:#336699;margin-bottom:15px;}
			.post blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
			.post blockquote ul { font-size: 11px; padding: 5px 0px; margin: 5px 0px;list-style:square;margin-left:15px;}
			.post blockquote ol { font-size: 11px; padding: 5px 0px; margin: 5px 0px;list-style:decimal;margin-left:20px;}
			.post blockquote li {  line-height: 15px; color:#336699; }
			.post code { padding: 4px 10px;background:#efefef; color:#336699;margin:5px 0 15px;display:block;font-size:11px;line-height:15px;}
			
			#prevnextposts a:hover, #singlepostinfo a:hover  {text-decoration:underline;color:#d92100;}
			img.alignleft {float:left;margin: 4px 10px 5px 0;padding:3px; border:1px solid #ccc;}
			img.alignright {float:right;margin: 4px 0 5px 10px;padding:3px; border:1px solid #ccc;}
			#singlepostinfo {background: #efefef;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;padding: 5px;font:.7em/1.4em verdana;} 
			#prevnextposts {font-size:.8em;margin:15px 0;}
			
			/* Navigation  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			.Nav {height:22px;font-size:.8em;margin-bottom:5px;}
			.Nav a:link { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: .8em;color:#0F93FF;}
			.Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 10px;color:#0F93FF;}
			.Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none; font-size: .8em;color:#f60;}
			.Nav span { padding: 2px 5px 2px 0; color:#666; border-right: solid 1px #ccc; font-size: .8em;}
			.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 10px; color:#d92100;}
	
	#sidebar {float:left;background: #f5f5f5;padding:0 10px 10px 10px;width: 320px !important;width: 340px;	width/**/:/**/320px;}
		#about {background:#3786a3;padding:10px;font-size:70%;line-height:18px;color:#fff;}
		#sidebarleft {float:left;width:160px;}
		#sidebarright {float:right;width:140px;}
			#sidebar  li a:link, #sidebar  li a:visited, #sidebar  li a:active {border-bottom:1px solid #eee;font:  .75em Verdana, arial, Helvetica, sans-serif;color: #222;display: block;width: auto;padding: 3px 0 3px 4px;text-decoration: none;}
			* html #sidebarleft li a:link { /*IE only. */width: 154px;}
			* html #sidebarleft li a:visited { /*IE only. */width: 154px;}
			* html #sidebarright li a:link { /*IE only. */width: 144px;}
			* html #sidebarright li a:visited { /*IE only. */width: 144px;}
			#sidebar li a:hover {	background:#415578;color:#fff;}
			/* Ads  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			#sidebar img.leftad {float:left;display:block;}
			#sidebar img.midad {float:left; margin:0 10px;display:block;}
			#sidebar img.rightad {float:left;display:block;}
			
#footer {width:100%;border-top:2px solid #679ef1;background: #1d282f;margin-top:10px;text-align:center;font: normal 65% verdana;padding: 5px 0 5px;color:#9f9f9f;}
	#footer a, #footer a:visited { font-weight:bold; color:#cfcfcf;}
	#footer a:hover {text-decoration:underline;}
	
 /* commentform
---------------------------------------------------------------------------------------------- */
#commentlist {margin: 0 0 20px 10px;font:.75em  verdana, helvetica, sans-serif;}
#commentlist li {padding:10px 10px 10px 10px;list-style:none;}
.alt {background:#E0E7EF;}
.gravatar {float:left; width:38px; height:32px; }
.commentmeta {float:left;padding-top:8px;}
#comment-wrapper cite {display:block;font:bold 1em Georgia,Times New Roman,Trebuchet;color:#6F665A;}
#comment-wrapper cite a:link,#comment-wrapper  cite a:visited{color:#6F665A;text-decoration:underline;}
#comment-wrapper cite a:hover {text-decoration:none;}
	.commentmetadata  a:link,.commentmetadata  a:visited{color:#6F665A;text-decoration:none;}
	.commentmetadata  a:hover{color:#f60}
#commentlist li p { font-size: .9em; line-height: 15px; padding: 5px 0px;  color:#444;}
#commentlist li blockquote { color:#666666;  font-size: .9em; font-style: italic; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; }
#commentlist li blockquote p { font-size: .9em; padding: 5px 0px;line-height: 16px; color:#666666; }
#commentlist li ul { padding: 5px 0px; }
#commentlist li ul li { padding: 0px;  font-size: .9em; line-height: 13px; color:#666; }		

#commentform p {margin-bottom:10px;}
#commentform label {color:#666;font-size: 60%;padding-left: 5px;}
#commentform small {color: #999999;font-size: 90%;}
#commentform input {font: 80% Arial, Helvetica, sans-serif;width: 220px;padding: 2px;	border: 1px solid #e6e6e6;}
#commentform textarea {font: 80% Arial, Helvetica, sans-serif;width: 430px;height: 120px;border: 1px solid #e6e6e6;padding: 2px 3px 3px 7px;}
#commentform #submit {font: 12px/100% Arial, Helvetica, sans-serif;border: 1px solid #555;color:#2a2a2a;	background:#7ac4ea;	width: 100px;height: 25px;padding: 2px 8px !important;padding: 2px 5px; -left: 390px;}
#commentform #submit:hover {background:#d92100; color:#fff;}
#commentform textarea:focus, #commentform input[type="text"]:focus {border: solid 1px #c00;}
/* comment list
---------------------------------------------------------------------------------------------- */