@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300);

.screenshot {border: 1px solid #ccc}

table.table td a:only-child:link,
table.table td a:only-child:visited {text-decoration: none}

table.table td a:only-child:hover,
table.table td a:only-child:active {text-decoration: underline}

body {font-size: 18px}

#footer {
  clear:both;
  position: relative;
  z-index: 10;
  margin-top: 50px;
  padding-top: 5px;
  border-top: 1px solid #ccc;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	background-color: #882288;
	border-color: #5c2040;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color: #661166;
	border-color: #661166;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #882288;
}

.navbar-inverse .navbar-nav > li > a:hover {
	background-color: #661166;
}

.navbar-inverse {
	background-color: #882288;
	border-color: #661166;
}

.navbar-inverse .navbar-toggle {
	border-color: #3e152b;
}

.list-group-item:hover, .list-group-item:focus {
	background-color: #a94969;
	color: #fff;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color: #882288;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #882288;
}


/* h1, h2, ... margin-top ve padding-top'ı rmd/h/default.html dosyasından silebilirsin */

.section h1 {
  padding-top: 60px;
  margin-top: -30px;
}

.section h2 {
  padding-top: 60px;
  margin-top: -35px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.section h3 {
  padding-top: 60px;
  margin-top: -50px;
}


@media (min-width: 768px) {
  .rightleft{
    text-align: right;
  }
}

@media (max-width: 767px) {
  .rightleft{
    text-align: left;
  }
}

@media (max-width: 767px) {
  .rightcenter2, .leftcenter2, .centercenter2{
    text-align: center;
    position: relative !important;
  }
}


@media (min-width: 768px) {
  .rightcenter2 {
    text-align: right;
    position: absolute !important;
    left: 0;
    width: 25%;
  }
  .leftcenter2 {
    text-align: left;
    position: absolute !important;
    left: 75%;
    width: 25%;
  }
  .centercenter2 {
  	text-alignt: center;
  	position: relative !important;
  	left: 25%;
  	width: 50%;
  	min-height: 500px;
  }
}

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}