body {
    margin: 0;
    padding: 0;
    font-family: "Ubuntu", "Verdana", "Arial", "Helvetica", sans-serif;
}
body.ubuntu-tr {
    background: url(../../../forum.ubuntu-tr.net/Themes/ubuntu/images/pattern6.png) repeat scroll 0 0 #F5F5F5;
}

/*
    ul
    li
*/
.ubuntu-tr:not(.noclear) ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ubuntu-tr nav::after,
.ubuntu-tr:not(.noclear) ul::after {
    content: "";
    display: block;
    clear: both;
}
header.ubuntu-tr nav > ul > li {
    margin: 0;
    padding: 0;
    float: left;
}
header.ubuntu-tr *,
footer.ubuntu-tr * {
    box-sizing: border-box;
    font-family: "Ubuntu", "Verdana", "Arial", "Helvetica", sans-serif;
}

/*
    ========== WIDTH ==========
 */

/* Width: 90% */
header.ubuntu-tr.width-90 > *,
footer.ubuntu-tr.width-90 > *,
body.ubuntu-tr.width-90 > header.ubuntu-tr > *,
body.ubuntu-tr.width-90 > footer.ubuntu-tr > * {
    padding-left: 5%;
    padding-right: 5%;
}
/* Width: 80% */
header.ubuntu-tr.width-80 > *,
footer.ubuntu-tr.width-80 > *,
body.ubuntu-tr.width-80 > header.ubuntu-tr > *,
body.ubuntu-tr.width-80 > footer.ubuntu-tr > * {
    padding-left: 10%;
    padding-right: 10%;
}
/* Width: 1000px */
header.ubuntu-tr.width-1000 > *,
footer.ubuntu-tr.width-1000 > *,
body.ubuntu-tr.width-1000 > header.ubuntu-tr > *,
body.ubuntu-tr.width-1000 > footer.ubuntu-tr > * {
    padding-left: calc((100vw - 1000px) / 2);
    padding-right: calc((100vw - 1000px) / 2);
}
/* Width: 1100px */
header.ubuntu-tr.width-1100 > *,
footer.ubuntu-tr.width-1100 > *,
body.ubuntu-tr.width-1100 > header.ubuntu-tr > *,
body.ubuntu-tr.width-1100 > footer.ubuntu-tr > * {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: calc((100vw - 1100px) / 2);
}
/* Width: 1200px */
header.ubuntu-tr.width-1200 > *,
footer.ubuntu-tr.width-1200 > *,
body.ubuntu-tr.width-1200 > header.ubuntu-tr > *,
body.ubuntu-tr.width-1200 > footer.ubuntu-tr > * {
    padding-left: calc((100vw - 1200px) / 2);
    padding-right: calc((100vw - 1200px) / 2);
}
/* Width: 1300px */
header.ubuntu-tr.width-1300 > *,
footer.ubuntu-tr.width-1300 > *,
body.ubuntu-tr.width-1300 > header.ubuntu-tr > *,
body.ubuntu-tr.width-1300 > footer.ubuntu-tr > * {
    padding-left: calc((100vw - 1300px) / 2);
    padding-right: calc((100vw - 1300px) / 2);
}
.ubuntu-tr.width-m-80 {
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.ubuntu-tr.width-m-90 {
    margin-left: 5% !important;
    margin-right: 5% !important;
}
.ubuntu-tr.width-m-1000 {
    margin-left: calc((100vw - 1000px) / 2) !important;
    margin-right: calc((100vw - 1000px) / 2) !important;
}
.ubuntu-tr.width-m-1100 {
    margin-left: calc((100vw - 1100px) / 2) !important;
    margin-right: calc((100vw - 1100px) / 2) !important;
}
.ubuntu-tr.width-m-1200 {
    margin-left: calc((100vw - 1200px) / 2) !important;
    margin-right: calc((100vw - 1200px) / 2) !important;
}
.ubuntu-tr.width-m-1300 {
    margin-left: calc((100vw - 1300px) / 2) !important;
    margin-right: calc((100vw - 1300px) / 2) !important;
}

/*
    ========== BACKGROUND ==========
 */
header.ubuntu-tr > .first-menu {
    background: none repeat scroll 0 0 #EFEFEF;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    height: 30px;
    position: relative;
    z-index: 3;
}

header.ubuntu-tr > .second-menu {
    background: none repeat scroll 0 0 #DD4814;
    box-shadow: 0 2px 2px -2px #777777 inset, 2px 1px #FFFFFF;
    height: 47px;
    position: relative;
    z-index: 2;
}

/*
    ========== A ==========
 */


header.ubuntu-tr > .first-menu a {
    font-size: 12px;
    color: #333;
    line-height: 1.6;
}
header.ubuntu-tr > .second-menu a {
    font-size: 14px;
    color: #FFF;
    line-height: 1.5;
}

header.ubuntu-tr > .first-menu > ul > li > a:hover,
header.ubuntu-tr > .second-menu > nav > ul > li > ul > li > a:hover {
    color: #DD4814;
}
header.ubuntu-tr > .first-menu a,
header.ubuntu-tr > .second-menu a,
footer.ubuntu-tr > nav a {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
}

/*
    ========== MENU TYPE (Text or Block) ==========
 */
/* Block */
header.ubuntu-tr nav.block-menu > ul > li > a {
    padding: 12px 14px 0px;
    margin: 0;
    border-left: 1px solid #EC5B29;
    height: 47px;
}
header.ubuntu-tr nav.block-menu > ul > li:last-child > a {
    border-right: 1px solid #EC5B29;
}
header.ubuntu-tr nav.block-menu > ul > li {
    border-left: 1px solid #C64012;
}
header.ubuntu-tr nav.block-menu > ul > li:last-child {
    border-right: 1px solid #C64012;
}
header.ubuntu-tr nav.block-menu > ul > li > a:hover {
    background-color: rgba(255,255,255,0.15); 
}
header.ubuntu-tr nav.block-menu > ul > li.active > a,
header.ubuntu-tr nav.block-menu > ul > li > a.active {
    background-color: rgba(0,0,0,0.17); 
}

/* Text */
header.ubuntu-tr nav.text-menu > ul > li >  a {
    padding: 5px 0 4px 0;
    margin: 0 10px;
}
header.ubuntu-tr nav.text-menu > ul > li:first-child > a {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
header.ubuntu-tr nav.text-menu > ul > li:last-child > a {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
header.ubuntu-tr nav.text-menu > ul > li.active > a,
header.ubuntu-tr nav.text-menu > ul > li > a.active {
    border-top: 2px solid #E95420;
    color: #E95420;
    opacity: 1;
    padding-top: 3px;
}

/*
    second-menu
    - Menü öncesindekileri sola sonrasındakileri sağa yasla.
 */
header.ubuntu-tr > .second-menu > * {
    float: left;
    display: block;
    height: 100%;
}
header.ubuntu-tr > .second-menu > nav + * {
    float: right;
}
header.ubuntu-tr > .second-menu::after {
    content: "";
    display: block;
    clear: both;
}
.fixed-size {
    position: relative;
    width:1px;
    height:1px;
}

/*
    LOGO
 */
header.ubuntu-tr > .second-menu > .logo > a {
    font-size: 28px;
    padding: 0px;
    padding-right: 14px;
}

/* 
    SEARCH 
 */
header.ubuntu-tr > .second-menu form.search {
    position: absolute;
    right: 0;
    box-sizing: border-box;
}
header.ubuntu-tr > .second-menu form.search::before {
    position: absolute;
    content: "\26B2";
    display: block;
    top: 5px;
    left: 5px;
    font-size: 28px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); 
    -o-transform: rotate(-45deg);
    z-index: 2;
}

header.ubuntu-tr > .second-menu form.search > input[type=search] {
    box-sizing: inherit;
    background-color: rgba(0, 0, 0, 0);
    color: black;
    border: medium none;
    cursor: pointer;
    height: 38px;
    margin: 4px 0;
    padding: 0 0 0 34px;
    position: relative;
    transition: width 400ms ease 0s, background 400ms ease 0s;
    -webkit-transition: width 400ms ease 0s, background 400ms ease 0s;
    width: 1px;
    -webkit-appearance: textfield;
    z-index: 3;
}
header.ubuntu-tr > .second-menu form.search > input[type=search]:focus {
    background-color: #FFFFFF;
    border: 2px solid #C3C0AB;
    cursor: text;
    outline: 0 none;
    width: 350px;
    z-index: 1;
}
header.ubuntu-tr > .second-menu form.search > input[type=submit] {
    display: none !important;
}
@media only screen and (max-width: 400px) {
    header form input[type=search]:focus {
        width: 250px !important;
    }
}

@media only screen and (min-width: 801px) {

    /* Sub Menu */
    header.ubuntu-tr > .second-menu > nav > ul > li:hover > ul {
        display: block;
    }
    header.ubuntu-tr > .second-menu > nav > ul > li > ul {
        background: #F7F7F7;
        border: 1px solid #D5D5D5;
        border-radius: 10px;
        box-shadow: 0 2px 2px -1px #777;
        display: none;
        float: none;
        margin: 0;
        padding: 5px 0;
        position: absolute;
        top: 51px;
        width: 200px;
    }
    header.ubuntu-tr > .second-menu > nav > ul > li > ul a {
        border: 0 none;
        color: #333;
        padding: 0 0 11px 14px;
        text-align: left;
        width: 200px;
        font-size: 12px;
        background: none;
    }
    header.ubuntu-tr > .second-menu > nav > ul > li > ul > li:first-child {
        background: url(../../../forum.ubuntu-tr.net/Themes/ubuntu/images/arrow-up-smaller.png) no-repeat 20px top;
        margin-top: -13px;
        padding-top: 8px;
    }
    header.ubuntu-tr > .second-menu > nav > ul > li > ul > li:first-of-type a {
        padding: 10px 14px;
    }

}

@media only screen and (max-width: 800px) {
    header.ubuntu-tr > .second-menu > nav:hover > ul,
    header.ubuntu-tr > .second-menu > nav > ul ul {
        display: block !important;
    }

    header.ubuntu-tr > .second-menu > nav {
        float: right;
        width: 20px;
        margin-left: 10px;
    }
    header.ubuntu-tr > .second-menu > nav::before {
        content: "\2630";
        display: block;
        padding-top: 8px;
        font-size: 24px;
        z-index: 1;
        box-sizing: border-box;
        height: 100%;
    }
    header.ubuntu-tr > .second-menu > nav > ul {
        display: none;
        position: absolute;
        left: 0;
        width: 100vw;
    }
    header.ubuntu-tr > .second-menu > nav > ul li {
        float: none;
        display: block;
        background: #DD4814;
        border-top: 1px solid #EC5B29;
    }

    header.ubuntu-tr nav.block-menu > ul > li > ul > li > a {
        padding: 12px 14px 0px;
        height: 47px;
    }
    header.ubuntu-tr nav.block-menu > ul > li > ul > li {
        background-color: #E1662F;
        border-top: none;
    }
    header.ubuntu-tr nav.block-menu > ul > li {
        border-right: none;
        border-left: none;
    }
    header > .first-menu > ul > li:nth-child(n+6) {
        display: none;
    }
}

@media only screen and (max-width: 1430px) {
    /* Width: 1300px */
    header.ubuntu-tr.width-1300 > *,
    footer.ubuntu-tr.width-1300 > *,
    body.ubuntu-tr.width-1300 > header.ubuntu-tr > *,
    body.ubuntu-tr.width-1300 > footer.ubuntu-tr > * {
        padding-left: 5%;
        padding-right: 5%;
    }
    .ubuntu-tr.width-m-1300 {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
}
@media only screen and (max-width: 1320px) {
    /* Width: 1200px */
    header.ubuntu-tr.width-1200 > *,
    footer.ubuntu-tr.width-1200 > *,
    body.ubuntu-tr.width-1200 > header.ubuntu-tr > *,
    body.ubuntu-tr.width-1200 > footer.ubuntu-tr > * {
        padding-left: 5%;
        padding-right: 5%;
    }
    .ubuntu-tr.width-m-1200 {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }    
}
@media only screen and (max-width: 1210px) {
    /* Width: 1100px */
    header.ubuntu-tr.width-1100 > *,
    footer.ubuntu-tr.width-1100 > *,
    body.ubuntu-tr.width-1100 > header.ubuntu-tr > *,
    body.ubuntu-tr.width-1100 > footer.ubuntu-tr > * {
        padding-left: 5%;
        padding-right: 5%;
    }
    .ubuntu-tr.width-m-1100 {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }    
}
@media only screen and (max-width: 1100px) {
    header.ubuntu-tr.width-1000 > *,
    footer.ubuntu-tr.width-1000 > *,
    body.ubuntu-tr.width-1000 > header.ubuntu-tr > *,
    body.ubuntu-tr.width-1000 > footer.ubuntu-tr > * {
        padding-left: 5%;
        padding-right: 5%;
    }
    .ubuntu-tr.width-m-1000 {
        margin-left: 5% !important;
        margin-right: 5% !important;
    } 
}
@media print{
    .ubuntu-tr.width-m-1000,
    .ubuntu-tr.width-m-1100,
    .ubuntu-tr.width-m-1200,
    .ubuntu-tr.width-m-1300 {
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
}

/* Footer */
body > footer.ubuntu-tr {
    clear: both;
    width: 100%;
    margin-top:20px;
    background-color: white;
    padding: 20px 0;
    box-shadow: 0 -2px 2px rgba(0,0,0,.2);
}
footer.ubuntu-tr > nav {
    margin: 0 auto;
    display: flex;
    flex-flow:row nowrap;
    padding: 50px 0 30px;
}
footer.ubuntu-tr > nav > * {
    flex: 1;
}
footer.ubuntu-tr > nav > div > a,
footer.ubuntu-tr > nav > ul > li > a {
    display: block;
    color: #333333;
    font-size: 10.5px;
    line-height: 2;
    padding: 3px;
}
footer.ubuntu-tr > nav > div > a:first-child,
footer.ubuntu-tr > nav > ul > li:first-child > a {
    font-weight: bold;
}
footer.ubuntu-tr > nav a:hover {
    color: #E6402A;
    text-decoration: underline;
}
footer.ubuntu-tr > .line {
    height: 15px;
    border-top: 1px solid #D8D8D8;
    width: 100%;
}

footer.ubuntu-tr > .copyright {
    margin: 0 auto;
    background: url("../../../forum.ubuntu-tr.net/Themes/ubuntu/images/logo-ubuntu-grey.png") no-repeat scroll right 20px rgba(0, 0, 0, 0);
    background-origin: content-box;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #333;
}
footer.ubuntu-tr > .copyright > * {
    float: left;
    margin-right: 20px;
}
footer.ubuntu-tr > .copyright::after {
    content: "";
    display: block;
    clear: both;
}
footer.ubuntu-tr > .copyright > .images {
    margin-top: 10px;
}
footer.ubuntu-tr > .copyright > .images > * {
    display: block;
    margin-bottom: 10px;
}
footer.ubuntu-tr > .copyright a {
    color: #772953;
    text-decoration: none;
}
footer.ubuntu-tr > .copyright a:hover {
    color: #E6402A;
    text-decoration: underline;
}
footer.ubuntu-tr ul {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}
footer.ubuntu-tr .links > li {
    float: left;
    margin-right: 20px;
}

@media only screen and (max-width: 770px) {
    footer.ubuntu-tr > nav, 
    footer.ubuntu-tr > .line {
        display: none;
    }
    footer.ubuntu-tr .copyright > .images > * {
        float: left;
        margin-right: 20px;
        margin-bottom: 0;
    }
    footer.ubuntu-tr > .copyright {
        background: none;
    }
}

/*
    BOX
 */
.ubuntu-tr.box {
    background: #f9f9f9;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 0 3px #C9C9C9;
}
/*
    Container
 */
.ubuntu-tr.container {
    margin: 10px auto;
    font-family: "Ubuntu", "Verdana", "Arial", "Helvetica", sans-serif;
    line-height: 1.5;
    font-size: 13px;
    color: #333;
}
.ubuntu-tr.container::after {
    content: "";
    display: block;
    clear: both;
}
.ubuntu-tr.container > .left {
    float: left;
}
.ubuntu-tr.container > .right {
    float: right;
}

/*
    Buttons
 */
.ubuntu-tr.buttons ul {
    z-index: 100;
    padding: 0;
    margin: 0;
} 
.ubuntu-tr.buttons ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
.ubuntu-tr.buttons.type1 ul li a {
    display: block;
    font-size: 12px;
    color: #000;
    margin-left: 12px;
    cursor: pointer;
    text-decoration: none;
    background: rgba(0,0,0,0.05);
    display: block;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.ubuntu-tr.buttons.type1 ul li a:hover {
    background: #dd4814;
    color: #fff;
    border-color: #dd4814;
}
.ubuntu-tr.buttons ul li:first-of-type a { 
    margin-left: 0;
}
.ubuntu-tr.buttons.type1 ul li.selected a,
.ubuntu-tr.buttons.type1 ul li a.selected,
.ubuntu-tr.buttons.type1 ul li.active a,
.ubuntu-tr.buttons.type1 ul li a.active {
    background: #77216F;
    color: #fff;
    border: 1px solid #77216f;
}
/* TYPE 2 */
.ubuntu-tr.buttons.type2 ul li a {
    display: block;
    margin-right: 15px;
    padding: 5px 10px;
    box-shadow: 0 0 3px #ccc;
    background: rgba(255,255,255,0.75);
    border-bottom: 2px solid #dd4814;
    color: #772953;
    text-decoration: none;
}
.ubuntu-tr.buttons.type2 ul li a:hover {
    color: #dd4814;
    background: #fff;
    border-bottom-width: 4px;
    padding-bottom: 3px;
}



h1 {
    color: #772953;
    font-weight: bold;
}
h2, h3, h4 {
    color: #db4814;
    font-weight: bold;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 16px;
}

.ubuntu-tr.user > .user-info {
    font-size: 0.9em;
    line-height: 1em;
    margin-top: 5px;
}
.ubuntu-tr.user img.avatar {
    margin: 0 .9em 1em 0;
    height: 65px;
}
.ubuntu-tr.user span.avatar {
    font-size: 48px;
    color: black;
    width: 66px;
    display: block;
}
.ubuntu-tr.user .greeting {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5em;
}

/*
    Geçici Tanımlamalar
    Daha sonra düzenlenecek.
 */
#guest_form {
    font-size: 0.9em;
    line-height: 0.9em;
    margin: 10px auto;
}
#guest_form a:link, #guest_form a:visited {
    color: #772953;
    text-decoration: none;
}
#guest_form a:hover {
    color: #dd4814;
}
#guest_form .info {
    padding: 4px 0;
    line-height: 1.3em;
}
#guest_form input, #guest_form button, #guest_form select, #guest_form textarea {
    font: 95%/115% verdana, Helvetica, sans-serif;
    color: #000;
    background: #fff;
    border: 1px solid #7f9db9;
    padding: 2px;
}
#guest_form select {
    padding: 0;
}
#guest_form .button_submit {
    background: #dd4814;
    border: 1px solid #c42;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(220, 200, 130, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
    padding: 5px 10px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
  .tright + p:before, .floatright + p:before, .floatright + p:before {
    content: "";
    width: 20em;
    display: block;
    overflow: hidden;
  }
}

/* Mobile Portrait */
@media only screen and (max-width: 543px) {
  .mobile-p-hidden,
  .mobile-hidden,
  .mobile-l:not(.mobile):not(.mobile-p),
  .tablet:not(.mobile):not(.mobile-p),
  .tablet-p:not(.mobile):not(.mobile-p),
  .tablet-l:not(.mobile):not(.mobile-p),
  .computer:not(.mobile):not(.mobile-p) {
    display: none !important;
  }
}

/* Mobile Landscape */
@media only screen and (min-width: 544px) and  (max-width: 767px) {
  .mobile-hidden,
  .mobile-p:not(.mobile):not(.mobile-l),
  .mobile-l-hidden,
  .tablet:not(.mobile):not(.mobile-l),
  .tablet-p:not(.mobile):not(.mobile-l),
  .tablet-l:not(.mobile):not(.mobile-l),
  .computer:not(.mobile):not(.mobile-l) {
    display: none !important;
  }
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile:not(.tablet):not(.tablet-p),
  .mobile-p:not(.tablet):not(.tablet-p),
  .mobile-l:not(.tablet):not(.tablet-p),
  .tablet-hidden,
  .tablet-p-hidden,
  .tablet-l:not(.tablet):not(.tablet-p),
  .computer:not(.tablet):not(.tablet-p) {
    display: none !important;
  }
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mobile:not(.tablet):not(.tablet-l),
  .mobile-p:not(.tablet):not(.tablet-l),
  .mobile-l:not(.tablet):not(.tablet-l),
  .tablet-hidden,
  .tablet-l-hidden,
  .tablet-p:not(.tablet):not(.tablet-l),
  .computer:not(.tablet):not(.tablet-l) {
    display: none !important;
  }
}

/* Large Monitor */
@media only screen and (min-width: 1200px) {
  .mobile:not(.computer),
  .mobile-p:not(.computer),
  .mobile-l:not(.computer),
  .tablet:not(.computer),
  .tablet-l:not(.computer),
  .tablet-p:not(.computer),
  .computer-hidden {
    display: none !important;
  }
}