﻿/*﻿ http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)

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: inherit;vertical-align: baseline;}

 HTML5 display-role reset for older browsers
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body{line-height: 1;font-family:HelveticaNeue,Helvetica,Tahoma,Arial;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}
table{border-collapse: collapse;border-spacing: 0;}
*:focus {outline: none;}

.clear{clear:both;}
div, a, p, span, h1, h2, h3, h4, h5, h6 {
font-family:HelveticaNeue,Helvetica,Tahoma,Arial;
}*/


.post{width: 100%;height: auto;min-height:100px;float: left;background-color: white;margin-bottom: 5px;border:1px solid #e8e8e8;}
.postHeader{width: 100%;height: 60px;float: left}
.postHeaderImg{width: 40px;height: 40px;float: left;margin-left: 10px;margin-top: 10px;border: none;border-radius: 20px;}
.postHeaderOrta{width: 200px;height: 40px;margin-left: 5px;margin-top: 10px;float: left;color:#822e8d; text-decoration:none;}
.postHeaderIsim{width: 100%;height: 20px;line-height: 20px;text-align: left;font-size: 17px;float: left;}
.postHeaderSag{width: 45px;height: 40px;float: right;margin-top: 10px;margin-right: 10px;}
.postHeaderFacebook{width: 20px;height:20px;float: left;line-height: 20px;margin-top: 10px;}
.postHeaderTwitter{width: 20px;height:20px;float: right;line-height: 20px;margin-top: 10px;}

.postBody{width: 300px;height: auto;float: left;padding: 0 10px 0;}
.postBodyMesaj{width: 100%;height: auto;overflow: hidden;word-wrap: break-word;color:#555555;float: left;}
.postBodyResim{width: 100%;height: auto;min-height:150px;float: left;margin-top: 5px;}
.postBodyVideo{border: none;float: left;margin-top: 5px;}

.postFooter{width: 300px;height: auto;float: left;padding: 10px;padding-top: 0;}
.postFooterUst{width: 100%;height: 30px;float: left;}
.postFooterBegenIkon{width: 20px;height: 20px;float: left;margin-top:5px ;}
.postFooterBegeniler{width: auto;height: 20px;max-height: 20px;float: right;margin-top: 5px;line-height: 10px;text-align: right;font-size: 10px;overflow: hidden;max-width: 250px;word-wrap: break-word; }
.postFooterOrta{width: 290px;height: auto; float: left;padding: 5px}
.postFooterKullaniciYorum{width: 100%;height: auto;float: left;margin: 0;margin-bottom: 5px;}
.postFooterYorumHeader{width: 100%;height: 30px;float: left;}
.postFooterYorumImg{width: 30px;height: 30px;float: left;border:none;border-radius: 15px;margin: 0;}
.postFooterYorumHeaderOrta{width: 150px;;height: 30px;margin-left: 5px;float: left;}
.postFooterYorumHeaderIsim{width: 150px;height: 15px;line-height: 15px;float: left;font-size: 14px;color:#78011d;}
.postFooterYorumHeaderZaman{width: 150px;height: 15px;line-height: 15px;float: left;font-size: 10px;color:#78011d;}
.postFooterYorumBody{width: 100%;height: auto;float: left;margin: 0;font-size: 12px;overflow: hidden;word-wrap: break-word;padding-bottom: 3px;}
.postFooterAlt{width:100%;height: 30px; float: left;}
.postFooterImg{width: 20px;height: 20px;margin-top: 5px;float: left;border: none;border-radius: 10px;}
.postFooterYorum{font-family:HelveticaNeue,Helvetica,Tahoma,Arial; font-size:13px;border: medium none;background-color: #e6e6e6;float: left;width: 270px;height: 17px;margin-top: 5px;margin-left: 5px;resize: none;line-height: 17px;border-radius: 5px;overflow: hidden;}
@-moz-document url-prefix() {
      .postFooterYorum {
         border: medium none;font-size:13px;background-color: #e6e6e6;float: left;width: 273px;height: 20px;margin-top: 5px;margin-left: 5px;resize: none;line-height: 20px;border-radius: 5px;overflow: hidden;font-family:HelveticaNeue,Helvetica,Tahoma,Arial;
            }
}
.dahaFazlaGoster{width: 100%;height: auto;float: left;text-align: center;margin: 0 auto;cursor: pointer;font-size: 10px; }

/* FALCI SAYFASI */

.falciSayfasiPost{width: 100%;height: auto;background-color: #fbfbfb;float: left;border-bottom: 5px solid #c0c0c0;}
.falciSayfasiPostHeader{width: 100%;height: 50px;float: left;padding-top: 10px;}
.falciSayfasiPostAvatar{width: 40px;height: 40px;float: left;border:none;border-radius: 20px;margin-left: 20px;}
.falciSayfasiHeaderOrta{width: 300px;height: 40px;float: left;margin-left: 10px;}
.falciSayfasiHeaderIsim{width: 100%;height: 20px;line-height: 20px;font-size: 20px;color:#78011d;float: left;}
.falciSayfasiHeaderZaman{width: 100%;height: 20px;line-height: 20px;font-size: 13px;color:#78011d;float: left;}
.falciSayfasiHeaderSil{width: auto;height: auto;float: right;margin-right: 20px;cursor: pointer;}
.falciSafyfasiPostBody{width: 100%;height: auto;float: left;}
.falciSayfasiPostMesaj{width: 615px;height: auto;overflow: hidden;word-wrap: break-word;float: left;margin-left: 70px;font-size: 15px; }
.falciSayfasiPostResim{width: auto;height: auto;max-width: 400px;max-height: 400px;float: left;margin-left: 70px;margin-top: 10px;}
.falciSayfasiBodyVideo{margin-left: 70px;margin-top: 10px;}
.falciSayfasiPostFooter{float: left;margin-top: 5px;width: 100%;height: auto;}
.falciSayfasiPostFooterUst{width: 100%;height: auto;float: left;padding-bottom: 3px;}
.falciSayfasiFooterBegenIkon{margin-left: 70px;width: 24px;height: 24px;float: left;cursor: pointer;}
.falciSayfasiFooterBegenenler{width: 350px;height: 24px;line-height: 24px;font-size: 10px;float: right;margin-right: 20px;text-align: right;}
.falciSayfasiPostFooterOrta{width: 100%;height: auto;float: left;}
.falciSayfasiPostYorumlar{width: 100%;height: auto;float: left;padding-bottom: 3px;}
.falciSayfasiPostYorumHeader{width: 100%;height: 35px;padding-top: 5px;float: left;}
.falciSayfasiPostYorumAvatar{width: 30px;height: 30px;border-radius: 15px;float: left;margin-left: 70px;}
.falciSayfasiPostYorumOrta{width: 300px;height: 30px;float: left;margin-left: 10px;}
.falciSayafasiPostYorumIsim{width: 100%;height: 15px;line-height: 15px;font-size:15px;color: #78011d;float: left;}
.falciSayafasiPostYorumZaman{width: 100%;height: 15px;line-height: 15px;font-size:10px;color: #78011d;float: left;}
.falciSayafasiPostYorumSil{width: auto;height: auto;float: right;margin-right: 30px;cursor: pointer;}
.falciSayfasiPostYorumBody{width: 100%;height: auto;float:left;}
.falciSayafasiPostYorumMesaj{width: 550px;height: auto;margin-left: 110px;overflow: hidden;word-wrap: break-word;}
.falciSayfasiPostFooterAlt{width: 100%;height: 25px;float: left;padding-top: 5px;}
.falciSayafasiFooterYeniYorumAvatar{width: 20px;height: 20px;border-radius: 10px;margin-left: 20px;float: left;}
.falciSayafasiFooterYeniYorum{font-family:HelveticaNeue,Helvetica,Tahoma,Arial; width: 630px;height: 20px;float: left;background-color: #e6e6e6;font-size: 13px;line-height: 20px;margin-left: 10px;resize: none;padding: 0;border:medium none;border-radius: 5px;padding-left: 5px;}






