/* 
	Bg Gray : #f4f4f4
	Line Gray :#dfdfdd;
	Blue : #3498db
	Dark : #2c3e50
	Light: #b4c5d5
*/

body, html			{background-color:#f3f3f3; font-family: 'Roboto', sans-serif, Arial; font-size:90%; margin:0; padding:0; }
*					{outline:none!important;}
a					{color:#3c3c3c; text-decoration:none}
a:hover				{color:#3498db; text-decoration:none}
a img				{border:0}
img {box-sizing:border-box;}
table				{border-collapse:collapse; width:100%;}
table tr			{padding:0; margin:0}
table tr td			{padding:0; margin:0}
figure {padding:0!important; margin:0!important}
.floatRight			{float:right;}
.floatLeft			{float:left;}
.textRight			{text-align:right;}
.vTop				{vertical-align:top;}
.pad4 td			{padding:4px;}
.clear {clear:both; display:block; float:none; content:""}
.pageWidth			{padding:0 15px; margin:auto auto; width:951px;}
#pageContent		{margin:auto auto; width:100%;}
#MastheadContent {width:951px; max-width:951px; overflow:hidden; text-align:center;}
#MastheadContent div, #MastheadContent embed, #MastheadContent object{width:964px; max-width:964px; overflow:hidden; text-align:center; padding-left:8px; left:0; top:0 }
.mainWrapper		{clear:both; display:block; float:none; padding:15px 0; position:relative; z-index:999}
.footer				{padding:10px 0;}

/* FORM*/
form {line-height:20px; margin:0!important; padding:5px; box-sizing:border-box}
form *{box-sizing:border-box}
form label {color:#767675; font-size:12px;}
form input[type="text"] {height:30px; line-height:30px; background-color:#f6f8f8; border:1px solid #dfdfdd; width:100%; padding:4px; -webkit-appearance: none;  border-radius: 0;}
form select {height:30px; line-height:30px; background-color:#f6f8f8; border:1px solid #dfdfdd; width:100%; padding:4px; -webkit-appearance: none;  border-radius: 0;}
form textarea {min-height:60px; resize:none; background-color:#f6f8f8; border:1px solid #dfdfdd; width:100%; padding:4px; -webkit-appearance: none;  border-radius: 0;}
form input[type="submit"], form button {border:0; outline:none; min-width:60px; border-radius:2px; height:30px; line-height:30px; color:#ffffff; background-color:#2c3e50; float:right; -webkit-appearance: none;}

/* FİELD SET*/
fieldset {background-color:#ffffff; border:1px solid #dfdfdd; padding:10px;margin:0 0  10px;}
fieldset legend { font-weight:bold; border-radius:2px; padding:2px 4px; color:#ffffff; background-color:#2c3e50;}

/* ERROR*/
.errorPage {width:600px;height:300px; padding:10px;margin:auto auto;text-align:center;line-height:25px!important;}
.errorPage h1.title {background-color:#f3f3f3; color:#2c3e50;  font-family: 'Bree Serif', serif; line-height:50px; font-weight:500; font-size:50px; letter-spacing:-0.5px; margin:0 0 10px 0; padding:10px 0;}
.errorPage h2.desc {font-family: 'Bree Serif', serif; font-weight:500; font-size:18px; letter-spacing:-0.5px; margin:0 0 15px 0;}

.blankPage {line-height:25px!important; min-height:600px!important}
.blankPage h1.title {background-color:#f3f3f3; color:#2c3e50;  font-family: 'Bree Serif', serif; line-height:50px; font-weight:500; font-size:50px; letter-spacing:-0.5px; margin:0 0 10px 0; padding:10px 0;}
.blankPage h2.desc {font-family: 'Bree Serif', serif; font-weight:500; font-size:18px; letter-spacing:-0.5px; margin:0 0 15px 0;}


.mainBox			{background-color:#ffffff; border-bottom:1px solid #dfdfdd; border-right:1px solid #dfdfdd}
.ads300				{display:inline-block; height:250px!important; padding:3px; width:300px;}
.adsFace			{display:inline-block; height:269px!important; padding:3px; margin-top:15px; width:300px;}

.topMenuContainer	{background-color:#f3f3f3; height:35px; line-height:35px; text-align:right}
.topMenuContainer a	{display:inline-block; font-size:11px; color:#2c3e50; margin-left:10px;}
.topMenuContainer a:hover	{color:#3498db;}

.headerContainer	{background-color:#ffffff; height:115px!important; }
a.Logo {padding-top:15px; display:inline-block; width:325px;}
div.Search {box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2); height:40px; border-radius:2px; background-color:#fbfbfb; border:1px solid #ffffff; width:250px; margin-top:30px;}

.menuContainer		{background-color:#3498db; height:43px; line-height:43px; padding-top:2px; vertical-align:middle}
.menuContainer a.home	{float:left; font-size:28px; margin-top:-2px; margin-right:16px;}
.menuContainer a	{color:#ffffff; display:inline-block; float:left; font-size:15px; font-weight:bold; margin-right:15px;}
.menuContainer a:hover	{color:#2c3e50;}
.subMenuContainer	{background-color:#2c3e50; color:#b4c5d5; height:35px; line-height:35px;}
.subMenuContainer a	{color:#b4c5d5; display:inline-block; float:left; margin-left:10px!important; font-weight:bold; }
.subMenuContainer a:hover	{color:#ffffff;}
.subMenuContainer a:first-child	{margin-left:0!important;}
.Content {padding:5px;}

.Headlines	.Thumb 		{margin:4px 0 0 4px;}
.Headlines	.Thumb a	{background-color:#d6d6d6; border-radius:50%; float:left; display:inline-block; font-size:16px; font-weight:bold; height:32px; line-height:32px; text-align:center; margin-right:5px; width:32px;}
.Headlines	.Thumb a.selected	{background-color:#2c3e50; color:#ffffff;}
.Headlines	.Thumb a:hover	{background-color:#2c3e50; color:#ffffff;}
.Headlines	.Thumb a.All	{background-color:#d6d6d6!important; border-radius:4px!important; display:inline-block!important; font-size:16px!important; font-weight:bold; height:32px!important; line-height:32px!important; text-align:center; padding:0 10px; margin-left:12px; margin-right:0px; width:45px!important; min-width:45px!important;  }

.Headlines	.HeadlineImage img {width:100%; height:100%;}

.intBanner	{background-color:#34495e; border:1px solid #2c3e50; border-radius:2px; color:#ffffff; font-family:'Bree Serif', sans-serif; height:39px; line-height:39px; margin-top:15px; padding:0 10px;}
.intBanner a{color:#ffffff; font-size:18px}


.flashNews  a{float:left; display:inline-block; height:175px; line-height:20px; font-size:14px; font-weight:500; overflow:hidden; margin-left:15px; margin-bottom:15px; padding:3px; text-align:center; width:139px!important;}
.flashNews  a:first-child{margin-left:0px;}

.headlineContainer {padding:14px; height:340px!important; overflow:hidden; width:600px;  }
.lastNews	{clear:both; overflow:hidden; margin-top:15px;}
.lastNews img	{border-radius:2px; padding:2px; border:1px solid #dfdfdd;}
.lastNews {height:241px!important; overflow:hidden!important}
.lastNewsRobot {height:210px!important}
.lastNewsRobot div	{margin-left:15px}
.lastNewsRobot div:first-child	{margin-left:0px}


.link {display:block; background-color:#ffffff; border-bottom:1px solid #dfdfdd; border-right:1px solid #dfdfdd; font-weight:500; line-height:18px; padding:10px; position:relative; height:75px!important; width:286px!important; margin-bottom:15px;}
.link figcaption{height:55px; display:table-cell; vertical-align:middle;}
.link img { width:100px!important; height:75px; float:left; margin-right:10px;}
.link .DateTime {display:block; font-weight:normal; font-size:11px; color:#767675; position:absolute; left:120px; top:70px;}

.mainCategoryList {margin-top:15px; margin-right:15px; float:left; width:629px!important;}
.mainRightColumn {margin-top:15px;float:left; width:306px!important;}
.category	{float:left; padding:5px 0; line-height:18px; height:265px!important; width:306px!important;}
.category img	{border-radius:2px; padding:2px; border:1px solid #dfdfdd;}
.category a	{border-bottom:1px solid #f3f3f3; display:block; font-weight:500; line-height:18px; height:75px!important; background-color:#ffffff; padding:7px 0;  margin:0 10px; }
.category a	figcaption {height:70px; display:table-cell; vertical-align:middle}
.category a	img{float:left; margin-right:10px; height:70px;}
.categoryFirst {width:286px; font-weight:500; padding:10px; float:left; font-size:15px; height:255px!important; overflow:hidden; margin-right:15px;}
.category .CategoryName {display:none; font-weight:normal; font-size:11px; color:#767675; margin-top:5px; line-height:20px; text-align:right}

.gallery {background-color:#2c3e50; color:#ffffff; height:200px; width:447px; padding:10px; margin-top:15px; float:left; }
.gallery img	{background-color:#ffffff; border-radius:2px; padding:2px; border:1px solid #dfdfdd;}

.galleryFirst {display:inline-block; font-weight:bold; width:225px; float:left; margin-right:10px;}
.galleryOther {display:inline-block; font-size:12px; font-weight:500; line-height:18px; overflow:hidden; height:70px; width:210px; float:left;}
.galleryOther img {float:left!important; margin-right:5px!important}
.gallery a {position:relative; color:#ffffff;}
.gallery a:hover {color:#ffffff;}
.gallery a .play{ font-family:FontAwesome!important; display:inline-block; font-size:18px; color:#ffffff; position:absolute; z-index:9999; top:5px; left:5px; width:16px;height:16px;}


.answerForm			{margin-left:15px; padding:3px; height:268px!important; width:300px!important}
.mostPopular		{padding:3px; height:560px!important; margin-top:15px; width:300px!important}
.jobAdvert			{display:inline-block; height:269px!important; padding:3px;width:300px;}
div.title				{background-color:#f3f3f3; display:block; color:#2c3e50; font-family:'Bree Serif',sans-serif; font-size:17px; font-weight:500; padding:8px 5px; margin:4px 4px;}
div.title a				{color:#2c3e50!important;}

.List a	{border-bottom:1px solid #f3f3f3; display:block; font-weight:500; line-height:18px; height:50px!important; background-color:#ffffff; padding:6px 0;  margin:0; }
.List a figcaption	{height:50px; display:table-cell; vertical-align:middle}
.List a img { width:75px!important; height:50px; float:left; margin-right:5px;}
.List a img	{border-radius:2px; padding:2px; border:1px solid #dfdfdd;}
.List a .DateTime {display:block; font-size:11px; font-weight:normal; color:#767675;}

/* NEWS DETAİL PAGE*/

.NewsDetailPage {overflow:hidden; clear:both;}
.NewsDetailPage h1.title {font-family: 'Bree Serif', serif; line-height:50px; font-weight:500; font-size:50px; letter-spacing:-0.5px; margin:0 0 10px 0;}
.NewsDetailPage h2.desc {font-family: 'Bree Serif', serif; font-weight:500; font-size:18px; letter-spacing:-0.5px; margin:0 0 15px 0;}
.NewsDetailPage h3.subTitle {font-family: 'Bree Serif', serif; font-weight:500; color:#767675; font-size:18px; letter-spacing:-0.5px; margin:10px 0 10px 0;}
.NewsDetailPage .Social		{color:#767675; margin-top:10px; font-size:13px!important }
.NewsDetailPage .Social a	{background-color:#2c3e50; border-radius:50%; color:#f3f3f3; display:inline-block; font-size:14px!important; margin-right:5px; height:24px; line-height:24px; position:relative; text-align:center; width:24px;}
.NewsDetailPage .Social a span	{background-color:#ff0000; border:2px solid #f3f3f3; display:inline-block; position:absolute; font-size:8px; margin-top:-2px; margin-left:-2px; border-radius:50%; line-height:12px; min-width:12px; min-height:12px; padding:0px; color:#ffffff; }

.NewsDetailPage .Social a:hover	{background-color:#3498db;}
.NewsDetailPage .NewsContent {float:left; line-height:25px; font-size:14px; min-height:350px!important; margin-right:15px; margin-top:10px; width:629px!important;}
.NewsDetailPage .NewsContent img {max-width:629px!important}
.NewsDetailPage .NewsHit {color:#f3f3f3; font-size:11px!important}
.NewsDetailPage .video {margin:15px 0; text-align:center}
.NewsDetailPage .galleryDetail {margin:15px 0; text-align:center; width:621px; padding:4px; overflow:hidden;}
.NewsDetailPage .galleryDetail img {border:4px solid #ffffff; max-width:613px!important}
.NewsDetailPage .Etichets:before {content:"Etiketler"; font-weight:bold; margin-right:15px; }
.NewsDetailPage .Etichets a {display:inline-block; border-radius:4px; background-color:#ffffff; color:#767675; margin-right:5px; padding:2px 4px;}
.NewsDetailPage .Etichets a:hover {color:#3498db;}
.detailBreadCrumb {font-size:12px!important;color:#3c3c3c!important;}

#CommentsTable {}
#CommentsTable tbody tr td {padding:2px; line-height:18px;}
#CommentsTable .Name {font-weight:700;}
#CommentsTable .DateTime {font-weight:normal; font-size:11px; color:#d6d6d6;}

.RelatedNews {clear:both; overflow:hidden; text-align:center; margin-top:10px; padding:7px;}
.RelatedNews  a{float:left; display:inline-block; height:180px; line-height:20px; font-family:'Bree Serif',sans-serif; font-size:14px; font-weight:500; overflow:hidden; margin-left:10px; margin-bottom:15px; padding:3px; text-align:center; width:139px!important;}
.RelatedNews  a:first-child{margin-left:0px;}
.RelatedNews a span {display:block; font-size:11px; color:#767675}

/*CATEGORY AND LİST PAGE*/
.categoryNews{float:left; line-height:25px; font-size:14px; margin-right:15px; margin-top:10px; width:629px!important;}
.categoryNews h1.title {font-family: 'Bree Serif', serif; line-height:30px; font-weight:500; font-size:30px; letter-spacing:-0.5px; margin:0 0 10px 0; padding:10px 0;}

.categoryNews .newsList a {display:block; padding:10px 0; border-bottom:1px dotted #dfdfdd; clear:both; float:none; height:45px; }
.categoryNews .newsList a .DateTime {display:inline-block; color:#767675;}
.categoryNews .newsList a img {float:left; background-color:#ffffff; border-radius:2px; padding:2px; border:1px solid #dfdfdd; margin-right:6px;}
.categoryNews .headlineList a {display:inline-block; padding:10px 0; margin-left:8px; height:160px; margin-right:5px; }
.categoryNews .headlineList a img {background-color:#ffffff; border-radius:2px; padding:2px; border:1px solid #dfdfdd;}

.newsPaperPage{line-height:25px; font-size:14px; margin-top:10px; width:951px!important;}
.newsPaperPage h1.title {font-family: 'Bree Serif', serif; line-height:30px; font-weight:500; font-size:30px; letter-spacing:-0.5px; margin:0 0 10px 0; padding:10px 0;}
#newspaperlinks a{ display:inline-block; padding:4px 8px; float:left; background-color:#ffffff; margin-right:5px; margin-bottom:5px; font-weight:bold; width:80px; text-align:center;}


#PageSkin								{height:100%; left:0px; position:absolute; width:100%; z-index:1 }
#PageSkin .Left							{float:left; height:100%; width:50%; }
#PageSkin .Left #BackgroundSliderLeft				{overflow:hidden; position:relative; text-align:right; padding-right:490px; padding-top:15px; z-index:9999}
#PageSkin .Left #BackgroundSliderLeft	div			{text-align:right!important; float:right}
#PageSkin .Right						{float:right; height:100%; width:50%;}
#PageSkin .Right #BackgroundSliderRight				{overflow:hidden; position:relative; text-align:left!important; padding-left:490px; padding-top:15px; z-index:9999}
#PageSkin .Right #BackgroundSliderRight	div			{text-align:left!important; float:left;}

#Masthead						{position:relative; z-index:9999999;  margin:auto; padding:10px 0 0 0; width:950px; overflow:hidden!important}
#Masthead .MastheadContent		{position:relative; z-index:9999999; }
#Masthead .MastheadContent	.Ads		{overflow:hidden; padding-top:5px; margin:auto auto; width:950px; overflow:hidden!important}
#Masthead .MastheadContent .Controls	{box-sizing:border-box; color:#ffffff; line-height:28px; overflow:auto; padding:5px 0; margin:auto; width:100%}
#Masthead .MastheadContent .Controls input[type=button]	{background-color:#c0392b!important; border:none!important; float:right; color:#ffffff!important; cursor:pointer; font-weight:bold; text-align:center; min-height:28px!important; min-width:60px;} 
#Masthead .MastheadContent .Controls input[type=button]:hover	{background-color:#bdc3c7!important; color:#000000!important} 

.footerContainer	{background-color:#e6e6e6; clear:both;}
.footerContainer .footer a	{color:#3498db; display:inline-block; font-weight:500; font-size:12px;  margin-right:15px; }
.footerContainer .footer a:hover	{color:#2c3e50!important;}
.footerDesc		{color:#404040; font-size:11px!important; line-height:18px; margin:10px 0;}
.footerDesc a	{color:#404040; font-size:11px!important;}
.footerDesc a:hover	{color:#3498db!important;}

.footerDesc .socialIcon {background-color:#767675; border-radius:50%; color:#f3f3f3; display:inline-block; font-size:18px!important; margin-left:5px; height:32px; line-height:32px; text-align:center; width:32px;}