CSS KOD

/* CSS3 Style */
body {
        background: url('images/background.jpg') repeat;
}
#container {
        width: 960px;
        height: auto;
        margin: 20px auto 30px;
}
#container .topBar {
}
#container .topBar .left {
        float: left;
        background: #FFF;
        width: 720px;
        border-bottom: #ff7c1c 2px solid;
        height: 50px;
}
#container .topBar .right {
        width: 237px;
        float: right;
        background: #fff;
        border-bottom: #ff7c1c 2px solid;
        height: 50px;
}

#container .topBar .right .search .searchBar {
        border:none;
        font-family: "Trebuchet MS";
        font-style: italic;
        font-size: 12px;
        padding: 17px;
}
#container .topBar .right .search .searchButton {
        border:none;
        float: right;
        background: url('images/lupa.png') no-repeat 20px 15px;
        width: 14px;
        height: 50px;
        cursor: pointer;
        border-left: 1px #ff7c1c solid;
        padding: 10px 30px;
}
#container .topBar .logo h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #333;
        line-height: 50px;
        margin-left: 20px;
}
#container .topBar .logo h1 span {
        color:#ff7c1c;
}

#container .box {
        height: auto;
        background: #fff;
        border-bottom: #ff7c1c 3px solid;
        margin-top: 10px;
}
#container .box .bio {
        height: 225px;
}
#container .box .bio img {
        float: left;
}
#container .box .bio .desc {
        width: 600px;
        padding: 20px 30px;
        float: right;
        margin: 20px auto 20px;
}
#container .box .bio .desc h3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        color: #333;
        display: inline;
}
#container .box .bio .desc h4 {
        font-family: Arial, Helvetica, sans-serif;
        4
        WEB dizajn
        font-size: 14px;
        font-style: italic;
        color: #999;
        font-weight: 100;
        display: inline;
}
#container .box .bio .desc p {
        color: #999;
        margin-top: 30px;
}
#container .columns .box {
        width: 225px;
        height: 300px;
        margin-right: 20px;
        float: left;
}
#container .columns .box img {
        margin-bottom: 10px;
}
#container .columns .box h2 {
        font-family: Arial, Helvetica, sans-serif;
        color: #ff7c1c;
        display: inline;
        padding: 5px 0 5px 10px;
}
#container .columns .box p {
        color: #333;
        font-size: 11px;
        padding: 10px;
}
#container .columns .box .date {
        display: inline;
        font-style: italic;
        font-size: 10px;
        color: #999;
}
#container .partners {
        width: 884px;
        margin: 0 auto;
}
#container .partners img {
        margin: 15px auto;
        width: 300px;
        padding: 5px 300px 5px 300px;
}
#container .box .footerColumn {
        border-right: #ff7c1c 1px solid;
        width: 319px;
        float: left;
        background: #fff;
        height: 220px;
}

#container .box .footerColumn h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #333;
        padding: 20px 5px 10px 15px;
}
#container .box .footerColumn ul {
        list-style: none;
        margin: 5px 0 0 15px;
}
#container .box .footerColumn ul li {
        display: inline;
}
#container .box .footerColumn .subscribe {
        border-top: none;
        border-right: none;
        border-bottom: #ff7c1c 1px solid;
        border-left: #ff7c1c 1px solid;
        margin: 5px 0 5px 15px;
        padding: 10px;
        font-style: italic;
        width: 250px;
}
#container .box .footerColumn .tweet {
        font-family: Arial, Helvetica, sans-serif;
        border-bottom: dotted 1px #ccc;
        margin: 5px 15px;
        padding: 6px 3px;
}
#container .box .footerColumn .tweet span {
        color: #ff7c1c;
        font-size: 12px;
        display: inline;
}
#container .box .footerColumn .tweet p {
        font-style: italic;
        font-size: 10px;
        color: #777;
        display: inline;
}
#container .box .footerColumn .more {
        text-align: center;
        margin: 10px 0;
}
#container .box .footerColumn .more a {
        color: #ff7c1c;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
}
#container .box .footerColumn .miniGallery {
        margin: 5px 15px 5px 15px;
}
#container .box .footerColumn .miniGallery img {
        margin: 5px;
        width: 50px;
        height: 50px;
}
#container .footer .miniFooter {
        background: #fff;
        height: 35px;
}
#container .footer .miniFooter p {
        font-size: 16px;
        line-height: 8px;
}
#container .footer .miniFooter .left {
        float: left;
        margin-left: 20px;
}
#container .footer .miniFooter .right {
        float: right;
        margin-right: 20px;
}
.last-child {
        margin-right: 0 !important;
        border-right: none !important;
}
p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333;
}
.clear {
        clear: both;
}