/*
 * Theme Name: RFG3.0
 * Author: http://www.staygoldstudio.com
 * Description: Rotterdam Fixed Gear 3.0
 * Version: 1.2
 * */

/* Defaults
 *  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

* { margin: 0; padding: 0; }
body { padding: 15px 0px; color: #1a1a1a; background: #dedede; font: normal 12px Verdana, sans-serif; }

input, button, select { font: normal 11px/14px 'Verdana', sans-serif; }
textarea { font: normal 12px/16px 'Verdana', sans-serif; }
legend { display: none; }
fieldset { border: none; }
img { border: none; text-align: center;}
ul, ol { list-style: none; }
table { border-collapse: collapse; width: 100%; }
hr { display: block; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }

a:link { text-decoration: none; color : #0066cc; border: 0px;}
a:active { text-decoration: underline; color : #0066cc; border: 0px;}
a:visited { text-decoration: none; color : #0066cc; border: 0px;}
a:hover	{ text-decoration: underline; color : #003399; border: 0px;} 
a:focus { outline: none; }
.clear { clear:both }
.hidden { display: none;}

/* Header
#################################################################################################### */
#header { overflow: hidden; }
* html #header { height: 1%; }

/* Head - Logo
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header-logo { padding-bottom: 10px;}
.header-logo h1 a { font: bold 40px/40px Arial; letter-spacing:-2px; text-decoration:none; display:block; color:#000; }
.header-logo h1 .description { font: bold 14px/14px 'Arial'; color:#666; letter-spacing: 0px; display: block;}

/* Head - Image
 * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.head-image { display: block; height: 110px; background:#eee; margin-bottom: 1px;}

/* Head - Menu
 * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.head-menu { background: #ffffff; border: 1px solid #d6d5d0; font: bold 14px/14px "Arial", sans-serif; letter-spacing: 0px}
* html .head-menu { height: 1%;}

.head-menu a { font-weight: bold; text-decoration: none; }

.head-menu ul.menu                 { position: relative; }
.head-menu ul.menu li              { float: left; }
.head-menu ul.menu li a            { display: block; padding: 6px 10px; color: #7d7d7d; border-right: 1px solid #d6d5d0; }
.head-menu ul.menu li.hover, .head-menu ul.menu li:hover { background: #777; color: #ffffff; position: relative; }
.head-menu ul.menu li.hover a      { color: #fff; }
.head-menu ul.menu li.current_page_item a,
.head-menu ul.menu li.current-cat a { background: #222; border-right: 1px solid #ffffff; color: #ffffff; }

/* 2nd level */
.head-menu ul.menu ul 						{ width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; }
.head-menu ul.menu ul li 					{ float: none; color: #7d7d7d; }  
.head-menu ul.menu ul li a					{ width: 100%; display: inline-block; background:#fff; border-bottom: 1px solid #d6d5d0; border-right:none }
.head-menu ul.menu li.hover ul li a			{ color:#7d7d7d }
.head-menu ul.menu ul li.hover a			{ background:#7d7d7d; color:#fff; }
.head-menu ul.menu li.hover ul li.hover a	{ color:#fff }

/* 3rd level */
.head-menu ul.menu ul ul 					{ left: 100%; top: 0; }
.head-menu ul.menu li:hover > ul 			{ visibility: visible; }

.head-menu a.rss { display: inline; padding: 6px 25px 6px 10px; margin-right: 7px; float: right; color: #ff9900; background: url("graphics/head-menu-rss.png") right center no-repeat; }


/* WRAPPER ( wraps all, header, container, footer)
#################################################################################################### */
#wrapper { background: #fff; padding: 25px; border: 1px solid #ccc; }
* html #wrapper { height: 1%;}


/* Container ( All Columns )
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#container { overflow:hidden; padding: 35px 0px;}
* html #container { height: 1%;}

/* Content ( Main Post Column)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content {}



/* Post
 * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding-bottom: 20px;  margin-top: 15px;}

.post .p-head {}
.post .p-head h2 { font-size: 24px; line-height: 28px; margin-top: 5px;  margin-bottom: 5px; letter-spacing: 0px; color: #0066cc; text-transform: uppercase; border-bottom: 4px dotted #dadada; }
.post .p-head h2 a { text-decoration: none; color: #17b0e8; z-index:2}

.post .p-head p.meta { color:#666; background: #f3f3f3; border-bottom: 1px solid #dfdfdf; padding: 5px; font-size: 11px; }
.post .p-head p.meta a { color: #666; text-decoration: underline;}
.post .p-head span { margin-right: 7px;}
.post .p-head .p-meta-author { background: url("graphics/p-meta-author-ico.png") no-repeat left 2px; padding-left: 13px;}
.post .p-head .p-meta-categ { background: url("graphics/p-meta-categ-ico.png") no-repeat left 2px; padding-left: 13px;}

.post .p-head p.date { text-align: right; color:#999; padding: 2px; font-size: 10px; text-transform:uppercase;}

.post .p-con {}
.post .p-con p { /*font: normal 12px/19px "Verdana"; */ padding: 5px 0px; margin: 5px 0px;}
.post .p-con ol { list-style: decimal inside; }
.post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 0px; }
.post .p-con ul { padding: 10px 0px 10px 5px; margin: 0px; align: left;}
.post .p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("graphics/p-con-li.png") no-repeat left 6px; color:#666; }
.post .p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #f4f4f4; color:#666; }
.post .p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }
.post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}
.post .p-con pre { padding:10px; }

.post .p-det { margin: 5px 0px 20px 0px; text-align: left; font-size: 12px; background-color:#dadada; padding: 10px;}
.post .p-det li { display: inline; padding: 4px 0px 6px 22px; margin-right: 5px;}
.post .p-det li.p-det-com { background: url("graphics/p-det-com-ico.png") left center no-repeat; }
.post .p-det li.p-det-more { background: url("graphics/p-det-more-ico.png") left center no-repeat; }

.post .p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }
.post .p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }

/* retweet */
.post .p-con a.retweet { float:left; }


.author {}
.author h1 { font-size: 28px; line-height: 28px; margin-bottom: 5px; letter-spacing: 0px; text-transform: uppercase;}
.author h2 { font-size: 24px; line-height: 24px; margin-bottom: 5px; letter-spacing: 0px;}
.author h3 { font-size: 20px; line-height: 20px; padding-bottom: 10px; margin-bottom: 5px; letter-spacing: 0px; border-bottom: 5px dotted #dadada;}
.author p { font: normal 12px/19px "Verdana"; padding: 5px 0px; margin: 5px 0px;}
.author ol { list-style: decimal inside; }
.author ol { padding: 10px 0px 10px 25px; margin: 0px; }
.author ol li { padding: 2px 0px 2px 0px; }
.author ul { padding: 10px 0px 10px 20px; margin: 0px; }
.author ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("graphics/p-con-li.png") no-repeat left 6px; color:#666; }
.author blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #f4f4f4; color:#666; }
.author blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }
.author blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}


/* Asides
 * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.aside { border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; padding: 15px 0px; font: normal 13px/19px "Georgia"; overflow: hidden; color:#666; margin-bottom: 35px;}
.aside .aside-title { font-weight: bold; color:#000;}
.aside .aside-comment { font: bold 10px/12px "Verdana"; background: #000; color:#fff; padding: 2px 5px; margin-right: 5px;}
.aside .aside-comment a { color:#fff; text-decoration:none }
.aside a { color:#000; text-decoration:none }

/* Images
 * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
p img { padding: 0; max-width: 100%; }
img.aligncenter { display: block; margin-bottom:7px; margin-left: auto; margin-right: auto; }
img.alignright { margin: 5px 0 10px 20px; display: inline;  }
img.alignleft { margin: 5px 20px 10px 0; display: inline; }
img.framed { border: solid 6px #eee; padding: 1px; }
.alignright { float: right; }
.alignleft { float: left }

/* Navigation
 * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.navigation { overflow: hidden; padding-top: 20px; border-top: 5px dotted #dadada; }
html .navigation { height: 1%; }
.navigation div a, .navigation div a:visited, .navigation div a:hover { font-weight: bold; font-size: 13px; vertical-align: middle; }
.navigation div.alignleft a { float: left; background: url("graphics/navigation-left.png") no-repeat left 0px; padding-left: 23px; height: 18px;}
.navigation div.alignright a { float: right; background: url("graphics/navigation-right.png") no-repeat right 0px; padding-right: 23px; height: 18px;}

/* Comments
#################################################################################################### */
.comments-list { padding-top: 10px;}

.comments-list h2 { font-size: 24px; letter-spacing: 0px; margin: 0px; padding: 10px 0px; border-bottom: 5px dotted #dadada; text-transform: uppercase;}
.comments-list .comment { margin-bottom: 20px; margin-top: 10px; padding: 20px; border: 1px solid #dfdfdf; background: #fff;  }
.comments-list .alt { background: #f4f4f4; border:1px solid #f4f4f4 }
.comments-list .children { margin-left:30px; }

.comments-list p.name { font: bold 18px/18px "Arial",sans-serif; color:#17b0e8; letter-spacing: 0px; text-transform: uppercase;}
.comments-list p.avt { float: right; top: 20px; right: 20px; height:62px; width:62px; } 
.comments-list p.avt img { border: solid 1px #ccc; }
.comments-list p.date { font-size: 11px; padding-bottom: 5px;}
.comments-list p.date a { color:#999; text-decoration: underline;}
.comments-list .con { font: normal 12px/17px "Verdana"; margin-right: 90px; color:#333;}
.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }

/* Trackbacks 
#################################################################################################### */
.trackback-list { padding-top: 10px;}
.trackback-list h2 { font-size: 24px; letter-spacing: 0px; margin: 0 0 5px 0; padding: 10px 0px; }
.trackback-list li .date { color:#ccc; font-size:0.9em }
.trackback-list li { border-bottom:1px solid #ccc; padding:5px 4px; }

/* Comments Form
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { padding-top: 10px; }
.comments-form form { padding: 10px; background: #f4f4f4; }
.comments-form h3 { font-size: 28px; margin: 0px; padding: 10px 0px; letter-spacing: 0px; color:#666666; text-transform: uppercase;}
.comments-form label { padding-bottom: 5px; }
.comments-form p { padding: 7px 0px; overflow: hidden; height: 1%;}
.comments-form .required { font-weight: normal; color:#cc0000;}
.comments-form input { border: 1px solid #ccc; background: #ffffff; padding: 5px; width: 200px; margin-right: 10px; }
.comments-form textarea { border: 1px solid #ccc; background: #ffffff; padding: 6px; width: 95%; }

.comments-form .inputsubmit, button, .inputsubmit { border: outset 1px #000; background: #666; color:#fff; width: auto; font-weight: bold;}



/* Sidebar
 * #################################################################################################### */
#sidebar { overflow:hidden; border-left: 1px solid #dadada;}

.widget { overflow: hidden; background: #f4f4f4; padding: 15px; margin-bottom: 15px;}
* html .sidebar div.block { height: 1%; }
.widget h3 { font-size: 24px; font-weight: bold; letter-spacing: 0px; border-bottom: 1px solid #dadada; padding-bottom: 5px; text-transform:uppercase;}
.widget p { margin: 5px 0px;}
.widget ul { padding: 5px 0px;}
.widget ul li ul { padding: 5px 0px 0px 0px;}
.widget ul li { padding: 2px 0px 2px 7px; background: url("graphics/sidebar-arrow.png") 0 7px no-repeat; }


.widget ul.tabs { overflow: hidden; border-bottom: 1px solid #dadada; letter-spacing: 0px;}
* html .widget ul.tabs { height: 1%; }
.widget ul.tabs li { float: left; background: none; padding: 0; font: bold 14px/14px "Arial", sans-serif; }
.widget ul.tabs li a { color: #333333; padding: 4px 6px; margin-right: 2px; float: left; display: block; text-decoration: none; }
.widget ul.tabs li a.active,
.widget ul.tabs li a:hover { background: #dadada; }
.widget .tab { display: none; }
.widget .active { display: block; }

.widget_text { font: normal 12px/17px "Verdana";}
.widget_text p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px;}
.widget_text blockquote { font: italic 13px/17px "Georgia"; padding: 10px; margin: 0px; background: #e4e4e4;}

/*.widget_recent_entries ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}
.widget_recent_comments ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}*/

.widget_tag_cloud { font-family: Arial, Helvetica, sans-serif; line-height: 22px;}

.widget_calendar table { width: 100%;}
.widget_calendar table td { text-align: center; padding: 5px 3px; }
.widget_calendar caption { background: #dadada; padding: 5px 0px; margin-bottom: 5px;}
.widget_calendar #today { background: #dadada; font-weight: bold;}
.widget_search #search-text { border: 1px solid #ccc; padding: 4px; margin-right: 3px; }
/*.widget_search #search-submit { background: #666; color:#fff; font-weight: bold; padding: 3px;}*/

/* Footer
#################################################################################################### */
#footer { overflow: hidden; background: #f3f3f3; border-top: 1px solid #dfdfdf; padding: 10px 20px; }
* html #footer { height: 1%; }
#footer p { color:#444; padding-bottom: 4px; font-size: 11px;}
#footer p a { color:#444; text-decoration: underline; }
#footer p.by { color: #999; font-size: 9px; }
#footer p.by a { color: #999; text-decoration: none; }

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*
slide
*/

#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:360px;
		height:180px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#fff;
		}		
	#slider2 li h2{
		font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
		color: #17b0e8;
		font-size:48px;
		margin:0 20px 0px 15px;
		padding-top:0px;
	    letter-spacing: -2px;
		text-align:left;
		}	
	#slider2 li h3{
		font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
		color: #69644e;
		font-size:22px;
		margin:0 0 0 15px;
		padding-top:0px;
	    letter-spacing: -2px;
		text-align:left;
		}
	#slider2 li p{
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	color: #69644e;
	font-size:11px;
	margin:0px 15px 0px 15px;
	line-height: 14px;
		}						
		
p#controls2{
		margin:0;
		position:relative;
		} 
	
#prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:26px;
		height:36px;
		position:absolute;
		left:-30px;
		top:-100px;
		}	
#nextBtn2{ 
		left:338px;
		}														
#prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:26px;
		height:36px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
#nextBtn2 a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	


.sayfalama{
height:50px;
}
#geri{
padding-left:150px;}

#geri a {
background:url(images/prev.jpg) no-repeat;
width:63px;
height:21px;
float:left;
}

#ileri{
padding-right:150px;
}
#ileri a {
background:url(images/next.jpg) no-repeat;
width:63px;
height:21px;
float:right;
}

h5 {padding-top:10px; border-bottom:dashed gray 1px; cursor:pointer;}
h5 span {display:none;position: relative; left: 10px; font-size: 12px; color: #17b0e8;}
h5.slidehidden .expand {display:inline; color:#17b0e8;}
h5.slidehidden .hide {display:none;}
h5.slidevisible .expand {display:none;}
h5.slidevisible .hide {display:inline;}

h6 {font-size: 18px; padding-top:10px; border-bottom:dashed gray 1px; cursor:pointer;}
h6 span {display:none;position: relative; left: 10px; font-size: 12px; color: #17b0e8;}
h6.slidehidden .expand {display:inline; color:#17b0e8;}
h6.slidehidden .hide {display:none;}
h6.slidevisible .expand {display:none;}
h6.slidevisible .hide {display:inline;}


.sidebar .aktt_tweets ul li {border-bottom: 1px solid #dadada;}
/* End captions */

/* fix */
.mydiv { z-index: 100; }
/* end fix */

#ratebox a { text-transform: uppercase; font-weight: bold; font-size: 14px;}

.photonav .photo {
	clear: both;
	overflow: hidden;
}

.photonav .photo .fixed img {
	display: block;
	border: 0px;
}

.photonav .photo .fixed a {
	display: block;
}

.photonav .photo .fixed {
	overflow: visible;
	background-position: top left;
	float: left;
}

.photonav .photo {
	border: 1px solid gray;
	margin: 20px;
	width: 758px;
}

.photonav .photo .opt2 {
	height: 650px;
	background-image: url(../images/panorama2.jpg);
}

.photonav .photo .opt1 {
	height: 154px;
	background-image: url(../images/panorama.jpg);
}

a.button1 {
	margin-left: 148px;
	margin-top: 31px;
	width: 138px;
	height: 90px;
	background-image: url(../images/btn1.jpg);
}

a.button1:hover {
	background-image: url(../images/btn1_hover.jpg);
}

a.button2 {
	margin-top: -90px;
	margin-left: 286px;
	width: 240px;
	height: 90px;
	background-image: url(../images/btn2.jpg);
}

a.button2:hover {
	background-image: url(../images/btn2_hover.jpg);
}

a.button3 {
	margin-top: -90px;
	margin-left: 526px;
	width: 169px;
	height: 90px;
	background-image: url(../images/btn3.jpg);
}

a.button3:hover {
	background-image: url(../images/btn3_hover.jpg);
}

a.button4 {
	margin-top: -90px;
	margin-left: 694px;
	width: 221px;
	height: 90px;
	background-image: url(../images/btn4.jpg);
}

a.button4:hover {
	background-image: url(../images/btn4_hover.jpg);
}

a.button5 {
	margin-top: -90px;
	margin-left: 914px;
	width: 336px;
	height: 90px;
	background-image: url(../images/btn5.jpg);
}

a.button5:hover {
	background-image: url(../images/btn5_hover.jpg);
}
