* { outline: none; }
body { margin: 0; padding: 0; font-family: Georgia, 'Times New Roman', serif; }
a { color: #7958a7; }
a img { border: none; }
a:hover { color: #444; }

#page { position: relative; margin: 20px auto; width: 890px; }

#logo { display: block; width: 482px; height: 144px; background: #7958a7 url('images/logo.gif') no-repeat 20px 72px; text-indent: -99999px; overflow: hidden; float: right; }
#caption { width: 482px; height: 61px; background: #6c3 url('images/caption.gif') no-repeat 20px 20px; text-indent: -99999px; overflow: hidden; float: right; }

.icons { width: 16px; overflow: hidden; }
.icons a { display: block; margin: 0 0 2px 0; }
.text-icon { display: block; width: 16px; height: 16px; overflow: hidden; background: #999; color: #fff; margin: 0 0 2px 0; font: 10px Arial, sans-serif; text-align: center; line-height: 16px; }

#left-column .post-content .gallery { width: 482px; overflow: hidden; }
#left-column .post-content .gallery .thumb { width: 150px; height: 140px; margin: 10px 10px 0 0; padding: 0; background: #ccc; float: left; }
#left-column .post-content .gallery .thumb a { width: 130px; height: 120px; overflow: hidden; display: block; margin: 10px; padding: 0; }

#left-column { width: 518px; float: left; }
#left-column .post { clear: both; }
#left-column .icons { float: left; margin: 20px 0 0 0; }
#left-column .post-content { width: 482px; float: right; overflow: hidden; margin: 20px 0 0 0; }
#left-column .post-content h1, h2, h3, h4 { font-family:'Trebuchet MS', Helvetica, Verdana, sans-serif; line-height: 38px; letter-spacing: -1px; margin: 0; }
#left-column .post-content h1, h2 { background: #eee; padding: 10px; font-size: 36px; color: #7958a7; }
#left-column .post-content h3 { font-size: 24px; padding: 10px 0 0 0; color: #666; line-height: 25px; }
#left-column .post-content h4 { font-size: 20px; padding: 10px 0 0 0; color: #666; line-height: 21px; }
#left-column .post-content h1 a, h2 a, h3 a, h4 a { text-decoration: none; }
#left-column .post-content p { color: #666; font-size: 16px; line-height: 24px; margin: 10px 0 20px 0; padding: 0; }
#left-column .post-content p a { text-decoration: underline; }
#left-column .post-content p a:hover { text-decoration: none; }
#left-column .post-content p.gallery-caption,
#left-column .post-content p.breadcrumbs { color: #999; font: 12px 'Trebuchet MS', Helvetica, Verdana, sans-serif; margin: 10px 0 0 0; }
#left-column .post-content p.breadcrumbs a { color: #999; text-decoration: none; }
#left-column .post-content ul { list-style-type: square; margin: 10px 0 20px 15px; padding: 0 0 0 15px; }
#left-column .post-content li { color: #666; font-size: 16px; line-height: 24px; margin: 0; padding: 0; }
#left-column .post-content .comments { margin: 10px 0 20px 0; padding: 0; }
#left-column .post-content .news-image{ float:left; margin:15px 10px 10px 0; }
#left-column .post-content fieldset { border: 1px solid #ccc; margin: 10px 0 20px 0; padding: 0 30px 30px 30px; position:relative; }
#left-column .post-content fieldset a span{ background:#7958A7; color:#fff; font-size:10px; position:absolute; left:0px; top:180px; padding:10px; width:200px; display:none; text-indent:0; }
#left-column .post-content fieldset a:hover span{ display:block; z-index:100;}
#left-column .post-content legend { font: 12px 'Trebuchet MS', Helvetica, Verdana, sans-serif; color: #999; }
#left-column .post-content label { display: block; margin: 20px 0 10px 0; color: #666; }
#left-column .post-content input, #left-column .post-content textarea, #left-column .post-content select{ border: 1px inset #666; font: 14px 'Trebuchet MS', Helvetica, Verdana, sans-serif; margin: 0; padding: 3px 5px; color: #666; width: 90%; }
#left-column .post-content select{ width:92%; }
#left-column .post-content input.submit-button { border: 1px outset #666; display: block; font: bold 14px 'Trebuchet MS', Helvetica, Verdana, sans-serif; margin: 20px 0 0 0; padding: 3px 15px; color: #fff; background: #7958a7; width: auto; }
#left-column .post-content fieldset.skills{ padding-top:10px; }
#left-column .post-content fieldset.skills label{ display:inline; padding-left:5px; }
#left-column .post-content fieldset.skills input{ position:relative; padding:0; margin-right:3px; margin:5px 0; border:0; width:auto; }
#left-column .post-content fieldset.skills input{ float:left; }
#left-column .post-content fieldset span.potpis input{ display:inline; width:auto; border:0;  }
#left-column .post-content fieldset span.potpis label{ display:inline; padding-left:10px; }
#left-column .post-content span{ margin-left:5px; }
#right-column { width: 354px; float: right; }
#right-column .icons { float: right; }

#navigation { width: 316px; float: left; overflow: hidden; background: #eee; margin: 0 0 20px 0; }
#navigation h3 { background: #7958a7; margin: 0; padding: 10px 20px; font: bold 24px 'Trebuchet MS', Helvetica, Verdana, sans-serif; line-height: 25px; letter-spacing: -1px; }
h3#eng{ background: #6C3; }
#navigation h3 a { color: #fff; text-decoration: none; }
#navigation ul { list-style-type: none; margin: 0; padding: 0; }
#navigation li { list-style-type: none; margin: 16px 0; padding: 0 20px; font: 13px 'Trebuchet MS', Helvetica, Verdana, sans-serif; line-height: 16px; }
#navigation li a { text-decoration: none; }
#navigation li a.all-posts { font-weight: bold; }

#navigation form { background: #ccc; padding: 20px; margin: 0; }
#navigation fieldset { background: #fff; border: none; margin: 0; padding: 0; }
#navigation label { display: block; font-size: 11px; margin: 0 0 10px 0; }
#navigation input { width: 134px; border: none; font: 12px 'Trebuchet MS', Helvetica, Verdana, sans-serif; padding: 10px 20px; margin: 0; background: #fff; }
#navigation input.submit-button { width: 100px; font-weight: bold; color: #7958a7; text-align: right; }

.checkSpam{ display:none; visibility:hidden; }
.call_for_action { padding: 5px; background: #7958a7; color: #fff; font: bold 12px 'Trebuchet MS', Helvetica, Verdana, sans-serif; text-decoration: none !important; border: 1px outset #999; }
.call_for_action:hover { border: 1px inset #999; color: #fff; }

.outlink { padding-left: 14px; background: url('images/outlink.gif') no-repeat 0 4px; }
.maillink { padding-left: 14px; background: url('images/mail.gif') no-repeat 0 4px; }

.forumList{ width:100%; }
.forumList th, .forumList td{ text-align:left; vertical-align:top; font-size:11px; padding:0 10px 10px 0; }
.forumList small{ display:block; }

.forum-signup table{ width:100%; }
.forum-signup td{ vertical-align:top; color:#666; }

#left-column .forum-signup label{ margin-top:0; }
#left-column .forum-signup input.submit-button{ margin:-13px 7px 0 0; }


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */