﻿/*
Coding: Ertugrul Karademir (www.argeware.com)
Copyright: 2007, Bilkent University Physics Department
*/
@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}
 
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background: url(../images/mainbg.jpg) #FFF repeat-x left top;
}

a {
	color: #333333;
	text-decoration: underline;
}

a.important {
	background: #FFD2D2;
	font-size: 105%
}

a:hover {
	color: #2d6f7c;
}

ul {
	list-style-position: inside;
	list-style-type: none;
	list-style-image: url(../images/bullet1.png);
	padding: 10px 0px;
	font-size: 85%;
	line-height: 125%;
}

ol {
	list-style-position: inside;
	padding: 10px 0px;
	font-size: 85%;
	line-height: 125%;
}

h1 {
	border-bottom: 4px #d89e27 solid;
	color: #283234;
	font-size: 130%;
	letter-spacing: -0.9pt;
}

h2 {
	color: #283234;
	font-size: 110%;
	letter-spacing: -0.9pt;
	font-weight: normal;
}

h3 {
	border-bottom: 1px #d89e27 solid;
	background: url(../images/bullet2.png) no-repeat 0px 4px;
	padding: 4px 0px 2px 15px;
	line-height: 14px;
	font-size: 105%;
	color: #283234;
}

p{
	font-size: 85%;
	text-align: left;
	padding: 10px 0px;
	line-height: 125%;
}

.content img {
	border: 1px #CCC solid;
	padding: 2px;
	margin: 5px;
}

table {
	width: 100%;
	padding: 0px 0px 30px;
}

thead tr {
	background-color: #e6e7b3;
}

tr.even {
	background-color: #DDD;
}

td, th {
	padding: 2px;
}

.main-wrap {
	margin: 0px auto;
	width: 800px;
	text-align: left;
}

.wrap {
	float: left;
	width: 100%;
	background: url(../images/lines.png) no-repeat left top;
	border-top: none;
	padding: 0px 0px 20px;
}

.border-wrap {
	float: left;
	width: 100%;
	border: 1px #283234 solid;
}

.header {
	float: left;
	width: 100%;
	background: url(../images/FAB.png) no-repeat 20px -20px;
	height: 150px;
}

.header .lang {
	float: left;
	width: 200px;
	padding: 104px 0px 0px 7px;
}

.header .en a{
	display: block;
	background: url(../images/english.png) no-repeat left 0px;
	float: left;
	clear: both;
	width: 110px;
	height: 39px;
}

.header .en a:hover {
	background-position: left -39px;
}

.header .en a span, .header .top-menu li a span{
	display: none;
}

.header .tr a{
	display: block;
	background: url(../images/turkce.png) no-repeat left 0px;
	float: left;
	clear: both;
	width: 110px;
	height: 39px;
}

.header .tr a:hover {
	background-position: left -39px;
}

.header .tr a span, .header .top-menu li a span{
	display: none;
}

.header .top-menu {
	float: left;
	padding: 57px 0px 0px 270px;
	width: 320px;
}

.header .top-menu ul {
	padding: 0px;
}

.header .top-menu li {
	display: inline;
	float: left;
	padding: 5px 0px 0px;
}

.header .top-menu li a {
	display: block;
	float: left;
	width: 160px;
	height: 39px;
	background: url(../images/anasayfa.png) no-repeat left 0px;
}

.header .top-menu li a:hover {
	background-position: left -39px;
}

.header .top-menu li a.anasayfa {background-image: url(../images/anasayfa.png);}
.header .top-menu li a.kadro {background-image: url(../images/kadro.png);}
.header .top-menu li a.lablar {background-image: url(../images/lablar.png);}
.header .top-menu li a.arastirma {background-image: url(../images/arastirma.png);}

.middle {
	float: left;
	width: 100%;
}

.middle .left {
	float: left; 
	width: 450px;
}

.middle .right {
	float: left;
	width: 349px;
}

.footer {
	float: left;
	width: 100%;
	background: url(../images/footbg.png) repeat-x left bottom;
	font-size: 80%;
}

.foot-wrap {
	float: left;
	width: 100%;
	background: url(../images/footer.png) no-repeat left bottom;
	height: 95px;
}

.foot-menu {
	float: left;
	width: 500px;
}

.foot-menu ul {
	float: left;
	padding: 65px 0px 0px 65px;
}

.foot-menu li {
	float: left;
	display: inline;
}

.foot-menu li a {
	float: left;
	display: block;
	padding: 1px 5px;
	text-decoration: none;
	color: #FFF;
	border-right: 1px #FFF solid;
}

.foot-menu li.last a {
	border-right: none;
}

.foot-menu li a:hover {
	color: #d89e27;
}

.copyright {
	float: left;
	padding: 68px 0px 0px 30px;
	color: #d89e27;
}

.notice {
	float: left;
	width: 100%;
	font-size: 60%;
	text-align: right;
	padding: 2px 0px;
}

.notice img {
	border: none;
	padding: 0px;
	margin: 0px;
}

.content {
	padding: 10px 18px 10px 5px;
}

.right .content {
	padding: 10px 10px 10px 5px;
}

.mid-menu ul {
	list-style-image: url(../images/bullet3.png);
	font-size: 16px;
}

.local-links ul {
	list-style-image: url(../images/bullet5.png);
}

.global-links ul{
	list-style-image: url(../images/bullet4.gif);
}

ul.announcement {
	list-style-image: url(../images/bullet7.gif);
}

ul.news {
	list-style-image: url(../images/bullet6.gif);
}

ul.news li {
	padding: 5px 10px 7px 0px;
}

ul.link-list {
	list-style-image: url(../images/bullet8.gif);
}

#galeryCarousel {
	padding: 10px 0px 0px;
	clear: both;
}

.gallery img {
	width: 335px;
	border: none;
	padding: 0px;
	margin: 0px;
}

.gallery p {
	padding: 0px 0px 10px;
	font-size: 70%;
	text-align: left;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-bilphys .jcarousel-container {
}

.jcarousel-skin-bilphys .jcarousel-container-horizontal {
    width: 335px;
    padding: 0px 0px;
}

.jcarousel-skin-bilphys .jcarousel-clip-horizontal {
    width:  335px;
    height: 150px;
}

.jcarousel-skin-bilphys .jcarousel-item {
    width: 335px;
    height: 150px;
}

.jcarousel-skin-bilphys .jcarousel-item-horizontal {
    margin-right: 10px;
	display: inline;
}

.jcarousel-skin-bilphys .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-bilphys .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-bilphys .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-bilphys .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-bilphys .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-bilphys .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-bilphys .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-bilphys .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-bilphys .jcarousel-next-disabled-horizontal,
.jcarousel-skin-bilphys .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-bilphys .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-bilphys .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-bilphys .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-bilphys .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-bilphys .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-bilphys .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-bilphys .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-bilphys .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-bilphys .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-bilphys .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-bilphys .jcarousel-next-disabled-vertical,
.jcarousel-skin-bilphys .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-bilphys .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-bilphys .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-bilphys .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-bilphys .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-bilphys .jcarousel-prev-disabled-vertical,
.jcarousel-skin-bilphys .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-bilphys .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

ul.res-group li {
	list-style-image: none;
}

ul.res-group li p{
	font-size: 95%;
	font-weight: bold;
	background: url(../images/bullet9.gif) no-repeat left center;
	padding: 10px 0px 10px 15px;
}

ul.res-group li span{
	display: block;
	width: 100%;
	background-color: #e6e7b3;
	border-left: 5px #283234 solid;
	font-size: 90%;
	padding: 2px;
}

ul.faculty-card {
	padding: 0px 0px 20px;
	font-size: 100%;
	line-height: normal;
}

ul.faculty-card li{
	list-style-image: none;
	clear: both;
	padding: 5px 0px;
	font-size: 95%;
}

ul.faculty-card li img{
	width: 120px;
	float: left;
}

ul.faculty-card li small {
	display: block;
	font-size: 75%;
}

ul.faculty-card li p b {
	font-weight: normal;
}

ul.faculty-card li blockquote {
	display: block;
}

ul.faculty-card li em {
	font-style: normal;
	display: block;
	clear: both;
}

ul.faculty-card li em span {
	display: block;
	background-color: #e6e7b3;
	border-left: 5px #283234 solid;
	font-size: 90%;
	border-bottom: 2px #fff solid;
	padding: 2px;
}

.curriculum h3 {
	background: url(../images/bullet10.gif) no-repeat left 21px;
	clear: both;
	padding-top: 20px;
	padding-bottom: 5px;
}

.curriculum p {
	font-size: 105%;
	padding: 5px 5px;
	background-color: #e6e7b3;
	clear: both;
}

.curriculum ul {
	padding: 0px 0px 10px;
	clear: both;
}

.curriculum li {
	clear: both;
	width: 100%;
	float: left;
	padding: 2px 0px;
	list-style-image: none;
}

.curriculum li b {
	float: left;
	width: 130px;
	padding: 0px 0px 0px 5px;
	background-color: #283234;
	color: #FFF;
	border-right: 5px #fff solid;
}

.ogrencilerden {
	font-size: 95%;
}

.ogrencilerden .baslik h3 {
	padding-top: 20px;
	background-position: left 20px;
}

.ogrencilerden .icerik blockquote {
	font-style: italic;
	clear: both;
}

.ogrencilerden .icerik img {
	float: left;
}

.mini {
	font-size: 60%;
	padding-left: 5px;
	padding-top:1px;
	margin-top: -5px;
}

.twtr-widget-profile div,span,.twtr-widget-profile applet,.twtr-widget-profile object,.twtr-widget-profile iframe,.twtr-widget-profile h1,.twtr-widget-profile h2,.twtr-widget-profile h3,.twtr-widget-profile h4,.twtr-widget-profile h5,.twtr-widget-profile h6,.twtr-widget-profile p,.twtr-widget-profile blockquote,.twtr-widget-profile pre,.twtr-widget-profile a,.twtr-widget-profile abbr,.twtr-widget-profile acronym,.twtr-widget-profile address,.twtr-widget-profile big,.twtr-widget-profile cite,.twtr-widget-profile code,.twtr-widget-profile del,.twtr-widget-profile dfn,.twtr-widget-profile em,.twtr-widget-profile font,.twtr-widget-profile img,.twtr-widget-profile ins,.twtr-widget-profile kbd,.twtr-widget-profile q,.twtr-widget-profile s,.twtr-widget-profile samp,.twtr-widget-profile small,.twtr-widget-profile strike,.twtr-widget-profile strong,.twtr-widget-profile sub,.twtr-widget-profile sup,.twtr-widget-profile tt,.twtr-widget-profile var,.twtr-widget-profile b,.twtr-widget-profile u,.twtr-widget-profile i,.twtr-widget-profile center,.twtr-widget-profile dl,.twtr-widget-profile dt,.twtr-widget-profile dd,.twtr-widget-profile ol,.twtr-widget-profile ul,.twtr-widget-profile li,.twtr-widget-profile fieldset,.twtr-widget-profile form,.twtr-widget-profile label,.twtr-widget-profile legend,.twtr-widget-profile table,.twtr-widget-profile caption,.twtr-widget-profile tbody,.twtr-widget-profile tfoot,.twtr-widget-profile thead,.twtr-widget-profile tr,.twtr-widget-profile th,.twtr-widget-profile td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}.twtr-widget-profile ol,.twtr-widget-profile ul{list-style:none}.twtr-widget-profile blockquote,.twtr-widget-profile q{quotes:none}.twtr-widget-profile blockquote:before,.twtr-widget-profile blockquote:after,.twtr-widget-profile q:before,.twtr-widget-profile q:after{content:'';content:none}.twtr-widget-profile :focus{outline:0}.twtr-widget-profile ins{text-decoration:none}.twtr-widget-profile del{text-decoration:line-through}.twtr-widget-profile table{border-collapse:collapse;border-spacing:0}

.twtr-widget-profile img {width: auto;}
.twtr-hd h3 {display: none;}
.twtr-hd h4 {padding-top: 10px;}
.twtr-widget-profile a.twtr-profile-img-anchor {padding: 3px;}
.twtr-hd [padding: 3px;}
