body{
    background-image: URL('/static/images/zeynepBilginHeader.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}
.container {
    max-width: 1000px;
}

.header {
	text-align:center;
    margin-bottom: 60px;
}

.contentBoxContainer {
    padding:10px;
}

.most-read{
	margin:30px 0px;
	border-bottom:4px solid #f29da5;
}

.most-read .title {
	font-family:"Berkshire Swash";
	color:#f29da5;
	font-size:24px;
	text-align:center;}

.left-content {
	margin: 0px 0px 20px;
	border-bottom:1px dotted #CCC;
	padding:0px 0px 20px;
}

.left-content .title {
	font-family:"Philosopher";
	font-size:20px;
	color:#000;
	text-align:center;	
}

.left-content .title a{
	color:#000;
	text-decoration:none;
}

.left-content .img {
	text-align:center;	
	border:0px;
	with:100%;
	margin:20px 0px;
}

.left-content .body {
	font-family:"Philosopher";
	font-size:16px;
	color:#808080;
}

.left-content .body a {
	color:#808080;
	text-decoration:none;
}

/*****************/


.right-content-main {
	margin: 0px 0px 20px;
	border-bottom:1px solid #000;
	padding:0px 0px 20px;
}

.right-content-main .title {
	font-family:"Philosopher";
	font-size:26px;
	color:#000;
	text-align:left;
	margin:20px 0px 10px;
}

.right-content-main .title a{
	color:#000;
	text-decoration:none;
}

.right-content-main .img {
	text-align:center;	
	border:0px;
	with:100%;
	margin:20px 0px;
}

.right-content-main .body {
	font-family:"Philosopher";
	font-size:18px;
	color:#808080;
}

.right-content-main .body a {
	color:#808080;
	text-decoration:none;
}


a {
    color:#64243E;
}
.contentBox {
	border:1px solid #9e9e9e;
}

.contentBox .photo {
    width: 100%;
    height:250px;
    overflow:hidden;
}

.contentBox .title {
    width: auto;
    color: #fff;
    font-size: 20px;
    font-family: "Philosopher";
	z-index:1000;
	position:relative;
	bottom:70px;
	width:auto;
	
}

.contentBox .title span {
	padding:5px 10px;
	background-image:url(../picv2/titlebg.png);
}


.contentBox .title a {
    color: #fff;
    text-decoration: none;
}


.contentBox .title a:hover {
    color: #fff;
    text-decoration: none;
}

.contentBox .photo img {
    -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}

.contentBox:hover .photo img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}

.menuHolder {
    position: absolute;
    top:130px;
    z-index: 1000;
    width: 100%;
	border-top:1px solid #635256;
	border-bottom:1px solid #635256;
}

.menuHolder2 {
    position: absolute;
    top:0px;
    z-index: 1000;
    width:160px;
    padding:10px;
	font-family:"Philosopher";
	font-size:14px;
}

.menuHolder2 ul {
    padding:0px;
    margin:0px;
}

.menuHolder2 ul li {
    list-style-type: none;
    display: inline;
    margin-right: 15px;
    font-size: 13px;
}

.menuHolder2 ul li:last-child {
    margin-right: 0px;
}

.menuHolder2 ul li a{
    color: #635256;
    text-decoration: none;
}

.menuHolder2 ul li a i {
    color: #635256;
}

.menuHolder2 ul li a:hover {
    color: #635256;
    text-decoration: underline;
}

.zeynepLogo {
    text-align: center;
    margin:10 px 0px ;
    width: 100%;
}

.socialMediaIcons {
    text-align: center;
}

.socialMediaIcons a {

    text-align: center;
    margin-right: 1px;
}

.socialMediaIcons a:hover {
    border:2px solid #000;
    text-align: center;
    color: #000;
}

.socialMediaIcons .facebook {
    padding:5px 10px;
    color:#3B569B;
    border:2px solid #3B569B;
}

.socialMediaIcons .twitter {
    padding:5px 8px;
    color:#3B569B;
    border:2px solid #3B569B;
}

.socialMediaIcons .pinterest{
    padding:5px 8px;
    color:#CC1D29;
    border:2px solid #CC1D29;
}

.socialMediaIcons .instagram{
    padding:5px 8px;
    color:#517EA4;
    border:2px solid #517EA4;
}

.socialMediaIcons .linkedin{
    padding:5px 8px;
    color:#067ABA;
    border:2px solid #067ABA;
}

.socialMediaIcons .youtube{
    padding:5px 8px;
    color:#CD3312;
    border:2px solid #CD3312;
}

.formElements {
    margin: 10px 0px;
}

.btn-default {
    background-color: #926D99;
    text-align: center;
    color: #ffffff;
}

.specialRow {
    height:170px;
    color:#926D99;
}


.specialRow2 {
    height:900px;
}

.specialRow3 {
    height:300px;
}


.backToTop {
    position: fixed;
    bottom:30px;
    margin-left:-100px;
}

.socialHeader {
    padding:10px;
    font-size: 20px;
}

.socialHeaderInstagram{
    color:#517EA4;
}

.socialHeaderTwitter{
    color:#3B569B;
}

.socialHeaderAbout{
    color:#926D99;
}

.colBox {
    margin-top:20px;
}

.colBox .header {
    padding:10px 10px;
    height: 40px;
    color:#fff;
    font-weight: 700;
    margin: 20px 0px;
	background-color:#4f4f4f;

}

.colBox .body {
    padding:0px;
    margin:0px;
}

.center {
    text-align: center;
}

.trailer {
    font-size:14px;
}

.trailerHolder {
    border-bottom: 1px dotted #000000;
    padding: 0px 0px 15px;
}

.olusturmaTarihi {
    text-align: right;
    color: grey;
    font-size: 12px;
}

.yaziBaslik {
    color:#000;
    margin-top: 20px;
    margin-bottom: 25px;
	font-family:"Philosopher";
	font-size:26px;
}

.yaziIcerik {
    color:#000;
    line-height: 20px;
	font-family:"Philosopher";
}

/* Menu */

nav {
    margin: 0px auto;
    padding:0px;
    text-align: center;
    height: 38px;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
}

.footer {
    margin-top:30px;
}

.footer .content {
    max-width: 1000px ;
    margin:30px auto 0px;
    padding:30px 20px;
    font-size: 16px;
	font-family:"Philosopher";
	color:#000000;
}

nav ul {
    background: #fff;
    padding: 0 0px;
    list-style: none;
    position: relative;
    display: inline-table;
    font-size: 14px;
    margin: 0px;
	color:#635256;
}
nav ul:after {
    /*content: ""; clear: both; display: block;*/
}

nav ul li {
    float: left;
	color:#635256;
}


nav ul li:hover {
    background: #635256;
	background-color:#635256;
	color:#fff;
}
nav ul li:hover a {
    color: #fff;
    text-decoration: none;
}

nav ul li a {
    display: block;
    padding: 8px 10px;
    color: #635256;
    text-decoration: none;
	font-family:"Philosopher";
	font-size:15px;
	border-right:1px solid #ebe9e9;
}


nav ul ul {
    background: #635256;;
    position: absolute; top: 100%;
}
nav ul ul li {
    float: none;
    border-top: 1px solid #6d5f62;
    position: relative;
}
nav ul ul li a {
    padding: 5px 20px;
    color: #fff;
}
nav ul ul li a:hover {
    background: #000000;
}

nav ul ul ul {
    position: absolute; left: 100%; top:0;
}

.otherArticles {
    margin: 0px;
    margin-top:30px;
}

.otherArticles .header {
    background-color: #930E2F;
    color:#fff;
    font-size:15px;
    padding: 10px;
    height: 40px;
    margin: 0px;
}

.relatedArticles {
    margin: 0px;
    margin-top:30px;
}

.relatedArticles .header {
    background-color: #333;
    color:#fff;
    font-size:15px;
    padding: 10px;
    height: 40px;
    margin: 0px;
}


/* // Menu */

.menuHolder .hiddenMenu{
    font-size: 30px;
    color:#fff;
    max-width:1000px;
    margin:0px auto;
    display: none;
}

.hideMobile {

}

@media (max-width: 1000px)  {
    .socialHeader {
        padding:10px;
        font-size: 15px;
    }
}


@media (max-width: 770px) {


    .menuHolder nav {
        display:none;
    }

    .menuHolder .hiddenMenu{
        display: block;
    }

    .menuHolder .hiddenMenu ul li {
        font-size: 14px;
        color:#fff;
        text-decoration: none;
    }

    .menuHolder .hiddenMenu ul li a {
        color:#fff;
        text-decoration: none;
    }

    .menuHolder .hiddenMenu i{
        margin-left:10px;
        cursor:pointer;
    }

    .header {
        height:150px;
        margin-bottom: 60px;
    }

    .menuHolder {
        position: absolute;
        top:150px;
        z-index: 100000000;
        background-color:#4f4f4f;
        width: 100%;
    }

    .hideMobile {
        display: none !important;
    }
}