/* CSS Document */
/* Reset */
html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; }
div, span, article, aside, footer, header, hgroup, nav, sectio,
h1, h2, h3, h4, h5, h6, h7, h8, p, p1 blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: tranparent;
}
img { margin:0; padding:0; border:0; }
table, tr, th, td, tbody, tfoot, thead {
margin: 0; padding: 0; border: 0;
vertical-align: baseline;
background: transparent;
}
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea, form, fieldset {
margin:0; padding:0; border:0;
}
article, aside, dialog, figure, footer, hgroup, nav, section {
display:block; }
h1, h2, h3, h4, h5, h6, h7, h8, p, p1, li, blockquote, td, th, a, caption, em, strong, strike {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: normal;
font-style:normal;
line-height:100%;
text-indent: 0;
text-decoration: none;
text-align: left;
color: #000;
}
ol, ul { list-style: none; }
/* Global */
html { }
body { background-color:#FBF8F4; }
/* Heading */
h1, h2, h3, h4, h5, h6 ,h7, h8 { font-weight: bold;}
h1 { font-size:24px; color:#000;
padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px; }
h2 { font-size:20px; }
h3 { font-size:16px; color:#000
margin-bottom:5px; }
h4 { font-size:14px; border-bottom:1px #ccc solid; margin-bottom:10px; }
h5 { font-size:14px; padding-bottom:3px; }
h6 { font-size:14px; }
h7 { font-size:24px; color:#018AAF; text-align:center; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
/* Text Elements */
p {
color:#000;
font-size:14px;
line-height:150%;
margin:15px 0;
}
p1 { color:#000; font-size:14px; line-height:150%;
margin:15px 0; }
p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
p2 { color:#C30;
font-size:14px;
line-height:150%;
font-weight:bold;
margin:15px 0;
}
a { }
a:link { color: #000; font-weight: bold; }
a:visited { color: #000; }
a:active { color: #000; }
a:focus { color: #000; }
a:hover { color: #F30; font-weight: bold; }
blockquote { color: #000; font-size:12px; }
strong { font-weight: bold; }
em { font-style: italic; }
/* Images */
.image-frame { padding:10px; border:1px #ccc solid; margin:5 0 0 2; }
/* Lists */
ul { }
ol { list-style-type: decimal; }
ul li { color:#000; font-size:14px; }
ol li { color:#000; font-size:12px; }
dl { }
dt { }
dd { }
/* Tables */
table { width:100% }
tr { }
.odd { background-color:#eee; }
.even { background-color:#fff; }
th { font-weight: bold; }
thead, th { backgound: #ccc; }
tbody { }
th, td, caption { }
caption { }
tfoot { }
.tfooter { background-color:#ccc; text-align:center; font-style:italic; }
caption { background: #efefef; }
/* Miscellaneos */
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { }
del { background:#FFCECE; color:#f00; }
code, pre { background-color:#FF9; padding:2px 0px; margin:4px 25px;
font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%; }
/* Containers */
#outer { width: 960px; margin:0 auto; background-color:#fff; }
#wrapper { width: 900px; margin:0 auto; background-color:#fff; }
#logo { margin: 30px 0; float:left }
#logotext { margin: 20px 0 0 20px; float:left; }
#social-media-icons { float:right; }
#social-media-icons ul li { display:inline; }
#social-media-icons ul { margin-top:40px; }
#topnav { clear:both;
text-shadow: 3px 2px 3px #333333;
background-color: #018AAF;
border-radius: 1px; }
#topnav ul { border-top:1px #FBF8F4 solid; border-bottom:1px #FBF8F4 solid;
margin:30px 0; padding:15px 0;}
#topnav ul li { display:inline; }
#topnav ul li a { padding:15px 15px; }
#topnav a {
text-decoration: none;
color: #FFF;
padding: 15px 8px 15px 8px;
}
#topnav a:hover {
color: #F90;
background-color: #FFF;
}
#banner { margin-bottom:30px; }
#content { width:600px; float:left; }
#content-width { width:100%; clear:both; }
#rightside { width:200px; float:right; padding:10px 20px; }
#content { }
#footer { clear:both; margin:25px 0; border-top:1px #ccc solid; padding-bottom:20px; }
#veza { clear:both; }
#menu {
width:250px;
float:right;
padding:30px 10px;
font-size: 25px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
text-shadow: 1px 0 0 #333333;
background-color: #FFF;
border-radius: 4px;
}
#menu ul {
// list-style-image: url(../images/bullet/bullet_blue_alt.png); //
height: auto;
padding:0;
margin:0;
}
#menu li {
padding: 10px 1px 10px 0;
}
#menu a {
text-decoration: none;
color: #036;
padding: 15px 8px 15px 8px;
}
#menu ul li a { padding:0 0; }
#menu a:hover {
color: #F90;
background-color: #FFF;
}
#box1 { width:250px; float:left; margin:25px; padding:5px;
border-top:5px #000 solid; background-color:#eee; }
#box2 { width:250px; float:left; margin:25px; padding:5px;
border-top:5px #000 solid; background-color:#eee; }
#box3 { width:250px; float:left; margin:25px; padding:5px;
border-top:5px #000 solid; background-color:#eee; }
#box4 { width:250px; float:left; border-top:5px #000 solid; }
#box5 { }
#box5 { }
/* Layout Extra */
/* Navigation Extra */
/* Forms */
form ol { list-style-type:none; }
form { text-align: left; margin:50px; }
label { float: left; width: 70px; margin-top:5px;
text-align:right; display:block; background:none; font-weight:bold; }
submit { background:none; }
input, select, textarea { width: 280px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none; }
input: focus, textarea: focus { background-color:#ffd5aa; }
textarea { width: 280px; height: 150px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none; }
select { margin-bottom:20px; }
.month { margin-left:155px; }
.submit {
width:90px; height::25px;
margin-left:170px;
font-size:12px;
}
br { clear:left; }
.clear { clear:both; }
/* Miscellaneous */
.date { font-weight:bold; color:#CC6633; margin-bottom:3px; }
.memorandum { font-size:14px; margin:5px 0; padding-bottom:20px; border-bottom:1px solid #666; }
.copyright-text { font-size:80%; font-style:italic; color:#333; }
.footer-text { font-size:80%; font-style:normal; color:#666; text-align:center; }
.title { font-size:18px; font-weight:bold; color:#333; }
.subtitle { font-size:14px; font-style:italic; color:#333; }
.artist { font-size:16px; font-weight:bold; color:#333; }
.author { font-size:14px; font-weight:bold; color:#555; }
.editor { font-size:14px; font-style:italic; color:#555; }
.pub-date { font-size:10px; font-style:italic; color:#555; }
.article-date { font-size:10px; font-style:italic; color:#555; }
.location { font-size:10px; font-style:italic; color:#555; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.float-right-al { margin-left:30px; text-align:justify; }
.naslov1 {
font-size:16px;
font-weight:bold;
color:#009;
margin-bottom:3px;
}
.float-right-p1 { color:#000; font-size:14px; line-height:150%;
margin:15px 0 15px 20px; }
.hide { display:none; }
.block {display:block; }
.inline { display:inline; }
.first { font-weight:bold; }
.last { font-weight:bold; }
.left { font-weight:bolder; text-align:left; }
.left { font-weight:bolder; text-align:right; }
.added { background:#d7d7ff; }
.removed { background:#ffcece; color: #f00 }
/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */
.error, .alert, .notice, .success, .info {
padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a { color: #8a1f11; }
.alert a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
.info a { color: #205791; }
#contact {
float: right;
clear: both;
}
Message was edited by: Zoran
ul {
}