/*   
Theme Name: Domino
Theme URI: http://www.gabfire.com
Description: A free theme designed by gabfire.com
Author: Mehmet Ozekinci
Author URI: http://www.gabfire.com/
Version: 1.0
*/

/* Include reset file */
@import url(css/reset.css);

body {
	background:#363636;
	font: 1em/17px arial,verdana,tahoma, sans-serif;
	color:#222;
}

/* GENERIC */
h1, h2, h3, h4 {
	font: 1em Georgia,Times New Roman,Trebuchet
}
h1 {
	font-size:2.2em;
	display:block;
	margin-top:5px;
	color:#fff;
} 
h1 a:link, h1 a:visited, h1 a:hover {
	color:#fff;
}
h1 span {
	display:block;
	font-size:.5em;
}
h2 {
	font-weight:bold;
	font-size:1.1em;
	padding-bottom:3px;
}
h2.sidebar{
	padding-top:15px;
}
h3 {
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:2px;
	color:#666;
	border-bottom:1px solid #efefef;
}
h3#respond {
	margin-bottom:10px;
	color:#555;
}
h3#leavecomment {
	margin-bottom:10px;
	color:#555;
}
h4{ 
	background: url(images/rss.png) no-repeat left center;
	padding-left:22px;
	font-size:.9em;
	float:right;
	margin-left:10px;
}  
h4 a {
	color:#ccc;
} 
h4 a:hover{
	color:#fff;
}
p {
	line-height:1.3em;
	padding-bottom:10px;
}
.right {
	float:right;
}
.left {
	float:left;
}
.alignleft {
	display:block;
	float:left;
	margin-top:4px;
	margin-right:10px;
	margin-bottom:5px;
}
.alignright {
	display:block;
	float:right;
	margin-top:4px;
	margin-bottom:5px;
	margin-left:10px;
}
.aligncenter {
	display:block;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption .alignright, .wp-caption .alignright, .wp-caption .aligncenter {
	padding:0;
	margin:0;
}
.wp-caption {
	padding:3px;
	background:#f9f9f9;
	border:1px solid #ddd;
}
p.wp-caption-text {
	font:9px tahoma, sans-serif;
}
	

/* ***********************************************************
*	Links									*
***********************************************************/
a {
	color:#29568f;
}
a:hover {
	color:#d92100;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	text-decoration:underline;
}
/* ***********************************************************
*	Main DIVISIONS						*
***********************************************************/
#topnav {
	background:url(images/bgHeader.gif) no-repeat;
	height:35px;
	position:relative;
	width: 1008px;
	margin:20px auto 0;
}

#wrapper {
	width: 1008px;
	margin: 0 auto;
	background: #fff;
}
	#header { /*Site logo - Searchbox and navigation bar wrapper */
		font-size: .8em;
		margin-bottom:15px;
		margin-right:auto;
		margin-left:auto;
	}
	#headerInner {
		padding-right:9px;
		padding-left:9px;
		padding-top:12px;
		padding-bottom:12px;
		background: #003f8a url(images/bgHeaderInner.gif) repeat-x top;
		border:5px solid #000;
	}
	#content-wrap {
		width:990px;
		margin: 0 auto;
		clear:both;
	}
		#leftcol-wrapper {
			float:left;
			text-align:center;
			background:#f9f9f9;
			width: 170px;
		}
		#midcolumn {
			float:left;
			margin-right:15px;
			margin-left:13px;
			display:inline;
			width:530px;
			font-size:.8em;
		}
		#sidebar{
	width:254px;
	float:left;
	padding-bottom:10px;
	font-size:0.8em;
		}
		#singlepage { /* Content area container on single post page */
	width:721px;
	margin-right:10px;
	float:left;
	display:inline;
	font-size:0.8em;
	padding-bottom:10px;
		}
#footer {
	width: 1000px;
	margin: 0 auto;
	color: #ccc;
	font-size:.6em;
	text-align:right;
}

/************************************************************
*	HEADER	  								*
************************************************************/
#headerleft {
	width: 460px;
	float: left;
}
#headerright {
	width: 500px;
	float: right;
}

#rss {
	float:right;
	display:block;
	width:300px;
	text-align:right;
	padding-top:12px;
	padding-right:10px;
}


/* SEARCH RESULTS PAGE */
.postinfo { /* pos info shown under the summary of posts on search results */
	text-align:right;
	padding-top:3px;
	font:.8em verdana, arial, tahoma,sans-serif;
	color:#9f9f9f;
	border-top:1px dotted #f1f1f1;
	margin-bottom:10px;
	clear:both;
	display:block;
}

/* DROPDOWN NAVIGATION - PAGES */
#navpages {
	width:650px;
	float:left;
}
ul#navpagelist {
	margin-left:10px;
	margin-top:8px;
}
#navpages #navpagelist li {
	float: left;
	width: auto;
}
#navpages ul li a {
	display: block;
	font-size: .9em;
	color: #ccc;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:8px;
	padding-left:8px;
	margin-right:4px;
}
#navpages ul li a:hover {
	background: #1473e3;
	color:#fff;
}
#navpagelist li li {
	float: left;
	width: 160px;
}
#navpagelist li li a {
	background: #1473e3;
	color:#fff;
	float: none;
	padding-top:3px;
	padding-bottom:2px;
	padding-right:12px;
	padding-left:12px;
	border-top: 1px solid #7aaeea;
	border-right:0;
	width: 136px!important;
	width:160px;
	width/**/:/**/136px;
}
#navpagelist li li a:hover {
	background: #0060d1;
	color:#fff;
}
#navpagelist li ul {
	position: absolute;
	width: 160px;
	left: -999em;
	border-bottom:1px solid #7aaeea;
}
#navpagelist li:hover ul {
	left: auto;
	display: block;
}
#navpagelist li:hover ul{
	left: auto;
}

/* DROPDOWN NAVIGATION - CATEGORIES */
#navcats {
	background: #000;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:2px solid #555;
}
#categories {
	float:left;
	width:786px;
}
#searchcontainer {
	width:205px;
	float:left;
}
#s {
	width: 200px;
	border:none;
	padding:1px;
}
#searchsubmit {
	background: url(images/search-btn.gif) no-repeat;
	width: 37px;
	height:25px;
	cursor:pointer;
	position:absolute;
	visibility:hidden;
	left:285px;
	border:0;
}
#navcats #navcatlist li {
	float: left;
	width: auto;
}
#navcats ul li a {
	display: block;
	font-size: .9em;
	color: #ccc;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:8px;
	padding-left:8px;
	margin-right:4px;
}
#navcats ul li a:hover {
	background: #1473e3;
	color:#fff;
}
#navcatlist li li {
	float: left;
	width: 160px;
}
#navcatlist li li a{
	background: #1473e3;
	color:#fff;
	float: none;
	padding-top:3px;
	padding-bottom:2px;
	padding-right:12px;
	padding-left:12px;
	border-top: 1px solid #7aaeea;
	border-right:0;
	width: 136px!important;
	width:160px;
	width/**/:/**/136px;
}
#navcatlist li li a:hover {
	background: #0060d1;
	color:#fff;
}
#navcatlist li ul {
	position: absolute;
	width: 160px;
	left: -999em;
	border-bottom:1px solid #afafaf;
}
#navcatlist li:hover ul {
	left: auto;
	display: block;
}
#navcatlist li:hover ul {
	left: auto;
}

/* LEFTCOLUMN  */
#leftcolumn {
	padding:5px;
	font-size:.75em;
}
.latestnewspost {
	margin-bottom:10px;
}

/* MIDDLE COLUMN */
.featuredcontainer {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f9f9f9;
	width:530px;
}
.featuredinner {
	padding-top:6px;
	padding-right:10px;
	padding-bottom:6px;
	padding-left:10px;
}
.featuredcontainer img {
	float:left;
	margin-top:3px;
	margin-right:10px;
	margin-bottom:4px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff;
}
ul.subsection_tabs{
	height:31px;
	font-size:1em;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}
ul.subsection_tabs li{
	display: inline;
	float: left;
	line-height: 27px;
	height: 31px;
	font-weight: bold;
}
ul.subsection_tabs li a {
	display: block;
	float: left;
	padding-right:15px;
	padding-left:15px;
	text-align: center;
	height: 30px;
	background: #fafafa;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	color: #000;
}
ul.subsection_tabs li a:hover {
	background:#efefef;
}
ul.subsection_tabs li a.active {
	color: #000;
	display: block;
	float: left;
	padding: 0 15px;
	text-align: center;
	height: 30px;
	border: 1px solid #ccc;
	border-bottom:1px solid #f9f9f9;
	background: url(images/bgtabsfeatured.gif) repeat-x bottom;
}
#gallery {
	margin-top:10px;
}
#gallery img {
	display:inline;
	float:left;
	margin-top:5px;
	margin-right:3px;
	margin-left:3px;
	background:#f5f5f5;
	padding:2px;
	border:1px solid #ccc;
}
#midcolumnleft {
	width:260px;
	float:left;
	margin-right:10px;
	display:inline;
	margin-top:10px;
}
#midcolumnright {
	width:260px;
	float:left;
	margin-top:10px;
}
.midcolumnpost {
	margin-bottom:10px;
	padding:5px;
}
.gray { /* Every second post on the main page below the flickr photo stram gets assigned with this class */
	background-color:#f6f6f6;
}
.details { /* This class styles the post details  where the date, comment and read more text is placed on main page. (Featured area, left and right sections below the flickr photos) */
	text-align:right;
	display:block;
	clear:both;
	font:.8em verdana;
}
.videodetails { /* This class styles the post details  where the date, permalink and comment numbers are placed on video category template. */
	text-align:center;
	display:block;
	clear:both;
	font:.8em verdana;
}
#midcolumnleft img, #midcolumnright img {
	margin-bottom:10px;
}

/************************************************************
*	Sidebar						*
********************************************************** */
#adcontainer125px img {
	margin-bottom:10px;
}

#adcontainer250x250 {
	padding-right:5px;
	padding-left:5px;
}

.sidebartabs {
	padding:3px;
	font-size:90%;
}
.sidebartabs ul {
	list-style:square inside;
}
.sidebartabs ul li {
	line-height:18px;
	color:#444;
	border-bottom:1px dotted #D3D9EB;
	padding-top:2px;
	padding-bottom:2px;
	background: url(images/star.gif) no-repeat left center;
}
.sidebartabs a  {
	display:inline;
	color:#444;
}

.sidebartabs a:hover {
	color:#29568f;
	text-decoration:underline;
}
ul.sidesubsection_tabs{
	height:27px;
	font-size:1em;
	font-weight:bold;
	margin-bottom:10px;
}
ul.sidesubsection_tabs li{
	display: inline;
	float: left;
	line-height: 23px;
	height: 27px;
	font-weight: bold;
}
ul.sidesubsection_tabs li a {
	display: block;
	float: left;
	padding-right:15px;
	padding-left:15px;
	text-align: center;
	height: 26px;
	border:1px solid #eee;
	color: #000;
}
ul.sidesubsection_tabs li a:hover {
	background:#efefef;
}
ul.sidesubsection_tabs li a.active {
	display: block;
	background: #fafafa;
	float: left;
	padding-right:15px;
	padding-left:15px;
	text-align: center;
	height: 26px;
	background: #fafafa;
	border:1px solid #eee;
	color: #000;
}




#widgetized ul {margin:0 0 0 3px;list-style-type: square;}
#widgetized ul li {margin-left:18px;line-height:1.6em;}
#widgetized ul li a, #widgetized ul li a:visited  {color:#777;display:inline;font:1em Tahoma,Arial,"Trebuchet MS",Verdana;}
#widgetized ul li a:hover {color:#29568f;text-decoration:underline;}
#widgetized ul ul {margin-left:10px;}


/* SINGLE POST PAGE  */
#singleimage { /* Image container that is added with custom field to the single post page */
	float:left;
}
#singleimage img {
	margin-top:4px;
	margin-right:10px;
	margin-bottom:4px;
}

#singlepostinfo {
	background: #f7f7f7;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 10px;
	clear:both;
	float:none;
	display:block;
	font:.8em/1.4em verdana;
}
.single-entry-nav { /*Single post page previous and next page posts links division */
	display: block;
	margin-top:20px;
	margin-bottom:20px;
	font: 1em verdana;
}

#singlepage ul{
	padding-bottom:10px;
	list-style: square inside;
}
#singlepage ol{
	padding-bottom:10px;
	list-style: decimal inside;
}
#singlepage li {
	padding: 2px 0px 2px 10px;
	font-size: 12px;
	line-height: 15px;
	color:#4c4c4c;
}
.videos {
	border:1px solid #ccc;
	width:350px;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}
#videoinfo {
	background: #f7f7f7;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 10px;clear:both;
	float:none;
	display:block;
	margin-bottom:20px;
}

/*BLOCKQUOTE AND CODE STYLE - STYLE IS APPLICABLE FOR BOTH ENTRIES AND COMMENTS */
blockquote {
	padding: 2px 10px;
	background: #e6f9c9;
	color:#369;
	border:1px solid #a9d26a;
	margin-bottom:10px;
}
code {
	color:#444;
	font:11px/17px tahoma, arial, sans-serif;
	display:block;
}
blockquote p {
	font-size: 11px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 15px;
}
blockquote li {
	padding: 2px 0px 2px 10px;
	font-size: 11px;
	line-height: 15px;
	color:#369;
}
blockquote a {
	color:#0080ca;
	text-decoration:underline;
}
blockquote a:hover {
	color:#039;
}

/*COMMENT FORM*/
#comment-wrapper cite {
	font:bold 1em Georgia,Times New Roman,Trebuchet;
	color:#6F665A;
}
#comment-wrapper cite a {
	color:#6F665A;
	text-decoration:underline;
}
#comment-wrapper cite a:hover {
	text-decoration:none;
}


ol#trackbacks { /*trackbacks are kept out of the comments, this id is going to style the trackback list kept right below the comments */
	list-style:square;
	margin:0 0 15px 10px;
	font:1em tahoma, arial, helvetica, verdana, sans-serif;
}
ol#trackbacks a {
	color:#297cdf;
}
ol#trackbacks a:hover {
	color:#d92100;
}

/*STYLE OF PUBLISHED COMMENTS */
#commentlist {
	margin: 0 0 15px 0;
	font-size:1em;
}
#commentlist li {
	padding:5px;
}
#commentlist li.alt {
	background:#f7f7f7;
	border:1px solid #ccc;
}
#commentlist .gravatar {
	float:left;
	margin-top:4px;
	margin-right:5px;
	margin-bottom:5px;
	width:55px;
	display:block;
}
.gravatar img{
	background:#dfdfdf;
	padding:2px;
	border:1px solid #bbb;
}
.commentmetadata  a {
	color:#6F665A;
	text-decoration:none;
}
.commentmetadata  a:hover{
	color:#f60
}
.commenttext a {
	color:#297cdf
}
.commenttext a:hover {
	color:#f60;
}
.commenttext p {
	font: 1em tahoma, arial, verdana, sans-serif;
	line-height: 15px;
	margin-top:3px;
	margin-bottom:4px;
}
.commenttext blockquote { 
	font-size: .9em; 
	border-top: dashed 1px #ccc; 
	border-bottom: dashed 1px #ccc; 
	border-right:0;
	border-bottom:0;
}
.commenttext blockquote p {
	font-size: .9em;
}
.commenttext ul, .commenttext ol {
	padding: 5px 0px;
}
.commenttext li ul li, .commenttext li ol li {
	padding: 0; 
	font-size: .9em;
	line-height: 13px;
	color:#666;
}
.nocomments {
	padding-top:7px;
	padding-bottom:7px;
	background:#fff;
	font-size:.8em;
}

/*STYLE OF COMMENT FORM */
#commentform p {
	margin-bottom:5px;
}
#commentform label {
	color:#666;
	font-size: 80%;
	padding-left: 5px;
}
#commentform small {
	color: #999999;
	font-size: 90%;
}
#author,#email,#url {
	font: 100% Arial, Helvetica, sans-serif;
	width: 220px;
	padding: 2px;
	border: 1px solid #e6e6e6;
}
#commentform textarea {
	font: 100% Arial, Helvetica, sans-serif;
	width: 550px;
	height: 120px;
	border: 1px solid #e6e6e6;
	padding: 2px 3px 3px 5px;
}
#submit {
	background: url(images/submit.gif) no-repeat;
	width: 59px;
	height:20px;
	border:none;
	float:left;
	text-indent: -900em;
	line-height:0px;
	cursor:pointer;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #c00;
}