/* 
    Document   : prbanutonguc.com
    Created on : 10.Oca.2012, 10:38:25
    Author     : Selen GORA <goraselen@gmail.com>

*/

/*----------------------------------
*         RESET & SETUP
----------------------------------*/

html{
    background:#FFF0F8 url(../images/body-bg.jpg) repeat-x;
}
body { 

    font-size: 16px;
    color: #000;
    line-height: 1.5em;
}
#wrapper{
    width:960px;
    height: auto;
    margin:0 auto;
    font-family: sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.4;
}
/*----------------------------------
*        TYPOGRAPHY
----------------------------------*/
h1, h2, h3, h4 {
    font-weight: 300;
    line-height: 1;
    margin: 0 0 15px 0;
}
h1 {
    font-size: 20px;
    color:#333;

}
h2 {
    font-size: 18px;
    color:#db0066;
}
h3 {
    margin-top:5px;
    font-size: 14px;
    color:#DA0066;
}
h4 {

    font-size: 24px;
    margin-bottom: 15px;
}
h5 {
    font-family: Baskerville, Georgia, Serif;
    font-style: italic;
    font-size: 30px;
    margin: 0 0 15px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
    border: 0 !important;
}
a {
    text-decoration: none;
    color: black;
}
ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    width: 100%;
}
p {
    margin: 0 0 15px 0;
}

/*----------------------------------
*        HELPER ELEMENTS
----------------------------------*/
.clear{clear:both; height: 0;}
.none {display:none;}
.list-items{
    /*list-style-type: disc;
    list-style: url(../images/pinkPlusMinus.gif) inside;*/
    margin-bottom: 15px;
}
.list-items ul, .list-checks ul{
    margin-left:17px;
}
.list-checks{
    /*list-style-type: disc;*/
    list-style: url(../images/icon-check.png) inside;
    margin-bottom: 15px;
}
ol{
    list-style: decimal inside;
    margin-bottom:15px !important;
}
/* Back to top button */
#back-top {
    position: fixed;
    bottom: 0px;
    margin-left: 0;
    right:15px;
}
#back-top a {
    width: auto;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;

}
#back-top a:hover {
    color: #000;
}

#back-top span {
    width: auto;
    height: 20px;
    padding:5px;
    display: block;
    margin-bottom: 7px;
    background: #D80066;
    color:#fff;

}
#back-top a:hover span {	
}

/*----------------------------------
*        HEADER
----------------------------------*/
#header{}
#header ul{
    text-align: center;
    font-size: 11px;
    color:#FFBFE1;
    margin-top:5px;
}
#header ul li{
    display: inline;

}
#header ul li a{
    display: inline-block;
    padding:2px;
    font-size: 11px;
    color:#FFBFE1;
}
#header ul li a:hover{
    background:#FF4FA3;
    color:white;
}
#header ul li a.active{
    background:#FF4FA3;
    color:white;
}
#top-section{
    margin-top:41px;
    background: #fff;
    padding-top:10px;
}
#logo{
    width:112px;
    height:65px;
    float:left;
    margin-left:430px;
}
#social-media{
    width:120px;
    height:auto;
    float:right;
}
#social-media a{
    width:38px;
    height:38px;
    text-indent: -9999px;
    float:left;
    margin-top:30px;
}
#facebook {background: url(../images/social-media.png) 1px -40px no-repeat;}
#facebook:hover {background: url(../images/social-media.png) 1px 0 no-repeat;}

#twitter{background: url(../images/social-media.png) -38px -40px no-repeat;}
#twitter:hover{background: url(../images/social-media.png) -38px 0 no-repeat;}

#friendfeed{background: url(../images/social-media.png) -76px -40px no-repeat;}
#friendfeed:hover{background: url(../images/social-media.png) -76px -1px no-repeat;}

/*----------------------------------
*        INDEX CONTENT ELEMENTS
----------------------------------*/
#main-content{
    background:white;
    padding:10px 0;
}
#left-main{
    width:468px;
    height:390px;
    margin-right:4px;
    float:left;
    background:#FFCAE6;
    padding: 3px 5px;
}
#right-main{
    width:478px;
    height:396px;
    background: #FFCAE6 url(../images/right-main-bg.png) repeat-y;
    float:left;
}
#slogan{
	
    width:300px;
    height:200px;
    margin:140px auto 0 auto;
    font-size:25px;
    line-height: 30px; 
    color:#D80066;
}
#slogan a{
    display: block;
    background: #FF4FA3;
    margin-top:5px;
    padding:0 3px;
    font-size:11px;
    color:white;
    font-weight: normal;
    width:50px;
    line-height: 18px; 
}
#slogan a:hover{
    background: #FFCAE6;
    color:#FF4FA3
}
#links{
    background: white;
}
#links a{
    width:310px;
    height:40px;
    float:left;
    background: #FFBFE1;
    text-align: center;
    display: block;
    font-size: 20px;
    color:#e6398b;
    padding-top:10px;
}
#links a:hover{
    background: #FFE1F1;
}
/*----------------------------------
*        SUBPAGE CONTENT ELEMENTS
----------------------------------*/
#subpage-content{
    background:white;
    padding:0 5px;
}
#left-subpage{
    width:149px;
	min-height:300px;
    margin-right:10px;
    float:left;
    background:#FFB0DA;
    padding:10px 0 0 20px;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    border-left:1px solid #eaeaea;
}
#left-subpage ul{

}
#left-subpage ul li{
    margin:0 5px 10px 0;
    border-bottom:1px solid white;
    padding:0 5px 5px 0;
}
#left-subpage ul li a{
    display: block;
    height:100%;
    width:100%;
    color:white;
    font-weight: 500;
}
#left-subpage ul li a:hover, #left-subpage ul li a.active{   
    padding-left:10px;
}
#left-subpage ul li a.active:after{
    content:"   »"
}   
#right-subpage,#right-subpage-two{
    width:730px;
    height:auto;
    float:left;
    background: url(../images/subpage-bg.jpg) repeat-y;
    padding:15px 10px;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
}
#right-subpage strong, #right-subpage-two strong{
    color:#D80066;
    font-weight: 500;
}
#right-subpage-two{
    height:280px;
	
}

/*----------------------------------
*        FOOTER
----------------------------------*/

#footer-wrapper{
    width:960px;
    background:#FFCAE6;
    border-top:2px solid #DB0066;
    height:20px;
    padding:5px 0 0 0;
    margin-top:5px;
}
#copyright{
    width:300px;
    float:left;
    margin-left:5px;
}
#ulkernet{
    text-align: right;
    margin-right:5px;
}
#markalar{
    margin-top: 5px;
    padding-bottom:10px;
	float:left;
	width:800px;
	
	
}
#muzik{
    margin-top: 5px;
    padding:10px;
	float:left;
	width:130px;
	text-align:right;
}
#markalar a{
    width:49px;
    height:50px;
    float:left;
    margin-left:3px;

}
#marka1{background: url(../images/footer-marka.png) 8px 0px no-repeat;}
#marka2{background: url(../images/footer-marka.png) -41px 0 no-repeat;}
#marka3{background: url(../images/footer-marka.png) -91px 0 no-repeat;}
#marka1:hover{background: url(../images/footer-marka.png) 8px -55px no-repeat;}
#marka2:hover{background: url(../images/footer-marka.png) -41px -55px no-repeat;}
#marka3:hover{background: url(../images/footer-marka.png) -91px -55px no-repeat;}

/*video*/

/* player container */
div.player {
    height:240px;
    width:320px;
    border:2px solid #fff;
    outline:1px solid #333;
    -moz-outline-radius:4px;
    cursor:pointer;
    float:left;
    text-align:center;
    margin-right:15px;
}

/* play button */
div.player img {
    margin-top:67px;
}

/* info area */
div.player div.info {
    height:40px;
    background:#000 url(../images/global/gradient/h80.png) repeat-x;
    opacity:0.7;
    color:#fff;
    margin-top:45px;
    text-align:left;
    padding:5px 15px;	
    font-family:"bitstream vera sans","trebuchet ms";
    font-size:12px;
    border-top:1px solid #ccc;
    margin-top:40px;
}

/* duration data inside info area */
div.player div.info span {
    color:#99FF99;
    display:block;
    font-weight:bold;
}

/*nano*/

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 250px;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .pane {
  background:#FFBFE1;
  position : absolute;
  width    : 10px;
  right    : 0;
  top      : 0;
  bottom   : 0;
}
.nano .pane .slider {
  background:#DA0066;
  position      : relative;
  margin        : 0 1px 0 1px;
  border-radius : 3px;
}
.nano:hover .pane, .pane.active {
  visibility: visible;
}
.nano .pane {
  -webkit-transition : .2s;
  -moz-transition    : .2s;
  -o-transition      : .2s;
  transition         : .2s;
  border-radius      : 5px;
  -moz-border-radius : 5px;
  opacity            : .01;
}
.nano:hover .pane, .pane.active {
  opacity : 1;
}


#right-listlink{
    width:740px;
	min-height:249px;
    margin-right:2px;
    float:left;
    /*background:#FFB0DA;
    padding:10px 0 0 20px;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    border-left:1px solid #eaeaea;*/
}
#right-listlink ul{

}
#right-listlink ul li{
    margin:0 5px 10px 0;
    border-bottom:1px solid #db0066;
    padding:0 5px 5px 0;
}
#right-listlink ul li a{
    display: block;
    height:100%;
    width:100%;
    color:#db0066;
    font-weight: 500;
}
#right-listlink ul li a:hover, #right-listlink ul li a.active{   
    padding-left:10px;
}
.basin-tarih{ width:100px; height:auto; float:left; color:#000; margin:5px;}
.basin-haber a{ width:600px; height:auto; float:left; color:#db0066;margin:5px;}
.basin-haber a:hover{ width:600px; height:auto; float:left; color:#f33a9c;margin:5px;}


 .referanslar-border{
border-color:#bfbfbf;
    border-style: solid;
    border-width: 1px; float:left;
	 border-radius: 5px; /* Standart */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari ve Chrome */
	 margin:6px;}
	 
	.referanslar-etiket{width:182px;
	background-color:#bfbfbf;
 margin:2px 2px; text-align:center; 
    border-radius: 5px; /* Standart */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari ve Chrome */
	float:left;
	padding:3px;
	font-size:12px;
}