/*
Theme Name: iSerbia
Theme URL: http://www.serbia.se
Description: Ja, vad ska man säga...
Author: Serbia punkt se 
Author URL: http://www.serbia.se
Tags: white, fixed width, minimalist, serbia
Version: Beta RC3
License: Bara för egen bruk
*/
body { margin: 0; padding: 0; font-style:normal; font-variant:normal; font-weight:normal; font-family : Arial; line-height:18px; font-size:13px; color:#333333; background: #f2f2f2  url(images/backtop.jpg) no-repeat center top;}
#container { width: 960px; margin: 0 auto; padding: 0;}
/*HEADER */
#header { float: right; display: inline; overflow: hidden; width: 960px; background: none; height: 240px; padding: 0;}
/* SLOGAN*/
#slogan { float: left; display: inline; height:25px; overflow: hidden; width: 960px; padding: 0px; margin-bottom: 0px;}
#slogan .left { float: left;display: inline; width: 250px; overflow: hidden; color: #999; font:normal 1.2em monospace;}
#slogan .right a { color: #000; text-decoration: none; font:normal 1.2em monospace;}
#slogan .right a:hover{ color: #ff7700; }
#slogan .right { float: left; display: inline; width: 600px; padding-top: 1px; font:normal 1.1em monospace; color: #666666;}
/* TOP NAVIGATION */
#navsearch { display: block; float: left; width: 960px; height:36px; margin-top:8px;}
#topnav { float: left; width: 800px;}
ul.cssmenu { list-style: none; padding: 0px;}
.displace { position: absolute; left: -5000px;}
ul.cssmenu li { float: left;}
ul.cssmenu li a { display: block; width: 160px; height: 36px; background: url(images/nav.jpg);}
ul.cssmenu li.startsidan a { background-position: 0 0;}
ul.cssmenu li.arkiv a { background-position: -160px 0;}
ul.cssmenu li.vad a { background-position: -320px 0;}
ul.cssmenu li.snacks a { background-position: -480px 0;}
ul.cssmenu li.kontakt a { background-position: -640px 0;}
ul.cssmenu li.startsidan a:hover { background-position: 0 -36px;}
ul.cssmenu li.arkiv a:hover { background-position: -160px -36px;}
ul.cssmenu li.vad a:hover { background-position: -320px -36px;}
ul.cssmenu li.snacks a:hover { background-position: -480px -36px;}
ul.cssmenu li.kontakt a:hover { background-position: -640px -36px;} 
/*- SEARCH -*/
#search{ background: url(images/search.png); float: left; height: 36px; margin-top: 13px; padding: 0; width:159px;}
#search input{ background: transparent; border: 0; color: #b3b3b3; float: left; margin: 4px 0 0 6px; padding: 6px 2px 2px 5px; width:105px;}
#search .btn{ margin: 3px 0 0 8px; padding: 0; width: auto;}
/*THE WRAPPER FOR CONTENT AND SIDEBARS */
#wrapper { float: right; display: inline; overflow: hidden; width: 960px; padding-top: 10px; margin-top: 20px;}
/*THE CONTENT AREA  */
#content { float: left; display: inline; overflow: hidden; width: 620px; margin-top: 5px;}
#content h1 { padding: 15px 30px 20px 28px; margin: 1px; background: url(images/backtext.png) repeat-x top;}
#content h1 a { color: #000; }
#content h1 a:hover { color: #D93943;}
#content.bookmarks ul { margin: 0px 0px 18px 0px; padding: 0px;}
#content.bookmarks li { line-height: 140%; margin: 0px 0px 14px 0px; padding: 0px; list-style-type: none;}
#content.bookmarks li a { font-size: 1.2em; margin-right: 6px;}
#content.bookmarks h2 { color: #060;}
#content .post { border-bottom: 1px solid #BBBBBB; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #E4E4E4; background: #ffffff  url(images/backpost.jpg) no-repeat center bottom;}
#content .text { margin: 1px 1px 15px 1px; padding: 20px 20px 30px 20px;}
#content .text a { color: #016CA5; text-decoration:none;}
#content .text  a:hover{ color: #ff7700; text-decoration:none;}
#content .small { padding-left: 20px; font-size: 90%;}
#content .small a { color: #016CA5; text-decoration:none;}
#content .small a:hover{ color: #ff7700; text-decoration:none;}
#content .postmeta { margin:1px; font-size: 90%; padding: 2px 0px 15px 28px;}
#content .postmeta a { color: #016CA5; text-decoration:none;}
#content .postmeta a:hover{ color: #ff7700; text-decoration:none;}
#content .postmeta h4, #content .postmeta p { margin: 0px 0px 5px 80px; font-weight: normal; font-size: 1.0em;}
#content a { color: #016CA5;}
#content a:hover{ color: #ff7700;}
/*CONTENTFULL FOR MAPPAGE*/
#contentfull { float: left;  display: inline; overflow: hidden; width: 960px;}
#contentfull .postfull { border-bottom: 1px solid #BBBBBB; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #E4E4E4; background: #fff  url(images/backpostfull.png) repeat-x bottom;}
#contentfull h1 { padding: 15px 30px 20px 28px; margin: 1px; background: url(images/backtext.png) repeat-x top;}
#contentfull h1 a { color: #000;}
#contentfull.bookmarks ul { margin: 0px 0px 18px 0px; padding: 0px;}
#contentfull.bookmarks li { line-height: 140%; margin: 0px 0px 14px 0px; padding: 0px; list-style-type: none;}
#contentfull.bookmarks li a { font-size: 1.2em; margin-right: 6px;}
#contentcontentfull.bookmarks h2 { color: #060;}
#contentfull .textfull { margin: 1px 1px 15px 1px; padding: 1px 10px 25px 15px;}
#contentfull .small { padding-left: 20px; font-size: 90%;}
#contentfull .postmetafull { margin:1px; font-size: 90%; padding: 7px 0px 13px 27px; background: url(images/fullbackom.png) no-repeat left bottom;}
#contentfull .postmetafull a { color: #016CA5; text-decoration:none;}
#contentfull .postmetafull a:hover { color: #ff7700; text-decoration:none;}
#contentfull .postmetafull h4, #contentfull .postmetafull p { margin: 0px 0px 5px 80px; font-weight: normal; font-size: 1.0em;}
#contentfull a { color: #016CA5;}
#contentfull a:hover{ color: #ff7700;}
/* SLUT CONTENTFULL FOR MAPPAGE*/
/* WORDPRESS IMAGES AND CAPTIONS */
#content .post p.wp-caption-text { text-align: center; font-size: 0.9em; line-height: 135%; margin: 0px; padding: 3px 0px;}
#content .post div.alignleft { float: left; margin: 0px 10px 10px 0px; padding: 10px;}
#content .post div.aligncenter { display: block; margin-left: auto; margin-right:auto; margin-bottom: 10px; padding:0px; clear: both;}
#content .post div.alignright { float: right; margin: 0px 0px 10px 10px; padding:0px;}
#content .post .alignleft img, #content .aligncenter img, #content .alignright img, #content .wp-caption img { margin: 5px; padding:0px;}
/* THE PREVIOUS HOME TOP AND NEXT LINKS AT THE BOTTOM OF THE CONTENT */
.content-bot {text-align: center;}
/* COMMENTS */
.comments { background: #F9F9F9; border: 1px solid #ccc; padding: 10px; margin-bottom: 50px;}
.comments ul { margin: 0px 0px 12px 0px; padding: 2px;}
.comments li { list-style-type: none; background: #fff; border: 1px solid #ccc; padding: 7px 7px 20px 30px; margin: 10px 5px 12px 5px;}
img.avatar { float:left; margin-right:5px;}
/* SIDEBARS */
#sidebar-wrapper { float: right; display: inline; overflow: hidden; width: 320px; padding: 0px; margin:5px 0 0 20px;}
/* SIDEBAR-SOK (3)*/
#sids { float: left; display: inline; overflow: hidden; width: 100%; margin: 0 0 10px 0;}
#sids .widget { padding: 20px; margin-bottom: 10px;  border-bottom: 1px solid #BBBBBB; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #E4E4E4; background: #fff url(images/widgbackd.png) bottom repeat-x;}
#sids .widgettekst {padding:20px;}
#sids .widget h2 { padding: 5px 0 8px 8px; color: #000; margin:1px;}
#sids .widget h2 a { color: #D93943; text-decoration: none;}
#sids .widget ul {  padding: 0px;}
#sids .widget li {  border-bottom: 1px dotted #ccc; list-style-type: none; width: 100%;}
#sids li a { display: block; width: auto; height:100%; text-decoration: none;padding-left: 0.75em; padding-top: 0.25em; padding-bottom: 0.25em;}
#sids li a:hover { color: #999; background: #f9f9f9;}
/* END SIDEBAR-SOK */
/* SIDEBAR-SIDMO (7)*/
#sidmo { float: left; display: inline; overflow: hidden; width: 100%; margin: 0 0 10px 0;}
#sidmo .widget { padding: 15px;   border: 1px solid #969696;  background: #fff url(images/moln.jpg) bottom repeat-x;}
#sidmo .widget h2 { color: #ff7700;}
/* END SIDEBAR-SIDMO */
/* SIDEBAR-MOLN (4)*/
#sidm { float: right; display: inline; overflow: hidden; width: 320px; margin:0;}
#sidm .widget { margin-bottom: 10px; border:1px solid #BBBBBB; padding: 1px;}
/* sidebar-top (5) */
#sidt { float: right; display: inline; overflow: hidden; width: 320px; margin: 0 0 10px 0 ;}
#sidt .widget { margin-bottom: 10px; border-bottom: 1px solid #BBBBBB; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #E4E4E4; background: #fff url(images/widgbackd.png) bottom repeat-x;}
#sidt .widgettekst {padding:20px;}
#sidt .widget h2 { padding: 6px 0 8px 20px; color: #D93943; margin: 1px; background: url(images/bh2w.png) top repeat-x;}
#sidt .widget h2 a { color: #ff7700; text-decoration: none;}
#sidt .widget ul { margin: 15px 0px 20px 20px; padding: 0px;}
#sidt .widget li { margin: 0px; padding: 3px 0px; border-bottom: 1px dotted #ccc; list-style-type: none; width: 260px;}
#sidt li a { text-decoration: none;}
#sidt li a:hover { color: #999;}
/* END SIDEBAR-TOP */
/* SIDEBAR-WRAPER LEFT RIGHT (1) (2)*/
#sidw {padding: 0px 0 8px 0px; float: right; display: inline; overflow: hidden; width: 320px;}
#sidebar-left {float: left; display: inline; overflow: hidden; padding: 0px 0px 10px 0px; width: 160px; text-align: left;}
#sidebar-right {float: right; display: inline; overflow: hidden; padding: 0px 0px 10px 0px; width: 160px;}
#sidw h2, #sidebar-left h2, #sidebar-right h2 { font-size: 1.0em; color: #ff7700; padding: 6px 0 15px 20px; margin: 1px; background: url(images/bh2w.png) top repeat-x;}
#sidw h2, #sidebar-left h2 a, #sidebar-right h2 a { color: #000; text-decoration: none; }
#sidw h2 a.rsswidget img, #sidebar-left h2 a.rsswidget img, #sidebar-right h2 a.rsswidget img {display: none;}
#sidw ul, #sidebar-left ul, #sidebar-right ul {margin: 0px 0px 0px 0px; padding: 1px 0 1px 15px;}
#sidw li, #sidebar-left li, #sidebar-right li {margin: 0px;list-style-type: none;width: 134px;}
#sidw li a, #sidebar-left li a, #sidebar-right li a {text-decoration: none;}
#sidw li a:hover, #sidebar-left li a:hover, #sidebar-right li a:hover {color: #999;}
#sidebar-left .widget {border-bottom: 1px solid #BBBBBB;border-left: 1px solid #ccc;border-top: 1px solid #E4E4E4;background: #fff url(images/widgbackd.png) bottom repeat-x;}
#sidebar-right .widget {border-bottom: 1px solid #BBBBBB;border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-top: 1px solid #E4E4E4;background: #fff url(images/widgbackd.png) bottom repeat-x;}
/* END SIDEBAR-WRAPER LEFT RIGHT */
/* SIDEBAR-BOTOM (6) */
#sidb {float: right;display: inline;overflow: hidden;width: 320px;margin: 0 0 10px 0;}
#sidb .widget {margin-bottom: 10px;border-bottom: 1px solid #BBBBBB;border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-top: 1px solid #E4E4E4;background: #fff url(images/widgbackd.png) bottom repeat-x;}
#sidb .widgettekst {padding:20px;}
#sidb .widget h2 {font-size: 1.2em;padding: 6px 0 8px 20px;color: #006CB7;margin: 1px;background: url(images/bh2w.png) top repeat-x;}
#sidb .widget h2 a {color: #006CB7;text-decoration: none;}
#sidb .widget ul {margin: 15px 0px 20px 20px;padding: 0px;}
#sidb .widget li {margin: 0px;padding: 3px 0px;border-bottom: 1px dotted #ccc;list-style-type: none;width: 260px;}
#sidb li a {text-decoration: none;}
#sidb li a:hover {color: #999;}
/* END SIDEBAR-BOTOM */
/* THE WRAPPER FOR BOTH SIDEBARS */
#sidw .ad-blocks { margin: 8px -12px 5px -12px;}
#sidw .ad-blocks img {margin: 0px 12px 10px 12px;}
/* FOOTER */
#sidf {margin: 0px auto;float: left;width: 960px;display:block;height:320px;background: url(images/me.png) no-repeat right bottom;}
#fotb {float: left;width: 960px;height:80px;}
/* END SIDEBAR-FOTER */
/* SLUT FOR ALL SIDEBAR*/
/* THE FOOTER */
#footer { float: left;width: 100%;height:320px;background: url(images/fotback.png);}
#footer p {margin: 15px;text-align: center;color: #ADADAD;font-size: 85%;}
#footer ul {text-align: center;}
#footer a {color: #ccc;text-decoration: none;}
#footer a:hover {color: #ADADAD;}
#fotnav {margin: 0px auto;text-align: center;float: left;width: 960px;height:240px;}
ul.cssmenuf {list-style: none;}
.displacef {position: absolute;left: -5000px;}
ul.cssmenuf li {float: left;}
ul.cssmenuf li a {display: block;width: 128px;height: 128px;background: url(images/navb.png);}
ul.cssmenuf li.staf a {background-position: 0 0;}
ul.cssmenuf li.rssf a {background-position: -128px 0;}
ul.cssmenuf li.tekf a {background-position: -256px 0;}
ul.cssmenuf li.konf a {background-position: -384px 0;}
ul.cssmenuf li.logf a {background-position: -512px 0;}
ul.cssmenuf li.topf a {background-position: -640px 0;} 
ul.cssmenuf li.staf a:hover {background-position: 0 -128px;}
ul.cssmenuf li.rssf a:hover {background-position: -128px -128px;}
ul.cssmenuf li.tekf a:hover {background-position: -256px -128px;}
ul.cssmenuf li.konf a:hover {background-position: -384px -128px;}
ul.cssmenuf li.logf a:hover {background-position: -512px -128px;} 
ul.cssmenuf li.topf a:hover {background-position: -640px -128px;} 
/* UNIVERSAL STYLES */
p, h1, h2, h3, h4, h5, h6, h7 {margin-top: 0px;margin-bottom: 10px;font-style:normal; font-variant:normal; font-weight:normal;}
p, #content li {line-height: 145%;}
p.small {font-size: 90%;}
#smalls {width: 580px;height:126px;background: url(images/smalsback.png) no-repeat left top;padding:  20px;margin: 10px;}
blockquote { font:normal 0.9em monospace;color:#aaaaaa!important;margin: 5px 15px 15px 15px;padding: 10px 10px 5px 10px;border-left: 5px #C9C9C9 solid;background: #FCFCFC;}
p.block2 {font-size: 0.9em;margin: 5px 15px 15px 15px;padding: 10px 10px 5px 10px;border-right: 5px #3337E3 solid;background: #F9F9F9;}
p.block3 {font-size: 0.9em;margin: 5px 15px 15px 15px;padding: 10px 10px 5px 10px;border-right: 5px #34CF5A solid;background: #F9F9F9;}
h1 a, h2 a {color: #555;text-decoration: none;}
h1 {font-size: 1.8em;padding-bottom: 3px;}
h2 {font-size: 1.2em;}
h3 { font-size: 0.8em;font-weight: normal;}
a {color: #555;font-weight: 500;}
a img {border: 0px;}
a:hover {color: #000;}