/*
-----------------------------------------------
Blogger Template Style
Name:     Podroze
URL:      http://malysa.info
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#336699">
<Variable name="textcolor" description="Text Color"
type="color" default="#333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right">
*/
/* Use this with templates/template-twocol.html */
body {
background-color:#336699;
margin:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:#003366;
text-decoration:none;
}
a:visited {
color:#003366;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:underline;
}
a img {
border-width:0;
}
#navbar-iframe  {
height : 0;
visibility : hidden;
display : none;
}
#navigation {
width: 100%;
height: 25px;
margin: 0 auto;
background: #FFD595;
overflow:hidden;
padding:0;
}
#page-nav {
float: left;
width: 700px;
margin: 0 0 0 -15px;
}
#page-nav ul {
list-style: none;
margin: 0;
}
#page-nav li {
float: left;
margin: 6px 0 0 0;
padding: 0 0 8px 0;
}
#page-nav a {
display: block;
font: normal normal normal 11px/11px Verdana, Geneva, Tahoma, sans-serif;
color: #999;
padding: 0 15px 0 15px;
border-right: 1px solid #353535;
}
/* Drop-down styles */
#page-nav li:hover ul, #page-nav li.sfHover ul  {
top: 19px;
}
#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {
top: -1px;
}
#page-nav ul ul {
border-top: 1px solid #222;
background: #111;
}
#page-nav li li {
margin: 0;
padding: 0;
border-bottom: 1px solid #222;
}
#page-nav li li a {
padding: 7px 7px;
border: none;
}
/**
* Search form (in navigation)
************************************************/
#navigation .search {
float: right;
width: 200px;
height: 25px;margin:0;padding:0;
}
#navigation input {
float: right;
width: 170px;
height: 15px;
margin: 4px 0 0 0;
padding: 1px 8px 1px 22px;
font: normal normal normal 11px/15px Verdana, Geneva, Tahoma, sans-serif;
color: #aaa;
background-color: #eeeeee;
border: 1px solid #011e3f;
}
#navigation .search-submit, #navigation .button {
display: none;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
overflow: hidden;
height: 175px;
border-bottom: 1px solid #021f32;
background-color: #336699;
margin:0 auto;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
background-image: url(/static/podroze/logo.jpg);
background-position: left center;
width: 479px;
min-height: 176px;
background-repeat: no-repeat;
}
#header {
text-align: left;
color:#fafafa;
height: 60px;
float: left;
width: 450px;
}
#header h1 {
line-height: 35px;
font-size: 28px;
font-family: georgia, serif;
font-weight:normal;
padding:0;
margin:0;
position:absolute;
left: 500px;
top: 60px;
}
#header a {
color:#fafafa;
text-decoration:none;
}
#header a:hover {
color:#fafafa;
}
#header .description {
margin:0;
padding:0 20px 10px;
text-transform:none;
letter-spacing:0em;
line-height: 1.4em;
font: normal bold 78% Verdana, sans-serif;
color: #e6e6e6;
position:absolute;
left: 500px;
top: 100px;
}
#header img {
margin-left: auto;
margin-right: auto;
}
#header1 {
margin:5px 0px 0;
text-align: left;
color:#ffffff;
width:480px;
float:right;
height:60px;
overflow:hidden;
}
#cat-navigation {
width: 100%;
height: 28px;
margin: 0 auto;
font: normal normal bold 12px/12px Verdana, Geneva, Tahoma, sans-serif;
text-transform: uppercase;
background-color:#FFD595;
}
#cat-nav {
float: left;
width: 760px;
height: 25px;
border-left: 1px solid #2b526b;
}
#cat-navigation ul {
list-style: none;
margin: 0;
}
#cat-navigation li {
float: left;
border-right: 1px solid #2b526b;
}
#cat-navigation a {
display: block;
padding: 7px 20px 6px 20px;
text-transform: uppercase;
color: #000000;
}
#cat-navigation li li a {
width: 160px;
font: normal normal bold 10px/10px Verdana, Geneva, Tahoma, sans-serif;
padding: 8px 10px;
color: #fff;
background: #2b526b;
border-top: 1px solid #244960;
}
/* Drop-down controls */
#cat-nav ul ul, #cat-nav ul ul ul {
width: 180px;
}
#cat-nav li li:hover ul, #cat-nav li li li:hover ul {
left: 180px;
background-color: #336699;
}
#cat-nav li:hover ul, #cat-nav li.sfHover ul {
top: 2.1em;
}
#cat-nav li li:hover ul, #cat-nav li li.sfHover ul, #cat-nav li li li:hover ul, #cat-nav li li li.sfHover ul  {
top: 0;
background-color: #336699;
}
#cat-nav ul ul {
background: #2b526b;
}
/* Make sure page menu overlaps category menu */
#cat-nav ul.menu {
position: relative;
z-index: 98;
}
#page-nav ul.menu {
position: relative;
z-index: 99;
}
#page-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#page-nav ul {
line-height: 1.0;
}
.menu ul {
position: absolute;
top: -999em;
width: 10em;
}
#page-nav ul ul li {
width: 100%;
}
#page-nav li:hover {
visibility: inherit;
}
#page-nav li {
float: left;
position: relative;
}
#page-nav a {
display: block;
position: relative;
color: #000000;
}
#page-nav li:hover ul, li.sfHover ul {
left: 0;
top: 2em;
z-index: 99;
}
#page-nav li:hover li ul, li.sfHover li ul {
top: -999em;
}
#page-nav li li:hover ul, li li.sfHover ul {
left: 10em;
top: 0;
}
#page-nav li li:hover li ul, li li.sfHover li ul {
top: -999em;
}
#page-nav li li li:hover ul, li li li.sfHover ul {
left: 10em;
top: 0;
}
/* Default category menu styles */
#cat-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#cat-nav ul {
line-height: 1.0;
}
.menu ul {
position: absolute;
top: -999em;
width: 10em;
}
#cat-nav ul ul li {
width: 100%;
}
#cat-nav li:hover {
visibility: inherit;
}
#cat-nav li {
float: left;
position: relative;
background-color: #FFD595;
color: #000000;
}
#cat-nav a {
display: block;
position: relative;
}
#cat-nav li:hover ul, li.sfHover ul {
left: 0;
top: 2em;
z-index: 99;
}
#cat-nav li:hover li ul, li.sfHover li ul {
top: -999em;
}
#cat-nav li li:hover ul, li li.sfHover ul {
left: 10em;
top: 0;
}
#cat-nav li li:hover li ul, li li.sfHover li ul {
top: -999em;
}
#cat-nav li li li:hover ul, li li li.sfHover ul {
left: 10em;
top: 0;
}
#cat-navigation #feed {
width: 180px;
float: right;
}
#feed li {
float: right;
border: none;
}
#feed li a {
padding: 7px 18px 6px 0;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 100%;
margin:0 auto;
padding:0px;
text-align:left;
font: normal normal 100% Verdana, sans-serif;
}
#container {
overflow: hidden;
width: 960px;
margin: 20px auto 0 auto;
background-color: #fff;
}
#mainout-wrapper {
float: left;
width: 600px;
}
#main-wrapper {
float: left;
width: 600px;
padding: 0;
background: #fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#mainbottomleft {
float: left;
width: 280px;
padding: 0;
background: #fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#mainbottomright {
float: right;
width: 280px;
padding: 0;
background: #fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 320px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebarleft {
width: 155px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebarright {
width: 155px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:0px;
font: 15px georgia, times, 'times new roman', serif;
font-weight: bold;
line-height: 1.4em;
text-transform:none;
letter-spacing:0em;
color:#333333;
background: #FFD595;
padding:5px 10px;
}
.sidebar1 h2 {	 margin:0 0 10px;font: 15px georgia, times, 'times new roman', serif;
font-weight: bold;  line-height: 1.4em;
text-transform:none;
letter-spacing:0em;  color:#083777;
border-bottom:1px solid #ddd;background:#fff;padding:10px 0;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:0;padding:0;display:none;
}
.post {
margin:0 0 20px;
border-bottom: 1px solid #ddd;
padding-bottom:0px;
}
.post h3 {
margin:.25em 0 0 140px;
padding:0 0 4px;
line-height:1.4em;
color:#000000;
margin-bottom: 3px;
font: 15px georgia, times, 'times new roman', serif;
font-weight: bold;
background:transparent;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000000;
font-weight: bold;
background:transparent;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-header-line-1 {
margin-left:140px;
margin-bottom:5px;
background:transparent;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin:0;
color:#999999;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;display:none;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
background:#eee;
border:1px solid #cccccc;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #999999;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0 0;
background-color: #f7f7f7;
border-top:1px solid #ccc;
}
#comments-block .comment-body {
padding:10px;margin:0;
background: #f7f7f7;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
background: #f7f7f7;
border-bottom:1px solid #ccc;
padding:10px;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar, .sidebar1 {
color: #666666;
line-height: 1.5em;
}
.sidebar1 {
color: #666666;
line-height: 1.5em;
font-size:11px;
color:#333;
}
.sidebar ul, .sidebar1 ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li, .sidebar1 li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:30px;
text-indent:-15px;
line-height:1.5em;
background: url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/bullet.png) no-repeat left center;
}
.sidebar1 li a {font-weight:bold;}
.sidebar .widget {
margin:0 0 1.5em;
padding:10px;
background:#ffffff;
border:1px solid #ccc;
}
.sidebar1 .widget  {
margin:0 0 1.5em;
padding:0px;
}
.main .widget {
margin:0;
padding:0;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #cccccc;
background:#eee;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
overflow: hidden;
clear: both;
padding: 2px 0 0 0;
background-color: #336699;
}
#footer {
overflow: hidden;
width: 1000px;
margin: 0 auto 14px auto;
padding: 2px 0 0 0;
}
.footer {
float: left;
width: 210px;
padding: 15px 20px 0 20px;
}
.footer .widget {
overflow: hidden;
float: left;
margin: 0;
font: 12px/21px Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #777;
background: transparent;
border: none;
}
#footer h2 {
margin: 0 0 3px 0;
padding: 0 0 3px 0;
font-size: 15px;
color: #bbb;
background: transparent;
border-bottom: 1px solid #072145;
}
#footer a {
color: #aaa;
}
#footer .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer .widget ul li {
margin: 0 0 3px 0;
padding: 0 5px 3px 5px;
background: transparent;
border-bottom: 1px solid #072145;
}
#credit {
overflow: hidden;
width: 960px;
margin: 0 auto;
padding: 20px 0 10px 0;
color: #f7f7f7;
}
#credit a {
font-style: normal;
color: #aaa;
}
#credit .copyright {
display: inline;
float: left;
margin-right: 9px;
}
/**
* Featured slider
************************************************/
#slider-container {
overflow: hidden;
width: 640px;
height: 250px;
margin: 0 0 30px 0;
background: #336699;
}
#slider {
overflow: hidden;
width: 580px;
height: 230px;
}
.feature {
overflow: hidden;
width: 560px;
height: 210px;
padding: 10px 10px 0 10px;
color: #ccc;
background: #336699;
border: none !important;
}
#slider-container a {
color: #ddd;
font-weight: bold;
}
.feature img {
border: 5px solid #001838;margin-right:10px;
}
#slider .feature .entry-title {
font-size: 21px;
}
#slider .feature .entry-title a {
color: #eee;
}
.feature .byline {
color: #aaa;
margin-bottom: 15px;
}
.more-link {
float: left;
text-indent: -9999px;
width: 100px;
height: 20px;
display: block;
background: url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/more-link.gif) no-repeat 0 0;
}
.more-link:hover {
background: url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/more-link.gif) no-repeat 0 -20px;
}
/* Slider controls */
.slider-controls {
float: left;
width: 66px;
height: 20px;
overflow: hidden;
clear: both;
line-height: 15px;
margin: 0 0 0;
padding: 0 10px 0 524px;
background: #062f4a;
border-top: 2px solid #03273f;
}
.slider-controls .slider-prev {
text-indent: -9999px;
float: left;
width: 22px;
height: 20px;
background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/slider-prev.gif) no-repeat 0 0;
border: none !important;
}
.slider-controls .slider-prev:hover {
background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/slider-prev.gif) no-repeat left -20px;
}
.slider-controls .slider-pause {
text-indent: -9999px;
float: left;
width: 22px;
height: 20px;
background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/pause.gif) no-repeat center 0;
border: none !important;
}
.slider-controls .slider-pause:hover, .slider-controls a.paused {
background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/pause.gif) no-repeat center -20px;
}
.slider-controls .slider-next {
text-indent: -9999px;
float: right;
width: 22px;
height: 20px;
background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/slider-next.gif) no-repeat right 0;
border: none !important;
}
.slider-controls .slider-next:hover {
background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/slider-next.gif) no-repeat right -20px;
}

--></style>