body
{ 
background:url(../images/bg_a.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#111;
}
h1{
font-size:22px;
color:#78543c;
padding:5px;
margin:3px;
font-weight:bold;
}
h2{
font-size:16px;
color:#808080;
margin:0px;
padding:3px;
font-weight:normal;
}
h3{
font-size:16px;
color:#78543c;
margin:0px;
padding:3px;
font-weight:normal;
}
h4{
font-size:14px;
color: #78543c;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:850px;
height: auto;
margin:auto;
background-color:#F6F6EE;
border:8px #FFFFFF solid;
}
#motif_container {
	width: 500px;
	height: 130px;
	float:right;
}
#motif {
/*	
	width: 295px;
	height: 222px; 
	width: 393px;
	height: 296px; 
*/
	width: 605px;
	height: 122px; 
	float: right;
	/* background: url(../images/motif1.png) no-repeat right;  */
}

#top_banner{
	width:850px;
	height:130px;
/*	background:url(../images/bg-vector-5.jpg) no-repeat right; */
}

img.logo{
	padding-left:15px;
}
/*------top menu---------*/
#top_menu{
width:850px;
margin:auto;
padding:15px;
}
ul.menu {
list-style-type:none; display:block; width: auto; height:18px; margin:auto; padding:0;}

ul.menu li {
display:inline;
font-family:arial;
}

#farabi_sponsor {
	position:absolute;
	font-style:italic;
	margin-left:530px;
	margin-top:30px;
	padding:10px;
	background-image:url(../images/sponsor-bg.png);
	background-repeat:repeat-x;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:4px 11px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px;
text-decoration:none; color:#fff; background:url(../images/arrow.png) no-repeat left; }

a.nav:hover {
display:block; float:left; padding:4px 11px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#fff; background:url(../images/arrow.png) no-repeat left;}
/*----page content----*/
#page_content{
width:800px;
height:auto;
margin:auto;
}

#page_content_left{
width:400px;
height:auto;
float:left;
padding:10px;
border-right:1px solid #ccc;
}
#page_content_left p {
	font-size:12px;
	color:#333;
	/*line-height:18px;*/
	margin-top:0px;
	margin-bottom:0px;
	text-align: justify;
	padding-left: 3px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
}
#page_content_left img {
border:0px solid #E8D6CA;
margin:3px;
padding:1px;
}
#page_content_left .box {
border-right:1px dotted #aaa;
width:122px;
float:left;
margin:2px;
height:260px;
padding-right:2px;
}
#page_content_right{
	width:400px;
	height:auto;
	float:left;
	padding:10px;
	border-left:2px solid #fff;
	position:relative;
}

.latest {
float:left;
width:205px;
border-right:1px solid #ccc;
}
.latest .media {
	border-bottom:1px dotted #6da6be;
	border-top:1px dotted #6da6be;
	float:left;
	width:200px;
	margin:2px 5px 2px 5px;
	font-size:11px;
}
.latest .media img {
	float:left;
	padding:5px;
	padding-top:0px;
        width:90px;
}
.latest ul {
	list-style-type:none;
	display:block;
}
.latest li {
	list-style-type:none;
	display:block;
	margin:7px 5px 7px 5px;
}
.latest img.arrow {
	cursor:pointer;
	width:200px;
	height:20px;
}
.medialink {
border:0px;
text-decoration:none;
}
.medialink img {
border:0px;
}

.focuson {
width:185px;
border:0px solid #111;
float:left;
text-align:left;
font-size:11px;
padding:3px 0px 3px 3px;
border-left:2px solid #fff;
}
.focuson img {
float:right;
width:90px;
}
#content a {
    color:#bb4004;
    text-decoration:none;
}
#content a:hover {
    text-decoration:underline;
}
#explore {
    float:left;
    width:820px;
    margin:10px;
    padding:5px;
    background: url(../images/bg2.png) repeat-x; 
    height: 300px;
    border-top:1px solid #ffffff;
    font-size:11px;
}
#explore h2 {
    border-bottom: 1px dotted #ccc;
    margin-bottom:1px;
}
#explore h3 {
    margin-bottom:0px;
    padding-bottom:0px;
}
#explore h4 {
    font-size:12px;
}
#explore ul {
    float:left;
    width:290px;
    list-style-type:none;
    border:0px solid #111;
    padding:0px;
    margin-top:0px;
}
#explore ul li {
    float:left;
    list-style-type:none;
    width:280px;
    border:0px solid #111;
    border-bottom:1px dotted #ccc;
    padding-bottom:3px;
    padding-top:5px;
}
#explore a {
    color:#bb4004;
    text-decoration:none;
}
#explore a:hover {
    text-decoration:underline;
}
#explore img {
    float:left;
    width:50px;
    padding:2px;
    margin-right:5px;
    border:0px;
}
#explore .seeall {
    float:right;
    margin-right: 10px;
}

#explore #collections {
    float:left;
    border:0px solid red;
    width:290px;
    padding:5px;
    border-right:1px solid #ccc;
    height: 280px;
}
#explore #suggestions {
    float:left;
    border:0px solid green;
    width:290px;
    padding:5px;
    border-left:2px solid #fff;
    border-right:1px solid #ccc;
    height: 280px;
}
#explore #themes {
    float:left;
    border:0px solid orange;
    width:190px;
    padding:5px;
    border-left:2px solid #fff;
    height: 280px;
}
#explore #statistics {
    border:0px solid #111;
    width:210px;
    float:left;
    /*background-image: url(../images/bg3.png);*/
    height:140px;
}
#explore #stat-left {
    float:left;
    width:100px;
    margin-left:10px;
    border-right:1px solid #ccc;
    margin-top:5px;
    height:100px;
}
#explore #stat-right {
    float:left;
    width:90px;
    padding-left:5px;
    border-left:1px solid #fff;
    margin-top:5px;
    height:100px;
}

.transparent {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#full-width {
    float:left;
    width:820px;
    margin:10px;
    padding:5px;
    border-top:0px solid #ffffff;
    font-size:12px;
}

form.search fieldset {
    border:0px;
    border-top:1px solid #bbb;
    border-bottom:1px solid #bbb;
    margin-top:5px;
}
form.search legend {
    border:1px dotted #ccc;
    padding:5px 30px;
    margin-left:20px;
}
form.search ul {
    margin:0px;
    padding:0px;
}
form.search ul li {
    list-style-type:none;
    margin:0px;
    padding:5px 10px;
    border-bottom: 1px solid #ccc;
    border-top:1px solid #fff;
}
form.search li.search {
    list-style-type:none;
    margin:0px;
    padding:5px 10px;
    float:left;
    width:130px;
}

#sidebar {
    border:0px solid #111;
    width:190px;
    float:left;
    border-left:1px solid #fff;
    padding-left:5px;
}
#sidebar a {
    color:#bb7007;
    text-decoration: none;
}
#sidebar a:hover {
    text-decoration: underline;
}

#filter {
    border:0px solid yellow;
    width:170px;
    padding:5px 5px 15px 5px;
    background: url(../images/bg2_c.png);
    margin-top:10px;
    min-height: 200px;
	position:relative;
}
#filter a.section {
    width:160px;
    padding:5px 0px 5px 10px;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    float:left;
    color:#111;
}
#filter div.expand a {
    width:150px;
    padding:2px 0px 2px 20px;
    float:left;
    color:#bb7007;
    text-decoration: none;
    font-size:11px;
}
#filter div.expand a:hover {
    text-decoration: underline;
}
#filter div.expand {
    width:150px;
}

#menu {
    width:184px;
    padding:5px 5px 15px 5px;
    background: url(../images/menu-bg.png);
    margin-top:10px;
    min-height: 300px;
	position:relative;
}





#content {
    border:0px solid green;
    width:630px;
    padding:10px 6px;
    float:left;
    border-right:1px solid #ccc;
}
#content #results {
    float:left;
    width: 630px;
    border:0px solid yellow;
    min-height: 300px;
}
#content #results #show-filter {
    float:left;
    width:607px;
    padding:10px 3px;
    margin:5px;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
}
#content #results #show-filter img {
    border:0px;
    margin-bottom:-5px;
    margin-right:10px;
}
#content #results #pager {
    float:left;
    width:607px;
    padding:10px 5px;
    margin:5px;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
}
#content #results #pager a {
    color:#bb4004;
    padding:2px 4px;
    border:1px solid #ccc;
    margin:4px 2px;
    text-decoration: none;
    font-size:11px;
}
#content #results #pager a:hover {
    color:#fff;
    background-color: #bb4004;
}
#content #results #pager a.active {
    color:#fff;
    background-color: #bb4004;
}
#content #results #media {
    float:left;
    width:186px;
    padding:5px;
    margin:5px;
    border-bottom:1px dotted #ccc;
    height:240px;
}
#content #results #media #image {
    border-bottom:1px dotted #ccc;
    width:176px;
    padding:5px;
    height:150px;
}
#content #results #media #image img {
    max-height:145px;
    border:0px;
}
#content #results #media h1 {
    font-size:12px;
    font-weight: bold;
    margin:0px;
    padding:0px;
}
#content #results #media p {
    font-size:11px;
    padding:0px;
    margin:0px;
}
#content #results #media a {
    color:#bb4004;
    font-size:11px;
}

.linkefect {
    cursor: pointer;
}
.nonvisible {
    display:none;
}

#detail-left {
    float:left;
    width:190px;
    border:0px solid #ccc;
    padding:5px;
    border-right:1px solid #ccc;
    min-height: 330px;
}

#read-book {
    float:left;
    margin-bottom:10px;
    margin-top:10px;
    background: url(../images/bg2.png) repeat-x;
    min-height:200px;
}
#read-book a {
    width:170px;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    padding:4px 10px;
    float:left;
    color:#bb7007;
    text-decoration: none;
}
#read-book a:hover {
    text-decoration: underline;
}

#detail-right {
    float:left;
    width:420px;
    border:0px solid green;
    border-left:2px solid #fff;
    font-size:11px;
    min-height:330px;
}
#detail-right ul {
    float:left;
    list-style-type: none;
    margin:0px;
    padding:0px;
}
#detail-right ul li {
    float:left;
    list-style-type: none;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    width:400px;
    padding:5px 0px 5px 5px;
    margin-left:10px;
}
.sidebar-bg {
    background: url(../images/bg3.png) repeat-y;
}
#share {
    float:left;
    margin-bottom:10px;
}
#share ul {
    float:left;
    margin:0px;
    padding:0px;
    list-style-type:none;
}
#share ul li {
    border:0px solid #111;
    padding:3px;
    width:85px;
    float:left;
    font-size:11px;
    margin-bottom:4px;
}
#share ul li img {
    border:0px;
    float:left;
}
#sidebar a.lined {
    width:170px;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    padding:4px 10px;
    float:left;
}
#related-media {
    float:left;
    margin-bottom:10px;
    margin-top:10px;
}
#related-media ul {
    float:left;
    margin:0px;
    padding:0px;
    list-style-type:none;
}
#related-media ul li {
    border:0px solid #111;
    padding:3px;
    width:170px;
    float:left;
    font-size:11px;
    border-top:1px solid #fff;
    border-bottom: 1px solid #ccc;
}
#related-media ul li img {
    border:0px;
    float:left;
    width:50px;
    margin-right:10px;
}

#login-form {
    width:304px;
    border:4px solid #eee;
    float:left;
    text-align: left;
    padding:5px;
    background-color: #f6f6ee;
}
#login-form h1 {
    font-size:16px;
    font-weight: normal;
    width:290px;
    text-align: center;
    padding:5px 3px 5px 3px;
}
#login-form label {
    width:290px;
    padding:0px;
    margin:4px 3px 2px 5px;
    float:left;
}
#login-form input.login-input {
    width:280px;
    padding:4px 5px;
    border:3px solid #eee;
}
#login-form .login-button {
    width:100px;
    margin-top:4px;
}
#login-form #rememberme {
    float:right;
    margin:3px 10px 0px 0px;
}
#login-form a {
    color:#bb7007;
    text-decoration: none;
}
#login-form a:hover {
    text-decoration:underline;
}




#emailthis {
    width:600px;
    border:4px solid #eee;
    float:left;
    text-align: left;
    padding:5px;
    background-color: #f6f6ee;
}
#emailthis h1 {
    font-size:16px;
    font-weight: normal;
    width:590px;
    text-align: center;
    padding:5px 3px 5px 3px;
}
#emailthis label {
    width:280px;
    padding:0px;
    margin:4px 3px 2px 5px;
    float:left;
}
#emailthis input.input {
    width:280px;
    padding:2px 5px;
    border:3px solid #eee;
	height:20px;
	font-size:12px;
}
#emailthis input.submit {
    width:100px;
    margin-top:4px;
	padding:2px 10px;
	margin:4px 0px;
}
#emailthis .message {
	width:580px;
	height:60px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	border:3px solid #eee;
	padding:5px;
}










#save-search-form {
    width:304px;
    border:4px solid #eee;
    float:left;
    text-align: left;
    padding:5px;
    background-color: #f6f6ee;
}
#save-search-form h1 {
    font-size:16px;
    font-weight: normal;
    width:290px;
    text-align: center;
    padding:5px 3px 5px 3px;
}
#save-search-form label {
    width:290px;
    padding:0px;
    margin:4px 3px 2px 5px;
    float:left;
}
#save-search-form input.save-input {
    width:280px;
    padding:4px 5px;
    border:3px solid #eee;
}
#save-search-form .save-button {
    width:100px;
    margin-top:4px;
}

#login-form a {
    color:#bb7007;
    text-decoration: none;
}
#login-form a:hover {
    text-decoration:underline;
}





#collection {
    width:190px;
    height:120px;
    border:0px solid #111;
    padding:5px;
    margin:5px 0px 5px 0px;
    border-left:1px solid #fff;
    border-right:1px solid #ccc;
    float:left;
}
#collections2 {
    background: url('../images/bg2.png') repeat-x;
    float:left;
    margin-top:20px;
    width:820px;
    margin:10px 5px 5px 15px;
}
#collection img {
    float:left;
    border:0px;
    margin:5px;
}
#collection h3 {
    font-size:14px;
}
#collection a {
    color:#bb4004;
    text-decoration: none;
}
#collection a:hover {
    text-decoration: underline;
}
#collection p {
    font-size:12px;
    margin:5px;
}

#theme {
    width:400px;
    border:0px solid #111;
    padding:5px;
    margin:5px;
    float:left;
    background: url('../images/bg-4.png') repeat-x;
}
#theme ul {
    float:left;
    list-style-type:none;
    margin:0px;
    padding:0px;
}
#theme h3 {
    font-size:14px;
}
#theme ul li {
    float:left;
    list-style-type:none;
    margin:0px;
    margin:0px;
    margin:0px 3px 0px 0px;
    border:0px solid #111;
    padding:3px 0px 3px 5px;
    width:190px;
    font-size:11px;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
}
#theme ul li a {
    color:#bb4004;
    text-decoration: none;
}
#theme ul li a:hover {
    text-decoration: underline;
}

#question {
    border:0px solid #111;
    width:400px;
    float:left;
    margin:5px;
    padding:5px;
}
#question a {
    background-color: #bb4004;
    color:#fff;
    width:374px;
    float:left;
    padding:5px 10px 5px 15px;
}
#question a:hover {
    background-color: #ccc;
    color:#111;
}
#question p {
    display:none;
    margin:10px;
    width:360px;
    float:left;
}

#contact-form ul {
    float:left;
    margin:0px;
    padding:0px;
    list-style-type:none;
}
#contact-form li {
    float:left;
    margin:0px;
    padding:0px;
    list-style-type: none;
    width:400px;
    margin-top:5px;
}
#contact-form label {
    width:150px;
    float:left;
}
#contact-form img {
    float:right;
    margin:0px;
    padding:0px;
}
#contact-form input {
    width:170px;
    font-family:verdana;
    font-size:11px;
}
#contact-form textarea {
    width:170px;
    height:100px;
    font-family:verdana;
    font-size:11px;
}


#page_content_right #searchfield {
	width:270px;
	padding:5px 5px;
	z-index:999999;
}
#page_content_right #search_button {
	width:150px;
	height: 45px;
	padding:5px 10px;
	border: 1px solid #aaa;
	cursor: pointer;
	background-color:#600;
    background: url('../images/bg2_c.png') repeat-x;
}
#page_content_right a, #page_content_left a {
	color:#222;
	text-decoration:none;
}
#page_content_right a:hover, #page_content_left a:hover {
	color:#900;
}
.blurfield {
	background-color:#fff;
	border:1px solid #bdbdbd;
}
.focusfield {
	background-color:#ffffcc;
	border:1px solid #bdbdbd;
}

#page_content_right .box {
border-right:1px dotted #aaa;
width:175px;
float:left;
margin:2px;
height:200px;
padding-right:10px;
}

#loading {
    margin:5px;
    border:1px solid #111;
    padding:2px 10px;
    border:1px solid #fdd845;
    background-color:#fff6bf;
    float:left;
    width:600px;

}
#loading img {
    float:left;
    margin:10px;
}

#loading2 {
    margin:0px 0px 0x 5px;
    border:1px solid #111;
    padding:2px 10px;
    border:1px solid #fdd845;
    background-color:#fff6bf;
    float:left;
    width:600px;
	text-align:center;

}
#loading2 img {
    float:left;
    margin:0px 10px;
}
#loading2 p {
	padding:0px 5px;
	margin:0px 5px;
}



.title{
font-size:16px;
color:#808080;
clear:both;
padding-left:10px;
}
.content_text{
font-size:11px;
color:#333333;
height:auto;
text-align:justify;
padding:8px;
}
img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:5px #FFFFFF solid;
float:left;
}
img.map_pic{
padding:0px;
margin:10px;
border:5px #FFFFFF solid;
float:right;
}
img.gallery{
padding:0px;
margin:8px;
border:5px #FFFFFF solid;
float:left;
}
.more{
width:auto;
float:right;
height:20px;
}
.link_more a{
width:auto;
float:left;
text-decoration:none;
color:#990000;
font-size:12px;
padding:3px 23px 0 5px;
}
.link_more a:hover{
text-decoration:underline;
}
img.more{
float:left;
}
#page_bottom{
width:830px;
clear:both;
padding:10px;
height:auto;
}
img.inspiration{
padding:2px;
margin:3px;
border:2px #FFFFFF solid;
float:left;
}
#page_bottom p.aciklama {
    margin:20px 0px 10px 5px;
}
.nonvisible {
    display:none;
}
#rss {
    float:right;
    margin-top:-70px;
    width:160px;
}
#rss img {
    float:right;
    height:50px;
    border:0px;
}
#rss p {
    margin-top:20px;
    float:left;
}
/*---------services---------*/
.details{
width: auto;
height:auto;
float:left;
padding-left:20px;
}
ul.services {
list-style-type:none;display:block; width:auto; height:auto; float:left; 
margin:0px; padding:10px 0 10px 2px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(../images/bullet.png) no-repeat left; color:#000;}
a.nav_services_a {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px; font-weight:bold;
text-decoration:none; background:url(../images/bullet_a.png) no-repeat left; color: #990000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(../images/bullet_a.png) no-repeat left; color:#000000;}



/*---------menu_navigation--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}
#left{
width:auto;
float:left;
}
.left{
float:left;
}
.right{
float:left;padding:3px;
}
.right a{
text-decoration:none;
color:#990000;
}
#right{
width:auto;
float:right;
padding-right:25px;
}
/*------contact form------*/
#login{
float:left;
width:auto;
padding:10px 10px 0 30px;
color:#666666;
}
.input{
width:140px;
height:12px;
font-size:10px;
float:left;
}
.textarea{
width:140px;
height:50px;
font-size:10px;
float:left;
}
.submit{
float:left;
margin-left:30px;
margin-top:5px;
}
/*-------footer-----*/
#footer{
width: auto;
height:100px;
clear:both;
margin-top:40px;
background-color: #333333;
}
#footer_content{
width:850px;
margin:auto;
}
#copyrights{
width:230px;
color: #666666; 
font-size:10px;
float:left;
padding:10px;
}
#madeby{
width:140px;
height:40px;
float:right;
text-align:center;
padding-top:10px;
color:#666666;
}
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:left; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}

div.warning {
    border:1px solid #fdd845;
    color:#646464;
	width:93%;
	margin:2px 2px 2px 2px;
	position:relative;
	background-color:#fff6bf;
	padding:10px;
}
div.warning a {
    color:#FF6600;
}
div.success {
    border:1px solid #72c868;
    color:#646464;
	width:93%;
	margin:2px 2px 2px 2px;
	position:relative;
	background-color:#e9ffdd;
	padding:10px;
}
div.success a {
    color:#529214;
}