﻿body {
    background-image: url(/Images/back.jpg);
    padding-top: 20px;
}

.ImgContainer {
    /*border:1px solid #dddddd;*/
    padding: 10px;
}

    .ImgContainer img {
        max-width: 100%;
    }

.MainHeader {
    font-weight: bold;
    font-size: 40px;
    font-style: italic;
    margin-top: 10px;
}

    .MainHeader span {
        font-weight: normal;
    }

.MainSummary {
    padding: 10px;
    /*border:1px solid #dddddd;*/
    padding-left: 20px;
    font-size:16px; 
}

.MainContent {
}

.ContentContainer {
    border: 1px solid #dddddd;
    padding: 10px;
    /*margin-top:20px;*/
}

.MainContainer {
    background-color: #fff;
    padding:20px;
}

.GeneralBar {
    padding: 7px;
    border-radius: 7px;
    text-align:center;
    font-weight:bold;
    font-style:italic;
    color:#fff;
    font-size:22px;
    background: #129de2; /* Old browsers */
    background: -moz-linear-gradient(top, #129de2 0%, #0d97d6 35%, #038dbe 77%, #048ebf 81%, #018ab8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#129de2), color-stop(35%,#0d97d6), color-stop(77%,#038dbe), color-stop(81%,#048ebf), color-stop(100%,#018ab8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #129de2 0%,#0d97d6 35%,#038dbe 77%,#048ebf 81%,#018ab8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #129de2 0%,#0d97d6 35%,#038dbe 77%,#048ebf 81%,#018ab8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #129de2 0%,#0d97d6 35%,#038dbe 77%,#048ebf 81%,#018ab8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #129de2 0%,#0d97d6 35%,#038dbe 77%,#048ebf 81%,#018ab8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129de2', endColorstr='#018ab8',GradientType=0 ); /* IE6-9 */
}

.AniImg
{
    padding:7px; 
    border:1px solid #ddd;
    margin-top:20px;
}
.AniContent {
    padding-top:20px;
}
img
{
    max-width:100%;
}
.AniImg img{
    max-width:100%;
}

.CommentForm
{
    padding:20px;
}
.CommentForm > .row
{
    padding-bottom:10px;
}
#CommentResult
{
    display:none;
    margin-top:10px;
}

#AniContainer input
{
    display:none;
}

#AniContainer img
{
    opacity:0.5;
    width: 100%
}

#AniContainer img.selected
{
    opacity:1;
}


.SelectedCount
{
    color:#808080;
    padding-top:5px;
    display:inline-block;
}

.RemoveImg
{
    
    /*display:inline-block;*/
    display:none;
    cursor:pointer;
    font-size:10px;
    float:right;
    margin-top:10px;
}
.CommentItem
{
    padding:10px;
    padding-bottom:20px;
    border-bottom:1px solid #dddddd;
    margin-bottom:20px;
    margin-top:20px;
}

.SenderName
{
    font-weight:bold;
    font-style:italic;
    font-size:16px;
}

.CommentImages img
{
    width:100%; 
}

.BlogListPages
{
    margin-top:5px;
    margin-bottom:10px;
}
.KaydetBtn
{
    background-color:#5e0bb9;

}

.KaydetBtn:hover, .KaydetBtn:focus {
    background-color:#7e12f3;
}