Editovanje CSS

html, body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, form, fieldset {
border: none;
margin: 0;
padding: 0;
list-style: none;
vertical-align: baseline;
}

html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}

body {
background-color: #505050;
color: #303030;
font-family: Arial, Sans-serif;
font-size: 16px;
line-height: 1.5;
}

article, aside, details, figcaption, figure, footer, header, nav, section, summary {
display: block;
}

embed, iframe, object, video {
max-width: 100%;
}

h1 {font-size: 30px; font-size: 1.500rem;}
h2 {font-size: 24px; font-size: 1.375rem;}
h3 {font-size: 20px; font-size: 1.250rem;}
h4 {font-size: 18px; font-size: 1.125rem;}
h5 {font-size: 16px; font-size: 1.000rem;}
h6 {font-size: 14px; font-size: 0.875rem;}

h1, h2, h3, h4, h5, h6 {
clear: both;
font-family: 'Roboto Condensed', Sans-serif;
font-weight: inherit;
line-height: 1.2;
}

a {
color: #0E4D7A;
cursor: pointer;
text-decoration: none;
}

a:hover {color: #0000EE;}

pre {
background-color: #F0F0F0;
border: 1px solid #AAA;
margin: 8px 0;
padding: 8px;
overflow: auto;
-ms-word-wrap: normal;
word-wrap: normal;
}

pre, code {
font-size: 13px;
font-size: 0.813rem;
line-height: 1.55;
}

blockquote {
background-color: #EDEDED;
border-left: 6px solid #687888;
margin: 20px;
padding: 10px 14px 2px;
font-style: italic;
}

blockquote cite {
display: block;
margin-top: 8px;
text-align: right;
font-style: normal;
font-size: small;
}

dl {padding-left: 20px;}
dt {font-weight: bold;}
dd {margin: 0 0 10px;}

table {
width: 98%;
border-collapse: collapse;
margin: 10px auto;
}
th {
background-color: #DDD;
font-weight: normal;
}
th, td {
border: 1px solid #AAA;
font-size: 16px;
font-size: 0.875rem;
}

ul, ol {
margin-top: 4px;
margin-bottom: 8px;
padding-left: 20px;
}
ul ul, ol ol {padding-left: 15px;}

li {
margin-top: 4px;
margin-bottom: 4px;
margin-left: 15px;
margin-right: 0;
}

address {margin-bottom: 10px;}

.cf:after {
clear: both;
content: "";
display: table;
}


/*----------------------------------------------
Main Structure
-----------------------------------------------*/
#container {
margin: 0 auto;
box-shadow: 0 0 6px #000;
}

#top-bar {
background-color: #222;
border-bottom: 1px solid #000;
padding: 4px;
min-height: 34px;
width: 100%;
}
#top-bar-info {
float: left;
margin-top: 2px;
}
#site-title, #site-description {
display: inline-block;
margin-right: 4px;
line-height: 1;
vertical-align: bottom;
}
#site-title {font-size: 50px;}
#site-title a {color: #CCC;}
#site-description {
color: #CCC;
font-size: 15px;
}

#header {
background-color: #FFF;
background-position: center;
border-bottom: 1px solid #000;
width: 100%;
}
#header-logo {display: inline-block;}
#header-logo, #header-logo img {
max-width: 100%;
float: left;
}

#below-menu {width: 100%;}

#main {
background-color: #F5F5F5;
padding: 5px;
width: 100%;
}

#content {
display: inline-block;
padding: 5px;
}

.sidebar {
display: inline-block;
float: left;
padding: 5px;
}

#footer {width: 100%;}

#bottom-bar {
background-color: #222;
color: #FFF;
width: 100%;
min-height: 34px;
border-top: 1px solid #000;
text-shadow: 0 0 2px #000;
}

#bottom-bar a {color: #DC8300;}

#bottom-bar-text {
float: left;
padding: 6px 8px;
}

#theme-link {
float: right;
margin: 6px 10px;
font-family: 'Roboto Condensed', Sans-serif;
font-size: 15px;
}

#theme-link a {color: #CCC;}

#theme-link a:hover {color: #DC8300;}

/* No Sidebar */
.col-c #content, #content.no-sidebars {
width: 100%;
max-width: 100%;
}

/* 1 Sidebar - Left */
.col-sc #content {float: right;}

/* 1 Sidebar - Right */
.col-cs #content {float: left;}

/* 2 Sidebars - Left */
.col-ssc #content {float: right;}

/* 2 Sidebars - Right */
.col-css #content {float: left;}

/* 2 Sidebars - Left & Right */
.col-scs #sidebar-left {
float: left;
margin-right: 0;
}
.col-scs #sidebar-right {
float: right;
margin-left: -4px;
}

.page-template-page-sc-php #main #content {float: right;}
.page-template-page-cs-php #main #content {float: left;}
.page-template-page-scs-php #main #content {float: none;}
.page-template-page-scs-php #main #sidebar-left {
float: left;
margin-right: 0;
}
.page-template-page-scs-php #main #sidebar-right {
float: right;
margin-left: -4px;
}

.entry-content a {text-decoration: underline;}

.entry-content p, .comment-content p {margin: 4px 0 12px;}

.entry-excerpt p {margin: 0 0 4px;}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
clear: none;
line-height: 1.5;
}

.entry-content li, .comment-content li {
list-style-position: outside;
list-style-type: disc;
}

.entry-content ol > li,
.comment-content ol > li {list-style-type: decimal;}

.entry-content ol > li > ol > li,
.comment-content ol > li > ol > li {list-style-type: lower-alpha;}

.entry-content ol > li > ol > li > ol > li,
.comment-content ol > li > ol > li > ol > li {list-style-type: lower-roman;}

.entry-content th, .entry-content td, .comment-content th, .comment-content td {
padding: 8px 10px;

}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
.entry-content img,
.comment-content img {
height: auto;
max-width: 100%;
}


.wp-smiley {
width: auto !important;
border: none !important;
padding: 0 !important;
}

.alignnone {
margin-top: 4px;
margin-bottom: 4px;
}
.alignleft {
float: left;
margin: 4px 8px 4px 0;
}
.alignright {
float: right;
margin: 4px 0 4px 8px;
}
.aligncenter {
display: block;
margin: 4px auto;
}

.wp-caption {max-width: 100%;}

.wp-caption img {
width: 100%;
background-color: #EEE;
border: 1px solid #CCC;
padding: 4px;
}

.wp-caption .wp-caption-text, .gallery-caption {
margin: 0;
padding: 0 5px;
color: #555;
font-size: 14px;
font-size: 0.750rem;
line-height: 1.6;
}

.gallery .gallery-item {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.gallery-item img {
padding: 4px;
display: inline-block;
border: 1px solid #CCC !important;
}
.gallery-item img:hover {
background-color: #DDD;
border: 1px solid #AAA !important;
}

.type-attachment .entry-content div.attachment {
margin-bottom: 10px;
text-align: center;
}

.sitemap-template .entry-content h3 {margin-left: 10px;}
.sitemap-template .entry-content ul {margin: 8px 0 15px 10px;}
.sitemap-template .entry-content ul li {list-style: square inside;}

body.mceContentBody {
background-color: #FFF;
padding: 12px !important;
margin: 10px auto;
font-family: Arimo, Sans-serif;
font-size: 16px;
line-height: 1.6;
box-shadow: 0px 0px 3px #111;
}

h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

h1,h2,h3,h4,h5,h6 {
clear: none;
margin: 0;
font-family: 'Roboto Condensed', Sans-serif;
font-weight: inherit;
line-height: 1.5;
}

p {
margin-top: 4px;
margin-bottom: 10px;
}

li {
margin-top: 4px;
margin-bottom: 4px;
}

blockquote {
background-color: #EDEDED;
border-left: 6px solid #687888;
margin: 20px;
padding: 10px 14px 2px;
font-style: italic;
}

blockquote cite {
display: block;
margin-top: 8px;
text-align: right;
font-style: normal;
font-size: small;
}

.rtl blockquote {
border-left: none;
border-right: 6px solid #687888;
}

.rtl blockquote cite {
text-align: left;
}

pre {
background-color: #F0F0F0;
border: 1px solid #AAA;
margin: 8px 0;
padding: 8px;
overflow: auto;
-ms-word-wrap: normal;
word-wrap: normal;
}

pre, code {
font-size: 13px;
line-height: 1.55;
}

dl {padding-left: 20px;}

.rtl dl {
padding-left: 0;
padding-right: 20px;
}

dl.wp-caption {
padding-left: 0;
padding-right: 0;
}

dt {font-weight: bold;}

dd {margin: 0 0 10px;}

table {
border-collapse: collapse;
width: 98%;
margin: 10px auto;
}

th {
background-color: #DDD;
font-weight: normal;
}

th, td {
border: 1px solid #AAA !important;
padding: 8px 10px;
font-family: Arimo, Sans-serif;
font-size: 14px;
}

.mceContentBody .wp-caption, .mceContentBody img {
max-width: 100%;
height: auto;
}

.alignnone {
margin-top: 4px;
margin-bottom: 4px;
}
.alignleft {
float: left;
margin: 4px 8px 4px 0;
}
.alignright {
float: right;
margin: 4px 0 4px 8px;
}
.aligncenter {
display: block;
margin: 4px auto;
}

.wp-caption-text {
margin: 0;
padding: 0 5px;
color: #555;
font-size: 14px;
line-height: 1.6;
}

.wp-caption-dd {text-align: left;}

.rtl .wp-caption-dd {text-align: right;}