body {
	font: 75%/170% Ubuntu, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	color: #333333;
}
a {
	color: #2485bd;
	text-decoration: none;
}
a:visited {
	color: #2485bd;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0px 0px 5px;
}
img {
	border: none;
}
ul {
	margin: 5px 0px 15px;
	padding-left: 20px;
}
ul li {
	margin: 0px;
}
ol {
	margin: 5px 0px 15px;
	padding-left: 20px;
}
ul li {
	margin: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
small {
	font-size: 90%;
}
#page {

	background-color: #f8f8f8;

}
#wrapper {
	position: relative;

}

#ortakisim {
width: 960px;
margin: 0px auto;
	background-color: #f8f8f8;

}


#ustkisim {
	background: #76a9ac;
margin: 0px auto;
background-image: url(../icerik/bg.png);
}


/* ------------------------------------- main content area  */
#left-col {
margin: 0px 0px 0px 17px;
	width: 700px;
	float: left; 
	margin-top: 0px; /* content üst kısımla arası  */
    border: 1.5px solid #EFEFEF;
}



#left-col2 {
    float: left;
    margin: 0 0 17px 17px;
    width: 700px;
    border: 1.5px solid #EFEFEF;

}

#content2 {
	background: none repeat scroll 0 0 #57C4DB;
    clear: both;
    overflow: hidden;
    padding: 5px 20px;
}

#content2 h1{
    float: left;
    width: 350px;
}

#socialbar {
  padding: 10px 0px;
}

ul.social {
  list-style: none;
  margin: 0px 0px 0px 0px;
  float: right;
}

ul.social li {
  float: left;
  margin-left: 5px;
}

/* main menu */

.node {
	margin: 6px 0;
	padding-bottom: 15px;
}

/* ------------------------------------- next & previous page navigation */
#left-col .pager {
	clear: both;
	background: url(../images/navigation-bg.gif) no-repeat left center;
	height: 21px;
}

#left-col .item-list .pager {
  clear: both;
  margin: 0 0 20px;
  text-align: center;
}

#left-col .item-list .pager li,
#left-col .item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 2px;
}

#left-col .item-list .pager a.active {
  color: #666;
  font-size: 0.9em;
  font-weight: bold;
  padding: 4px;
  text-decoration: none; 
}

#left-col .pager li.pager-current {
  color: #fff;
  margin: 0 3px;
  padding: 4px;
}

#left-col .pager-first,
#left-col .pager-next,
#left-col .pager-previous,
#left-col .pager-item,
#left-col .pager-last {
  margin: 0 3px;
  padding: 4px;
}

#left-col .pager-first:hover,
#left-col .pager-next:hover,
#left-col .pager-previous:hover,
#left-col .pager-item:hover,
#left-col .pager-previous:hover,
#left-col .pager-last:hover {
  background-color: #fff;
}


.previous-entries a {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(../images/navigation-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(../images/navigation-right.gif) no-repeat right center;
}

/* next & previous post navigation */
.post-nav {
	clear: both;
	padding-bottom: 35px;
	margin-top: -15px;
	font-size: 95%;
}
.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.post-nav .previous a {
	float: left;
	padding-left: 20px;
	background: url(../images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
	float: right;
	padding-right: 20px;
	text-align: right;
	background: url(../images/post-nav-next.gif) no-repeat right center;
}





.node_read_more a {
	background: url(../icerik/mini-down-arrow.gif) no-repeat left center;
	padding-left: 15px;
}
.more-link a {
	background: url(../images/mini-more.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 9px;
}

.poll .bar {
	height: 14px;
	background-color: #D4E2F2;
}
.poll .bar .foreground {
	background: url(../images/bg-poll.gif) repeat-x;
	height: 14px;
	clear: none;
	float: left;
}
.poll .vote-form {
	text-align: center;
}
.poll .vote-form .choices {
	padding-left: 5%;
	text-align: left;
	display: block;
}

/* ------------------------------------- widget styles  */


#categories ul li {
	background: url(../images/mini-category.gif) no-repeat;
}


#links ul li {
	background: url(../images/mini-blogroll.gif) no-repeat;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.left {
	float: left;
}
img.left, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.right {
	float: right;
}
img.right, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px 0 0 0;
}
.hidden {
	padding: 10px 0px 0px 0;
	background-color: #e6eaed;
	clear: both;
	visibility: hidden;
}
.hidden1 {
	clear: both;
	visibility: hidden;
}
table {
	margin: 0.5em 0 1em 0;
	width: 100%;
}
thead th {
	border-bottom: 2px solid #AAB5C3;
	color: #678;
	font-size: 90%;
	font-weight: bold;
	background: url(../images/bg-thead.gif) repeat-x bottom left;
	padding: 4px 5px 0 5px;
}
tr.even, tr.odd {
	border-color: #DADCE0;
}
tr.even {
	background-color: #fbfcfe;
}
tr.odd {
  background-color: #fff;
}
td.active {
  background: #e4ecf5;
}
td {
  padding: 3px;
}
td.menu-disabled {
  background-color: #E5E5E5;
}
.mission {
	padding: 10px 15px 10px 15px;
	margin: 0 0 20px 0;
	border: 1px solid #f2f2f2;
	background-color: #F9F9F9;
	text-align: center;
}
.sticky {
	padding: 8px 15px 15px 15px;
	background-color: #fbfbfb;
	border: 1px solid #e4e3e3;
	margin-bottom: 20px;
}
.form-item {
	font-size: 12px;
	margin-left: 1em;
	margin-bottom:1em;
}
.edit-submit-1{
    /*margin-top: 0.7em;*/
	margin-bottom:: 1em;
	margin-left: 1em;
}
.picture {
	float:left;
	margin: 4px 10px 2px 0;
}

.terms {
	font-size: 11px;
}
.terms a { 
	padding: 1px 0px;	
	text-decoration: none;
	background: url(../images/mini-category.gif) no-repeat 0px -2px;
	padding-left: 20px;
	color: #999999;	
}

.panel-col {
    float: center;
    width: 33%;
}

.block-region {
	padding: 10px;
	background: #666;
}

.admin-links {
    display: none;
}


 #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../slayt/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
  </style>
  <!-- End SlidesJS Optional-->

  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->
  <style>
    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }
    }