/*
Theme Name: ODTÜ Kurumsal Teması
Theme URI: http://bidb.metu.edu.tr
Description: Web kullanıcıları ve kişisel kullanım için ODTÜ kurumsal teması
Author: ODTÜ | BİDB
Author URI: http://metu.edu.tr/
Version: 1.0
Tags: responsive, metu, corporate

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/

@import url('bootstrap/css/bootstrap.css');

body{
font-family:Arial, Helvetica, sans-serif;
background:url(images/metu-bg-top-birim.jpg) repeat-x;
padding-bottom:15px;
}

div.odtu-top{
height:197px;
width:100%;
position:absolute;
top:0;
z-index:0;
overflow:hidden;
}

div.container-header{
position:relative;
overflow:hidden;
min-height:600px;
-moz-box-shadow: 0px 0px 2px #bfbfbf;
-webkit-box-shadow:0px 0px 2px #bfbfbf;
box-shadow: 0px 0px 2px #bfbfbf;
}

div.container-top{
background:url(images/metu-container-top-birim.png) repeat-x;
height:189px;
}

div.odtu-bottom{
background:#9d9b9c;
height:25px;
-moz-box-shadow: 0px 0px 2px #bfbfbf;
-webkit-box-shadow:0px 0px 2px #bfbfbf;
box-shadow: 0px 0px 2px #bfbfbf;
border:1px solid #9d9b9c;
}

div.odtu-bottom a {
text-decoration: none !important;
font-weight: bold !important;
}

div.odtu-bottom a:hover {
text-decoration: underline !important;
}

div.main-content{
padding-left:20px;
padding-right:20px;
padding-top:10px;
}

p.container{
clear:both;
font-size:12px;
color:#fff;
text-align:center;
}

p.container a{
color:#efefef;
text-decoration:underline;	
}

a.blog-logo{
float:left;
margin-top:44px;
margin-left:44px;
margin-bottom:16px;
display:block;
}

/* navbar*/
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
background-color:#950101;
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
/* color: #999999; */
color:#fff;
font-weight:bold;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}


.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  background-color: #555;
  background-image:none;
  filter:none;
} 


.container .navbar .navbar-inner{
background:#cf0101;
border:0px;
border-radius:0px;
filter: none; /* For IE menubar bg*/
}


.dropdown-menu a{
color:#000; 
}

.navbar-inner a:hover{
background:#950101 !important;
}

.btn-navbar{
background:#950101 !important;
}


a{
color:#333;
}

a:hover{
color:#000; 
}

.main-content a{
text-decoration:underline;	
}

div.title span{
line-height:12px;
font-size:21px !important;
font-weight:bold;
color:#cf0101;
text-decoration:none;
border-top:1px solid #d1d1d1;
padding-top:3px;
padding-bottom:2px;
display:block;
text-align:right;
padding-right:15px;
}

div.title span.title-top{
font-size:19px !important;
color:#888888 !important;
border-top:0px;
padding-top:0px;
height:19px;
}

/* sidebar */

.span3 ul{
	list-style-type:none;	
}

img.user-photo{
float:right;
position:relative;
top:-40px;
z-index:9999;
border:2px solid #fff;
}

.span3 .title-right{
text-align:right;	
}

h4{
color:#cf0101;
}

.main-title{
border-bottom:1px solid #e16661;
border-left:1px solid #e16661;
padding-left:5px;
padding-bottom:5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}

.main-title a{
color:#cf0101;
line-height:26px;
text-decoration:none;
}


.title-right{
border-bottom:1px solid #e16661;
border-right:1px solid #e16661;
padding-right:5px;
padding-bottom:5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
line-height:26px;
}


.navbar{
z-index:99;
position:relative;
}

.navbar-inner .btn.btn-navbar{
height:15px;
line-height:15px !important;
}

/* comments */

h3#comments{
 font-size:18px; 
}

ol.commentlist li{
 border:1px dotted #ccc;
  padding:10px;
  margin:10px;

}

div.comment-author{
 border-bottom:1px dotted #ccc;
  padding-bottom:5px;
  margin-bottom:5px;
  font-weight:bold;
}

div.comment-meta{
 margin-bottom:5px; 
}

.vcard .photo{
border:1px solid #ccc;
padding:1px;
}

div.reply a.comment-reply-link{
 font-weight:bold; 
}

#respond{
border-top:1px solid #eee;
margin-top:30px; 
}

#respond h3{
font-size:18px;	
}

/* comment form */

#commentform p{
float:left;
}

#commentform label{
float:left;	
margin-right:10px;
}

#commentform textarea{
float:left;	
}

#commentform input[type=text]{
float:right;	
}

#commentform input[type=submit]{
float:right;
}

/* Sidebar Menu */

.sidebar-menu h3{
font-size:18px;
color:#cf0101;
}

.sidebar-menu ul {
margin:0px;
padding:5px;
}

/* Language Changer Front Page */

.language-changer {
float:right;
margin-top:10px;
margin-right:15px;
font-size:12px;
}

.language-changer a{
display:block;
color:#9d9b9b;
font-size:10px;
text-decoration:none;
margin-left:3px;
margin-right:3px;
line-height:10px;
}

.metu-logo {
float:left;
}

.top-of-the-post {
margin-bottom:50px;
}

/* Edit Link */
.edit-text a {
text-decoration:none;
}

.edit-text a:hover {
text-decoration:underline;
}

.author-links {
text-align:right;
padding-top: 10px;
}

/* Category */

.category-page a{
font-size:18px;
color:#cf0101;
text-decoration:none;
}

.nav ul{
  list-style: none !important;
}

@media (min-width: 768px) and (max-width: 979px) {

img.user-photo{
top:0px;	
}

.navbar{
z-index:999;	
}

.container .navbar .navbar-inner ul li a{
color:#fff;
}

.container .navbar .navbar-inner ul ul li a{
color:#fff;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus{
  background-color: #950101 !important;
  background-image:none;
} 

.dropdown-submenu:hover > a {
	background-color: #cf0101 !important;
}
  
}



@media (max-width: 767px) {
img.user-photo{
display:none;
}

.container .navbar .navbar-inner ul li a{
color:#fff;
}

.container .navbar .navbar-inner ul ul li a{
color:#fff;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus{
  background-color: #950101 !important;
  background-image:none;
} 

.dropdown-submenu:hover > a {
	background-color: #cf0101 !important;
}

.language-changer {
position:absolute;
right:0px;
}

}



@media (min-width: 980px) {
img.user-photo{
top:0px;	
}


@media (min-width: 1200px) {
.navbar-inner ul  li{
/*border-right:1px solid #ffc9c9;*/
}
  
.navbar-inner ul li ul li{
border:0px; 
}

.navbar-inner ul li:first-child{
border-left:0px;
}


}


/* caniz comment.php deki form için görünüm düzenlemesi 11.03.2014 */
#recaptcha_area{
float:left;
margin-left:170px;
margin-bottom:20px;
}

#commentform{
width:100%; 
float:left;
}

.comment-form-comment label:first-child{
display:none;
    
}

.form-allowed-tags{
display:none;  
}