/*
 * 	Author: Pixel Art Inc.
 * 	Website: http://www.pixelartinc.com/
 */
 
 
  
/******************************
CSS RESET
******************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0; padding:0; 		border: 0;	font-size: 100%;	font: verdana;	}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }




/******************************
BASIC STYLES
******************************/
body{ background: #fff; color: #000; font: 11px 'Open Sans', Arial, Helvetica, sans-serif; line-height: 18px; counter-reset: li; }

h1,h2,h3,h4,h5,h6{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #000; }
h1{ font-size:30px; }
h2{ font-size:24px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
h5{ font-size:14px; }
h6{ font-size:12px; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #000; text-decoration: none; }
a:hover { color: #f4c402; }
a:hover, a:active { outline: 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.container { width: 900px; margin: 20px auto; }
.containerorta { width: 550px; margin: 0px auto; }




/******************************
HEADER
******************************/
header { margin: 10px auto 1px; width: 900px; }
header .top { background: #000; width: 800px; padding: 0px 0px; min-height:60px; }
header .logo { float: left; margin-right: 10px; display: inline-block; height: 60px; line-height: 60px; }
header .logo img { line-height: 60px; vertical-align: middle; }

header .main-menu { list-style: none; float: left; }
header .main-menu > li { position: relative; display: inline; font: 12px 'Open Sans', Arial, Helvetica, sans-serif; line-height: 53px; border-right: 1px solid #151515; padding: 18px 8px; }
header .main-menu > li ul { display: none; position: absolute; position: absolute; top: 53px; left: 0px; background: #000; padding: 0px 15px; z-index: 9; }
header .main-menu > li ul li { line-height: 30px; border-bottom: 1px solid #151515; font-size: 11px; min-width: 120px; }
header .main-menu > li:hover > ul { display: block; }
header .main-menu li a { color: #fff; }
header .main-menu li a:hover { color: #f4c402; }

header .top-search { float:right; width: 200px; margin: 11px 0px 0px; }
header .top-search .search-box { outline: none; float: left; height: 20px; width: 125px; background: #fff; padding: 5px 10px; border: none; line-height: 20px; }
header .top-search .search-button { cursor: pointer; float: right; height: 30px; background: #f4c402; border: none; text-align: center; color: #000; font: bold 10px 'Open Sans', Arial, Helvetica, sans-serif; width: 55px; }
.dahafazlasi { cursor: pointer;  height: 18px; background: #f4c402; border: none; text-align: center; color: #444; font: normal 10px verdana, Arial, Helvetica, sans-serif;  }

header .bar { background: #e5e5e5; height: 60px; }
header .menu-b { background: #f4c402; text-align: center; width: 240px; float: left; }
header .menu-b li { display: inline; line-height: 40px; }
header .menu-b li a { padding: 0px 8px; color: #916907; border-right: 1px solid #deb305; font: bold 10px 'Open Sans', Arial, Helvetica, sans-serif; }
header .menu-b li a:hover { color: #000; }
header .menu-b li:last-child a { border: none; }

header .text-scroll { width: 760px; float: left; font: 10px 'Open Sans', Arial, Helvetica, sans-serif; color: #505050; }
header .text-scroll span { float: left; font-weight: bold; color: #000; padding: 0px 15px; border-right: 1px solid #d1d1d1; margin-top: 15px; margin-right: 10px; }
header .text-scroll .tickercontainer { width: 550px; float: right; line-height: 40px; }

header .text-scroll ul.newsticker { position: relative; left: 389px; }
header .text-scroll ul.newsticker li { float: left; margin-right: 100px; }
header .text-scroll ul.newsticker a { white-space: nowrap; } 

header .social-nav { float: right; margin-right: 15px; }
header .social-nav li { width: 20px; float: left; margin: 10px 0px 0px 5px; line-height: 40px; }
header .social-nav li a { display: block; width: 20px; height: 20px; background: url(images/social-icons.png) no-repeat; }
header .social-nav li a.icon1 { background-position: 0px top; }
header .social-nav li a.icon2 { background-position: -25px top; }
header .social-nav li a.icon3 { background-position: -50px top; }
header .social-nav li a.icon4 { background-position: -75px top; }
header .social-nav li a.icon5 { background-position: -100px top; }
header .social-nav li a.icon6 { background-position: -125px top; }
header .social-nav li a.icon7 { background-position: -150px top; }
header .social-nav li a.icon8 { background-position: -175px top; }
header .social-nav li a.icon1:hover { background-position: 0px bottom; }
header .social-nav li a.icon2:hover { background-position: -25px bottom; }
header .social-nav li a.icon3:hover { background-position: -50px bottom; }
header .social-nav li a.icon4:hover { background-position: -75px bottom; }
header .social-nav li a.icon5:hover { background-position: -100px bottom; }
header .social-nav li a.icon6:hover { background-position: -125px bottom; }
header .social-nav li a.icon7:hover { background-position: -150px bottom; }
header .social-nav li a.icon8:hover { background-position: -175px bottom; }



/******************************
SIDEBARS
******************************/
.sidebar {width: 170px;}
.sidebar.left { float: left; margin-right: 5px; margin-left: 5px;}
.sidebar.right { float: right; margin-left: 10px; }

.sidebar .widget { margin: 0px 0px 20px; padding: 0px 0px 20px; border-bottom: 1px solid #e5e5e5; }
.sidebar .widget h5 { margin: 0px 0px 10px; padding: 0px 0px 20px; border-bottom: 1px solid #e5e5e5; }

.rating { display: block; width: 35px; height: 5px; position: absolute; right: 0px; top: 0px; }
.rating a { display: inline-block; margin-left: 2px; width: 5px; height: 5px; background: url(images/rating-stars.png) right center no-repeat; }
.rating a.active { background-position: left center; }

.comment-icon { display: block; height: 15px; background: #f4c402 url(images/comment-icon-black.png) 20px center no-repeat; color: #000 !important; position: absolute; bottom: 0px; left: 50%; margin-left: -15px; padding: 0px 15px 0px 5px; line-height: 15px; }

.sidebar .recent-posts { padding: 0px; border: 0px; }
.sidebar .recent-posts li { border-bottom: 1px solid #e5e5e5; padding: 6px 0px; position: relative; }
.sidebar .recent-posts li:last-child { border-bottom: 1px solid #e5e5e5; }
.sidebar .recent-posts li .post-thumb { display: block; width: 45px; height: 25px; float: left; overflow: hidden; margin-right: 10px; position: relative; }
.sidebar .recent-posts li span { display: none; font-size: 9px; line-height: 15px; color: #949494; font-weight: bold; }
.sidebar .recent-posts li h6 { font-size: 11px; line-height: 13px; }
.sidebar .recent-posts li h6 a { color: #000; }
.sidebar .recent-posts li > span,
.sidebar .recent-posts li .rating { display: none; top: 7px; }
.sidebar .recent-posts li:hover > span,
.sidebar .recent-posts li:hover .rating,
.sidebar .recent-posts li:hover .comment-icon { display: inline-block; } 

.sidebar .poll { border-bottom: 1px solid #e5e5e5; }
.sidebar .poll li { border-bottom: 1px solid #e5e5e5; padding: 6px 0px; }
.sidebar .poll li:last-child { border-bottom: 1px solid #e5e5e5; }
.sidebar .poll li label { vertical-align: middle; }
.sidebar .poll li input { vertical-align: middle; }
.sidebar .poll ul { margin: 0px 0px 20px; }
.sidebar .poll .btn { cursor: pointer; font: 12px 'Open Sans', Arial, Helvetica, sans-serif; border: none; display: inline-block; height: 24px; vertical-align: middle; min-width: 90px; background: #c8c8c8; color: #727272; border-bottom: 1px solid #e5e5e5; text-align: center; }.sidebar .poll .btn:hover { background: #000; color: #fff; }

.sidebar .shows li { background: #e5e5e5; margin: 0px 0px 20px; padding: 0px 10px 0px 0px; position: relative; }
.sidebar .shows li:first-child { margin: 20px 0px 20px; }
.sidebar .shows li:last-child { margin: 0px 0px 0px; }
.sidebar .shows li:hover { background: #f4c402; }
.sidebar .shows li figure { width: 75px; height: 75px; float: left; margin-right: 10px; overflow: hidden; position: relative; }
.sidebar .shows li h6 { margin: 10px 0px 5px; font-weight: bold; }
.sidebar .shows li h6 a { color: #505050; }
.sidebar .shows li p { color: #505050; }
.sidebar .shows li:hover h6,
.sidebar .shows li:hover h6 a,
.sidebar .shows li:hover p { color: #000; }
.sidebar .shows li .date { display: none; position: absolute; color: #949494; font-size: 9px; top: -18px; left: 0px; }
.sidebar .shows li .rating { display: none; top: -20px; right: 0px; } 
.sidebar .shows li .comment-icon { display: none; }
.sidebar .shows li:hover .date,
.sidebar .shows li:hover .rating,
.sidebar .shows li:hover .comment-icon { display: block; }

.sidebar .tags { padding-bottom: 10px; }
.sidebar .tags a { background: #e5e5e5; display: inline-block; padding: 0px 15px 0px 10px; height: 27px; line-height: 27px; margin: 0px 10px 10px 0px; }
.sidebar .tags a span { background: #000; color: #fff; display: none; height: 27px; padding: 0px 10px; position: relative; right: -15px; }
.sidebar .tags a:hover { color: #000; background: #f4c402; }
.sidebar .tags a:hover span { display: inline-block; }

.sidebar .top-story { border: 0px; padding: 0px; position: relative; }
.sidebar .top-story h5 { border-bottom: 0px; margin: 0px; }
.sidebar .top-story > div { background: #e5e5e5; padding: 15px 0px; }
.sidebar .top-story .image { position: relative; display: block; width: 190px; height: 170px; overflow: hidden; margin: 0px auto; }
.sidebar .top-story .image img { min-width: 100%; }
.sidebar .top-story > div > span { line-height: 30px; padding: 0px 15px; color: #949494; }
.sidebar .top-story p { border-top: 1px solid #d7d7d7; padding: 12px 15px 0px; font-size: 12px; line-height: 15px; }
.sidebar .top-story .rating { top: 223px; }
.sidebar .top-story .comment-icon { left: 0px; bottom: 10px; margin: 0px; }

.sidebar .interviews { border: 0px; margin: 0px 0px 0px; }
.sidebar .interviews .image { display: block; width: 70px; height: 90px; float: left; margin-right: 8px; position: relative; }
.sidebar .interviews li { border-bottom: 1px solid #e5e5e5; padding: 0px 0px 10px; margin: 0px 0px 10px; position: relative; }
.sidebar .interviews li:first-child { padding-top: 0px; }
.sidebar .interviews li:last-child { border: 0px; }
.sidebar .interviews li > span { letter-spacing: -1px; line-height: 10px; display: block; margin: 0px 0px 13px; color: #949494; }
.sidebar .interviews li h6 { margin: 0px 0px 7px; }
.sidebar .interviews li p { color: #505050; line-height: 13px; }

.sidebar #tabs { padding: 0px; border: 0px; }
.sidebar #tabs .ui-tabs-nav { overflow: hidden; border-top: 1px solid #e5e5e5; }
.sidebar #tabs .ui-tabs-nav li { width: 32%; float: left; display: block; line-height: 45px; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.sidebar #tabs .ui-tabs-nav li:last-child { border-right: 0px; }
.sidebar #tabs .ui-tabs-nav li.ui-state-active { border-bottom-color: #fff; }
.sidebar #tabs .ui-tabs-hide { display: none; }
.sidebar #tabs > div {}
.sidebar #tabs > div ul li { padding: 13px 0px; border-bottom: 1px solid #e5e5e5; color: #505050; font-size: 11px; }
.sidebar #tabs > div ul li:hover { color: #000000; }

.sidebar .twitter { padding: 0px; }
.sidebar .twitter h5 { margin: 0px 0px 20px; }
.sidebar .twitter li { margin: 0px 0px 20px; font-size: 11px; }
.sidebar .twitter li a { color: #f4c402; }

.sidebar .ads { border: 0px; padding: 0px; }
.sidebar .ads h5 { margin: 0px; border: 0px; }
.sidebar .ads figure { width: 100%; height: auto; overflow: hidden; }



/******************************
CONTENT
******************************/
#content { width: 550px; float:left; }
#content section { margin: 0px 0px 20px; }
#content section > h5 { margin: 0px 0px 15px; padding: 0px 0px 20px; border-bottom: 1px solid #e5e5e5; }

#content .featured { position: relative; }
#content .featured h5 { margin: 0px; border: 0px; }
#content .featured #slider { height: 315px; overflow: hidden; }
#content .featured #slider > div { height: 315px; width: 100%; position: relative; }
#content .featured #slider > div img { width: 100%; height: 100%; }
#content .featured #slider .caption { overflow: hidden; z-index: 9999; height: 80px; position: absolute; bottom: 20px; left: 0px; width: 100%; }
#content .featured #slider .caption > div { width: 50%; float: left; height: 100%; }
#content .featured #slider .caption > div.yellow { background: #ebbe05; }
#content .featured #slider .caption > div.yellow h5 { padding: 15px; line-height: 24px !important; }
#content .featured #slider .caption > div.yellow:hover h5 a { color: #000; }
#content .featured #slider .caption > div.yellow:hover { background: #ffcc00; } 
#content .featured #slider .caption > div.black { background: #000; color: #fff; position: relative; }
#content .featured #slider .caption > div.black span { display: block; color: #8c8c8c; margin: 8px 0px 8px; padding: 0px 15px; }
#content .featured #slider .caption > div.black span a { color: #ecbf07; }
#content .featured #slider .caption > div.black p { font-size: 11px; padding: 0px 15px; }
#content .featured .pager { position: absolute; top: 40px; left: 10px; z-index: 9999; }
#content .featured .pager a { display: inline-block; height: 3px; margin: 0px 5px 0px 0px; width: 13px; background: #000; text-indent: -9999px; }
#content .featured .pager a.activeSlide { background: #f4c402; }
#content .featured .next { color: #000; position: absolute; top: 55px; left: 52px; z-index: 9999; }
#content .featured .prev { color: #000; position: absolute; top: 55px; left: 10px; z-index: 9999; }
#content .featured .next:hover,
#content .featured .prev:hover { color: #ecbf07; }

#content .three-cols { border-bottom: 1px solid #e5e5e5; overflow:hidden; margin: 0px 0px 20px; padding: 0px 0px 20px; }
#content .three-cols ul > li { width: 140px; float: left; margin-right: 20px; position: relative; }
#content .three-cols ul > li:last-child { margin: 0px; }
#content .three-cols ul > li > .image { width: 100%; display: block; height: 100px; margin: 0px 0px 10px; position: relative; overflow: hidden; }
#content .three-cols ul > li > .image img { width: 100%; }
#content .three-cols ul > li span.date { letter-spacing: -1px; color: #949494; font-weight: bold; display: block; margin: 0px 0px 10px; }
#content .three-cols ul > li span.rating { top: 108px; }
#content .three-cols ul > li h5 { margin: 0px 0px 15px; padding: 0px 0px 20px; border-bottom: 1px solid #e5e5e5; }
#content .three-cols ul > li h6 a { color: #505050; font-size: 13px; }
#content .three-cols ul > li h6:hover a { color: #000; }
#content .three-cols ul > li li { padding: 10px 0px; border-bottom: 1px solid #e5e5e5; }
#content .three-cols ul > li li a { color: #505050; }
#content .three-cols ul > li li a:hover { color: #000; }
#content .three-cols ul > li li:last-child { padding-bottom: 0px; border: 0px; }
#content .seperate ul > li h6 { margin: 0px 0px 0px; padding: 0px 0px 10px; border-bottom: 1px solid #e5e5e5; }
#content .separate ul > li .rating { top: 163px !important; }

#content .two-cols { border-bottom: 1px solid #e5e5e5; overflow:hidden; margin: 0px 0px 20px; padding: 0px 0px 20px; }
#content .two-cols ul > li { width: 220px; float: left; margin-right: 20px; position: relative; }
#content .two-cols ul > li:last-child { margin: 0px; }
#content .two-cols ul > li > .image { width: 100%; display: block; height: 160px; overflow: hidden; margin: 0px 0px 10px; position: relative; }
#content .two-cols ul > li > .image img { width: 100%; }
#content .two-cols ul > li span.date { color: #949494; font-weight: bold; display: block; margin: 0px 0px 10px; }
#content .two-cols ul > li h5 { margin: 0px 0px 15px; padding: 0px 0px 20px; border-bottom: 1px solid #e5e5e5; }
#content .two-cols ul > li h6 a { color: #505050; font-size: 13px; }
#content .two-cols ul > li h6:hover a { color: #000; }
#content .two-cols ul > li li { padding: 10px 0px; border-bottom: 1px solid #e5e5e5; }
#content .two-cols ul > li li a { color: #505050; }
#content .two-cols ul > li li a:hover { color: #000; }
#content .two-cols ul > li li:last-child { padding-bottom: 0px; border: 0px; }
#content .two-cols ul > li .rating { top: 222px; }
#content .two-cols ul > li .comment-icon {  }



/******************************
SINGLE POST
******************************/
#content .post { padding-bottom: 70px; border-bottom: 1px solid #f0f0f0; }
#content .post > h5 { border: 0px; margin: 0px; }
#content .post .feature-image { display: block; width: 100%; height: auto; }
#content .post .feature-image img { width: 100%; }
#content .post .meta { padding: 10px 0px; border-bottom: 1px solid #f0f0f0; margin: 0px 0px 15px; color:#a4a4a4; }
#content .post .meta .date { padding-right: 15px; border-right: 1px solid #f0f0f0; margin-right: 15px; }
#content .post .meta .comment { background: url(images/comment-icon.png) right 4px no-repeat; padding-right: 15px; }
#content .post .post-content h4 { margin: 0px 0px 25px; }
#content .post .post-content p { margin: 0px 0px 25px; } 
#content .post .post-content blockquote { margin: 0px 0px 25px; background: url(images/blockqout.png) 10px 10px no-repeat; padding-left: 40px; }
#content .post .post-content blockquote p { font-weight: bold; font-style: italic; }
#content .post article p:not(.meta) { margin: 0px 0px 25px; } 
#content .post article p:not(.meta) strong { font-weight: bold; }
#content .post article p:not(.meta) em { font-style: italic; }

#content.page .post { padding: 0px; border: 0px; }
#content.page .post article { padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; margin: 0px 0px 20px; }
#content.page .post > h5 { border-bottom: 1px solid #f0f0f0; padding: 0px 0px 20px; margin: 0px 0px 10px; }
#content.page .post blockquote { margin: 0px 0px 25px; overflow: hidden; }
#content.page .post blockquote h6 { margin: 0px 0px 15px; padding-left: 40px; }
#content.page .post blockquote p { margin-bottom: 20px; font-style: italic; background: url(images/blockqout.png) 10px 3px no-repeat; padding: 0px 15px 0px 40px; }
#content.page .post .bq-two { border: 1px solid #f0f0f0; overflow: visible; } 
#content.page .post .bq-two h6 { margin: -10px 0px 25px; }
#content.page .post .bq-two h6 span { background: #fff; }
#content.page .post .bq-three { background: #f4c402; } 
#content.page .post .bq-three h6 { padding-left: 20px; }
#content.page .post .bq-three h6 span { background: url(images/qoute-heading.png) no-repeat; padding: 0px 32px 3px; }

#content.page .post article h1,
#content.page .post article h2,
#content.page .post article h3,
#content.page .post article h4,
#content.page .post article h5,
#content.page .post article h6 { margin: 0px 0px 20px; }

#content .post ul,
#content .post ol { margin: 0px 0px 25px; }
#content .post ul li { padding-left: 18px; line-height: 18px; margin: 0px 0px 10px; }
#content .post ol li { line-height: 18px; margin: 0px 0px 10px; }
#content .post ul.list-1 li { background: url(images/li1.png) left 4px no-repeat; }
#content .post ul.list-2 li { background: url(images/li2.png) left 3px no-repeat; }
#content .post ul.list-4 li { background: url(images/li4.png) left 3px no-repeat; }
#content .post ul.list-5 li { background: url(images/li5.png) left 5px no-repeat; }
#content .post ul.list-6 li { background: url(images/li6.png) left 7px no-repeat; }
#content .post ol.list-3 a { position: relative; display: block; padding: 0px 0px 0px 0px; *padding: 0px; margin: 0 0 0 2.5em; }
#content .post ol.list-3 a:before { counter-increment: li; content: counter(li); position: absolute; left: -2.5em; top: 0px; background: #f4c402; width: 14px; line-height: 18px; text-align: center; font-weight: bold; }

#content .post .full { width: 100%; float: left; }
#content .post .one-third { width: 31%; margin: 0 3.5% 0 0; float: left; }
#content .post .two-third { width: 66%; margin: 0 3% 0 0; float: left; }
#content .post .one-half { width: 48%; margin: 0 4% 0 0; float: left; }
#content .post .last { margin-right: 0px; }



/******************************
BUTTONS
******************************/
.button { padding: 10px; display: inline-block; color: #FFF; font-size: 12px; margin-right: 20px; margin-bottom: 20px; }

.button.yellow { background: #f4c402; color: #000; }
.button.black { background: #000; }
.button.black2 { background: #2c2c2c; }
.button.black3 { background: #818180; }
.button.gray { background: #bbbbbb; color: #5f5f5f; }
.button.gray2 { background: #e5e5e5; color: #000; }
.button.white { background: #fff; color: #000; border: 1px solid #f0f0f0; }
.button.red { background: #e92727; }
.button.perpal { background: #785787; }
.button.blue { background: #3a5b81; }
.button.green { background: #85b92a; }
.button.orange { background: #ff9000; }



/******************************
ALERTS
******************************/
.alert { padding: 0px 8px 0px 40px; line-height: 40px; font-size: 12px; margin: 0px 0px 15px; position: relative; }
.alert a { display: block; width: 10px; height: 8px; position: absolute; right: 10px; top: 15px; background: url(images/close.png); }

.alert.yellow { background: #f4c402 url(images/attention.png) 10px center no-repeat; }
.alert.green { background: #85b92a url(images/sucess.png) 10px center no-repeat; }
.alert.red { background: #e92727 url(images/errors.png) 10px center no-repeat; }
.alert.silver { background: #e5e5e5 url(images/info.png) 10px center no-repeat; }



/******************************
BLOG
******************************/
#content.blog > h5 { margin: 0px 0px 15px; padding: 0px 0px 20px; border-bottom: 1px solid #e5e5e5; }
#content.blog .archive-style-one {}
#content.blog article { padding: 0px 0px 20px; margin: 0px 0px 20px; border-bottom: 1px solid #e5e5e5; position: relative; }
#content.blog article .feature-image { display: block; width: 48%; }
#content.blog article .feature-image img { min-width: 100%; }
#content.blog article span.date { margin: 0px 0px 15px; display: block; color: #949494; font-size: 9px; }
#content.blog article span.rating { display: block; }
#content.blog article h5 { margin: 0px 0px 15px; }
#content.blog article.last { margin-right: 0px !important; }

#content.blog .archive-style-one .feature-image { float: left; margin-right: 4%; }
#content.blog .archive-style-one article > div { float: right; width: 48%; }
#content.blog .archive-style-one article .rating { top: -3px; }

#content.blog .archive-style-two article { float: left; width: 48%; margin-right: 4%; }
#content.blog .archive-style-two article .feature-image { margin: 0px 0px 15px; width: 100%; }
#content.blog .archive-style-two article .rating { top: 175px; }

#content.blog .archive-style-three article .feature-image { margin: 0px 0px 10px; width: 100%; }
#content.blog .archive-style-three article .rating { top: 247px; }

#content.blog .archive-style-four article .feature-image { margin: 0px 0px 10px; width: 100%; }
#content.blog .archive-style-four article { width: 31.33%; margin-right: 3%; float: left; }
#content.blog .archive-style-four article h5 { margin: 0px; }
#content.blog .archive-style-four article .rating { top: 122px; }
#content.blog .archive-style-four article span { letter-spacing: -1px; display: block; margin: 0px 0px 10px; }



/******************************
PAGINATION
******************************/
#pagination { margin: 0px 0px 20px; }
#pagination ul { float: left; }
#pagination ul li { float: left; margin-right: 2px; }
#pagination ul li a { text-align: center; display: block; width: 25px; height: 25px; font: bold 11px 'Open Sans', Arial, Helvetica, sans-serif; line-height: 25px; color: #505050; background: #e5e5e5; }
#pagination ul li a.active,
#pagination ul li a:hover { background: #f4c402; color: #000; }
#pagination a.next,
#pagination a.prev { padding: 0px 11px; text-align: center; display: inline-block; height: 25px; font: bold 11px 'Open Sans', Arial, Helvetica, sans-serif; line-height: 25px; color: #505050; background: #e5e5e5; }
#pagination a.next:hover,
#pagination a.prev:hover,
#pagination a.next.active,
#pagination a.prev.active { background: #f4c402; color: #000; }
#pagination a.next { float: right; }
#pagination a.prev { float: right; margin-left: 2px; }




/******************************
AUTHOR
******************************/
#author .avatar { width: 88px; height: 88px; padding: 6px; border: 1px solid #f0f0f0; float: left; margin-right: 10px; }
#author > div h6 { color: #7e7e7e; font: bold 11px 'Open Sans', Arial, Helvetica, sans-serif; margin: 0px 0px 12px; }
#author > div h6 span { font-size: 10px; font-weight: normal; color: #9d9d9d; margin-left: 10px; }
#author .author-detail { float: right; width: 368px; }
#author .author-detail p { margin-bottom: 10px; color: #7e7e7e; }
#author .author-detail ul { border-top: 1px solid #f0f0f0; padding: 12px 0px 0px; }
#author .author-detail ul li { float: left; color: #7e7e7e; padding: 0px 10px 0px 0px; margin-right: 10px; border-right: 1px solid #f0f0f0; }
#author .author-detail ul li a { color: #7e7e7e; }
#author .author-detail ul li a:hover { color: #000; }
#author .author-detail ul .social { margin: 0px; padding: 0px; border: 0px; float: right; }
#author .author-detail ul .social a { display: inline-block; width: 15px; height: 15px; margin-left: 4px; }
#author .author-detail ul .social a.fb { background: url(images/fb.png); }
#author .author-detail ul .social a.tw { background: url(images/tw.png); }
#author .author-detail ul .social a.dr { background: url(images/dr.png); }
#author .author-detail ul .social a.in { background: url(images/in.png); }



/******************************
SHARE
******************************/
#share { width: 425px; background: #e5e5e5 url(images/plus.png) left center no-repeat; padding-left: 55px; line-height: 40px; }
#share > div { float: right; width: 240px; padding: 7px 0px 0px 0px; }
#share .fb_iframe_widget span { vertical-align: 0px !important; width: 60px; }
#share .fb_iframe_widget iframe { width: 60px; }
#share .twitter-share-button { width: 85px !important; }
#share .pin-it-button { width: 50px !important; }
#share .pin_it { width: 45px !important; overflow: hidden; display: inline-block; }
#share #___plusone_0 { margin-left: 10px !important; }



/******************************
COMMENT FORM
******************************/ 
#comment-form { border-bottom: 1px solid #f0f0f0; margin: 0px 0px 20px; padding: 0px 0px 20px; overflow: hidden; }
#comment-form .left { float: left; }
#comment-form .right { float: right; }
#comment-form form > div { margin: 0px 0px 15px; }
#comment-form label { display: block; margin: 0px 0px 10px; }
#comment-form .left input[type="text"]{ margin-bottom: 10px; border: none; height: 30px; width: 134px; padding: 0px 10px 0px 40px; }
#comment-form .left .email { background: #e5e5e5 url(images/email-id.png) left center no-repeat; }
#comment-form .left .name { background: #e5e5e5 url(images/your-name.png) left center no-repeat; }
#comment-form .left .url { background: #e5e5e5 url(images/web-url.png) left center no-repeat; }
#comment-form .right .textarea { background: #e5e5e5; padding: 10px; width: 235px; height: 149px; border: none; resize: none; margin: 25px 0px 0px; }
#comment-form .button { padding: 0px 0px; border: 0px; outline: none; background: #161616; height: 30px; width: 60px; color: #FFF; font-size: 12px; cursor: pointer; float: right; margin: 0px 0px 0px 10px; }
#comment-form .button:hover { background: #f4c402; color: #000;}
#comment-form form > p { float: left; line-height: 30px; }



/******************************
COMMENT LIST
******************************/ 
#comment-list {}
#comment-list > h5 { border: 0px !important; margin: 0px !important; }
#comment-list > ul li > div { position: relative; background: #f5f5f5; padding: 15px; }
#comment-list > ul li { border-bottom: 1px solid #fff; }
#comment-list .avatar { display: block; padding: 6px; background: #fff; border: 1px solid #f0f0f0; width: 70px; height: 70px; margin: 0px 10px 0px 0px; float: left; }
#comment-list .comment-detail { float: right; width: 355px; }
#comment-list .comment-detail h6 { margin: 0px 0px 10px; }
#comment-list .comment-detail p { color: #505050; margin: 0px 0px 10px; }
#comment-list .comment-detail p:last-child { margin: 0px 0px 0px; }
#comment-list a.reply { position: absolute; top: 10px; right: 60px; }
#comment-list a.report { position: absolute; top: 10px; right: 10px; }

#comment-list .depth-1 > li > div { background: #e5e5e5; margin-left: 95px; }
#comment-list .depth-1 .comment-detail { width: 260px; }
#comment-list .depth-2 > li > div { background: #f5f5f5; margin-left: 190px; }
#comment-list .depth-2 .comment-detail { width: 165px; }



/******************************
BOTTOM
******************************/
#bottom {}
#bottom > ul { width: 730px; background: #e5e5e5; padding: 20px; }

#bottom .widget { margin: 0px 20px 0px 0px; width: 215px; float: left; }
#bottom .widget:last-child { margin: 0px; }
#bottom .widget h5 { margin: 0px 0px 20px; }
#bottom .widget p { color: #505050; margin: 0px 0px 20px; font-size: 11px; }
#bottom .widget li { padding: 10px 0px; border-top: 1px solid #c9c9c9; font-size: 11px; }
#bottom .widget li:last-child { border-bottom: 1px solid #c9c9c9; }
#bottom .widget li a { color: #505050; }
#bottom .widget li a:hover { color: #000000; }

#bottom .flickr a { width: 37px; height: 37px; display: block; overflow: hidden; float: left; border: 3px solid #fff; margin: 0px 10px 10px 0px; }
#bottom .flickr a:hover { border-color: #f4c402; }

#bottom .widget li.phone { background: url(images/contact-icons.png) 0px 10px no-repeat; padding-left: 30px; }
#bottom .widget li.address { background: url(images/contact-icons.png) 0px -27px no-repeat; padding-left: 30px; }
#bottom .widget li.mail { background: url(images/contact-icons.png) 0px -79px no-repeat; padding-left: 30px; }

#bottom .subscribe-form {}
#bottom .subscribe-form label { margin: 0px 0px 8px; color: #505050; display: block; }
#bottom .subscribe-form input[type="text"] { width: 115px; height: 10px; background: #fff; float: left; padding: 10px; font-size: 10px; border: 0px; outline: 0px; }
#bottom .subscribe-form input[type="submit"] { background: #f4c402; height: 30px; padding: 0px 10px; color: #000; float: right; border: 0px; outline: 0px; font-size: 10px; }



/******************************
FOOTER
******************************/
footer { width: 900px; padding: 0px; background: #000; margin: 0px auto; }
footer p { font-size: 11px; color: #fff; }
footer p a { color: #f4c402; }
footer .left { float: left; margin-left:10px;}
footer .right { float: right; margin-right:10px;}



/******************************
DEMO
******************************/
.demo { padding: 0px 0px 0px !important; }
.demo ul,
.demo ol { width: 33%; float: left; }
.yenimarcinal { 
	font-family:tahoma;
	font-size:12px;
	padding:5px;
}

#aracizgi { height:1px;color:#cccccc;border:none;background-color:#cccccc; }

a.online:link {
	FONT-SIZE: 11px; COLOR: #606060; TEXT-DECORATION: none
}
a.online:visited {
	FONT-SIZE: 11px; COLOR: #606060; TEXT-DECORATION: none
}
a.online:hover {
	FONT-SIZE: 11px; COLOR: #cc0000; TEXT-DECORATION: none
}
a.online:active {
	FONT-SIZE: 11px; COLOR: #cc0000; TEXT-DECORATION: none
}

i { font-size:11px; color:#000000; font-family:verdana; font-style:normal;}
q { font-size:11px; color:red; font-family:verdana;  font-style:normal;}