/*
Theme Name: Ivana Brkljacic
Theme URI: http://www.ivana-brkljacic.com
Description: Theme for www.ivana-brkljacic.com
Version: 0.1
Author: Stribor web studio
*/

html {
overflow:-moz-scrollbars-vertical;
}

textarea {
overflow:auto;
}

body {
background:#003466;
font-size:62.5%;
font-family:"Arial", sans-serif;
}

a {
color:#09c;
text-decoration:underline;
font-weight:700;
}

h1 {
text-indent:-9999px;
overflow:hidden;
height:0;
}

h3 {
padding:10px 0;
}

div#wrapper {
width:870px;
background:#1975a3 url(images/border-wrapper.png) repeat-y;
font-size:1em;
margin:0 auto;
}

/*-- Header --*/
div#header {
height:279px;
background:url(images/header-footer.png) no-repeat 0 0;
}

div#flash-header {
position:relative;
top:29px;
left:10px;
}

/*-- Footer --*/
div#footer {
height:60px;
background:url(images/header-footer.png) no-repeat 0 -279px;
clear:both;
position:relative;
}

div#footer p {
height:30px;
background:url(images/stribor-logo.png) no-repeat;
color:#fff;
text-transform:lowercase;
font-size:1.2em;
font-weight:700;
position:absolute;
top:25px;
right:0;
}

div#footer p span {
position:relative;
left:-45px;
top:7px;
}

div#footer p span a {
color:#fff;
text-decoration:none;
}

/*-- Navigation --*/
div#navigation {
padding:0 10px;
}

div#navigation h2 {
text-indent:-9999px;
overflow:hidden;
height:0;
}

div#navigation ul li {
float:left;
}

div#navigation ul li a {
display:block;
background:url(images/bg-navigation.png) repeat-x;
border-right:1px solid #003e71;
border-left:1px solid #0cf;
width:93px;
font:bold 1.2em "Arial", sans-serif;
text-align:center;
color:#fff;
text-decoration:none;
padding:12px 0;
}

div#navigation ul li a:link {
display:block;
background:url(images/bg-navigation.png) repeat-x;
border-right:1px solid #003e71;
border-left:1px solid #0cf;
width:93px;
font:bold 1.2em "Arial", sans-serif;
text-align:center;
color:#fff;
text-decoration:none;
padding:12px 0;
}

div#navigation ul li a:visited {
display:block;
background:url(images/bg-navigation.png) repeat-x;
border-right:1px solid #003e71;
border-left:1px solid #0cf;
width:93px;
font:bold 1.2em "Arial", sans-serif;
text-align:center;
color:#fff;
text-decoration:none;
padding:12px 0;
}

div#navigation ul li a:hover {
background-position:0 -39px;
border-right:1px solid #2a6c9f;
}

div#navigation ul li a:active {
background-position:0 -39px;
border-right:1px solid #2a6c9f;
}

div#navigation ul li.current_page_item a, div#navigation ul li.current_page_parent a {
background-position:0 -39px;
border-right:1px solid #2a6c9f;
}

div#navigation ul li#first-nav-item a {
width:88px;
}

/*-- Content --*/
div#content {
clear:left;
display:inline-block;
font:normal 1.2em "Arial", sans-serif;
color:#666;
padding:5px 12px 0;
}

/*-- Left Sidebar --*/
div#sidebar-left {
width:228px;
float:left;
}

/*-- Right Sidebar --*/
div#sidebar-right {
width:228px;
float:left;
position:relative;
}

/*-- Main --*/
div#main {
width:380px;
display:inline;
float:left;
margin:0 5px;
}

/*-- The Box --*/
div.box {
width:220px;
min-height:1px;
height:auto !important;
border:4px solid #036;
background:#fff;
margin-bottom:5px;
}

* html div.box {
height:1px !important;
}

div.box h2 {
width:175px;
border-bottom:1px solid #069;
font-size:1.4166em;
color:#666;
background:url(images/icons.png) no-repeat;
padding:10px 0 10px 45px;
}

/*-- News > General --*/
div.news {
width:372px;
background:#09c;
}

div.news h2 {
width:332px;
border-bottom:1px solid #036;
font-size:1em;
color:#fff;
margin-left:20px;
background:none;
padding:10px 0;
}

div.news div.entry {
width:332px;
color:#fff;
position:relative;
margin:0 0 10px 20px;
padding:10px 0;
}

div.news div.entry a.more {
float:right;
display:inline;
background:url(images/plus.png) no-repeat right bottom;
height:18px;
padding-right:20px;
color:#fff;
margin:0 0 5px;
}

/*-- News > Other News --*/
div.other-news {
width:178px;
position:relative;
}

div.other-news h2 {
width:171px;
border-bottom:1px solid #036;
font-size:1em;
color:#666;
background:none;
padding:10px 0 10px 7px;
}

div.other-news div.entry {
position:static;
margin-bottom:10px;
padding:10px 7px;
}

div.other-news div.entry ul {
list-style:disc outside;
padding:0 25px;
}

div.other-news div.entry ul.list-style-none {
list-style:none;
padding:0 25px;
}

div.other-news div.entry ol {
list-style:decimal outside;
padding:0 25px;
}

div.other-news div.entry ul li {
padding:2px 0;
}

div.other-news div.entry ol li {
padding:2px 0;
}

div.other-news div.entry a.more {
display:inline;
background:url(images/plus.png) no-repeat right top;
height:18px;
padding-right:20px;
color:#666;
position:absolute;
bottom:-3px;
right:0;
margin:0 10px 7px 0;
}

div.odd {
float:left;
min-height:200px;
height:auto !important;
}

div.even {
float:right;
min-height:200px;
height:auto !important;
}

/*-- Single Page --*/
div.single-page {
width:372px;
}

div.single-page h2 {
width:332px;
margin-left:20px;
font-size:1.333em;
padding:10px 0;
}

div.single-page div.entry {
position:relative;
margin-bottom:10px;
padding:10px 20px;
}

div.single-page div.entry p {
text-align:justify;
padding:5px 0;
}

/*-- Error Page --*/
div.page-not-found h2 {
border-bottom-width:0px;
}

/*-- Full Width --*/
div.full-width {
width:372px;
}

div.full-width h2 {
width:362px;
}

div.full-width div.entry p {
text-align:justify;
padding:5px 0;
}

/*-- Bigger --*/
div.bigger {
width:605px;
}

div.bigger h2 {
width:565px;
margin-left:20px;
font-size:1.333em;
padding:10px 0;
}

div.bigger div.entry p {
text-align:justify;
}

/*-- Pagination --*/
.wp-pagenavi {
clear:both;
text-align:center;
margin-bottom:4px;
}

.wp-pagenavi a {
text-decoration:none;
border:2px solid #003467;
color:#fff;
display:inline-block;
background:#1975a3;
margin:2px;
padding:2px 4px;
}

.wp-pagenavi a:link {
text-decoration:none;
border:2px solid #003467;
color:#fff;
display:inline-block;
background:#1975a3;
margin:2px;
padding:2px 4px;
}

.wp-pagenavi a:visited {
text-decoration:none;
border:2px solid #003467;
color:#fff;
background:#1975a3;
margin:2px;
padding:2px 4px;
}

.wp-pagenavi a:hover {
border:2px solid #003467;
color:#003467;
background:#fff;
}

.wp-pagenavi a:active {
text-decoration:none;
border:2px solid #003467;
color:#003467;
background:#fff;
margin:2px;
padding:2px 4px;
}

.wp-pagenavi span.pages {
color:#000;
border:1px solid #000;
background-color:#FFF;
margin:2px;
padding:2px 4px;
}

.wp-pagenavi span.current {
font-weight:700;
border:2px solid #003467;
color:#003467;
background:#fff;
display:inline-block;
margin:2px;
padding:2px 4px;
}

.wp-pagenavi span.extend {
text-decoration:none;
border:2px solid #003467;
color:#fff;
display:inline-block;
background:#1975a3;
margin:2px;
padding:2px 4px;
}

/*-- Events Calendar --*/
div#calendar h2 {
background-position:5px 0;
}

div#calendar table {
width:100%;
}

div#calendar table caption {
border:none;
font-weight:700;
padding:5px 0;
}

div#calendar table thead {
color:#09c;
font-size:1.4166em;
}

div#calendar table thead tr th {
border:1px solid #069;
border-width:1px 0;
padding:10px 0;
}

div#calendar table tfoot tr td#prev {
width:110px;
text-align:center;
padding:10px 0;
}

div#calendar table tfoot tr td#next {
width:110px;
text-align:center;
padding:10px 0;
}

div#calendar table tfoot tr td a {
color:#666;
font-weight:700;
text-decoration:none;
}

div#calendar table tbody tr td {
text-align:center;
background:#f2fafc;
font-size:1.1666em;
padding:3px;
}

div#calendar table tbody tr td a {
color:#666;
font-weight:700;
}

div#calendar table tbody tr td a.past {
color:red;
font-weight:700;
text-decoration:none;
}

div#calendar table tbody tr td a.future {
color:#036;
font-weight:700;
text-decoration:none;
}

div#calendar table tbody tr td#today {
border:1px solid #003467;
background:#09c;
color:#fff;
font-weight:700;
}

div#wp-calendar-split {
padding-left:10px;
}

div#wp-calendar-split a {
color:#09c;
text-decoration:underline;
font-weight:700;
}

div#wp-calendar-event-show {
min-height:40px;
}

/*-- Video Section --*/
div#video-section ul li {
background:#f2fafc;
margin-bottom:6px;
padding:6px 20px;
}

div#video-section ul li a {
color:#666;
text-decoration:none;
margin-left:15px;
}

div#video-section ul li img {
vertical-align:middle;
}


div#video-section h2 {
background-position:5px -40px;
}

/*-- IAAF --*/
div#iaaf {
min-height:180px;
height:auto !important;
}

* html div#iaaf {
height:180px !important;
}

div#iaaf h2 {
background-position:0 -154px;
height:57px;
width:129px;
text-indent:-9999px;
position:relative;
left:110px;
border:none;
margin:10px 0 10px -64px;
}

div#iaaf ul li {
background:#f2fafc;
margin-bottom:4px;
width:200px;
padding:5px 0 5px 20px;
}

div#iaaf ul li a {
color:#09c;
text-decoration:none;
font-weight:700;
}

table#iaaf-table tbody tr td {
background:#f2fafc;
}

/*-- Beijing 2008 > General --*/
div#beijing2008 {
min-height:140px;
height:auto !important;
position:relative;
z-index:2;
}

* html div#beijing2008 {
height:140px !important;
}

div#beijing2008 h2 {
background-position:0 -231px;
height:49px;
width:97px;
text-indent:-9999px;
position:relative;
left:110px;
border:none;
margin:10px 0 0 -48px;
}

/*-- Beijing 2008 > Countdown --*/
div#countdown {
width:220px;
position:absolute;
top:280px;
left:4px;
z-index:3;
text-align:center;
font-weight:700;
}

div#countdown div {
margin-top:10px;
}

div#countdown .countdown_section {
float:left;
text-align:center;
width:40px;
margin:0 6px;
}

div#countdown .countdown_section span.countdown_amount {
color:#09c;
font-size:1.8333em;
}

div#countdown p#done {
height:40px;
line-height:40px;
background:#fff;
margin-bottom:-20px;
z-index:5;
position:relative;
}

/*-- New On Site --*/
div#new-on-site ul li {
background:#f2fafc;
margin-bottom:6px;
padding:1px 20px;
}

div#new-on-site ul li a {
color:#666;
text-decoration:none;
font-weight:700;
}

div#new-on-site h2 {
background-position:7px -78px;
}

div#event {
border-top:1px solid #069;
padding:15px 10px;
}

div#event a {
text-decoration:none;
color:#666;
font-weight:700;
}

/*-- Others about Ivana --*/
ul#others-about-ivana {
width:332px;
list-style:none;
padding:0;
}

ul#others-about-ivana li {
background:#f2fafc;
padding:5px;
}

ul#others-about-ivana li a {
color:#09c;
text-decoration:none;
font-weight:700;
}

/*-- Columns --*/
ul#columns {
width:332px;
list-style:none;
padding:0;
}

ul#columns li {
background:#f2fafc;
padding:5px;
}

ul#columns li a {
color:#09c;
text-decoration:none;
font-weight:700;
}

/*-- Links --*/
ul#links {
width:332px;
list-style:none;
padding:0;
}

ul#links li {
background:#f2fafc;
padding:5px;
}

ul#links li a {
color:#09c;
text-decoration:none;
font-weight:700;
}

/*-- Biography --*/
ul#biography {
width:332px;
list-style:none;
padding:0;
}

ul#biography li {
display:inline-block;
clear:both;
width:332px;
padding:5px 0;
}

*:first-child+html ul#biography li {
padding:0;
}

ul#biography li dl dt {
float:left;
display:block;
width:132px;
}

ul#biography li dl dd {
float:right;
width:200px;
}

/*-- Results --*/
ol#results {
width:332px;
list-style:none;
padding:0;
}

ol#results li {
display:inline-block;
clear:both;
width:332px;
padding:5px 0;
}

*:first-child+html ol#results li {
padding:0;
}

ol#results li dl dt {
float:left;
display:block;
width:132px;
}

ol#results li dl dd {
float:right;
}

/*-- Results Info --*/
div#results-info {
clear:both;
margin-top:20px;
}

div#results-info a {
color:#09c;
text-decoration:underline;
font-weight:700;
}

/*-- Results --
-- Results > Table --*/
table.results {
margin-bottom:10px;
}

table.results caption {
background:#d9f0f7;
width:332px;
text-align:left;
font-weight:700;
padding:5px 0;
}

table.results tbody tr th {
text-align:left;
background:#f2fafc;
padding:5px 0;
}

table.results tbody tr td {
padding:1px 0;
}

/*-- Results > Progress --*/
table#results-progress {
margin-bottom:10px;
}

table#results-progress caption {
background:#d9f0f7;
width:332px;
text-align:left;
font-weight:700;
padding:5px 0;
}

table#results-progress tbody tr th {
text-align:left;
background:#f2fafc;
padding:5px 0;
}

table#results-progress tbody tr td {
padding:1px 0;
}

/*-- Results > International --*/
table.international caption {
background:#f2fafc;
}

h3.international-results {
background:#d9f0f7;
min-height:15px;
display:block;
width:332px;
margin:0;
padding:5px 0;
}

h4.international-results {
background:#f2fafc;
text-decoration:underline;
color:#09c;
margin:2px 0;
padding:5px 0;

















}

/*-- Results > Events --*/
.event-res table {
width:332px;
}

.event-res table tbody tr td {
background:#f2fafc;
}

/*-- Sport Inside > Lists --*/
ol.alpha,ol.alpha li {
list-style-type:upper-alpha;
}

ul#sport-inside-list-a,ul#sport-inside-list-b,ul#sport-inside-list-c {
width:332px;
list-style:none;
padding:0;
}

ul#sport-inside-list-a li,ul#sport-inside-list-b li,ul#sport-inside-list-c li {
background:#f2fafc;
padding:5px;
}

ul#sport-inside-list-a li a,ul#sport-inside-list-b li a,ul#sport-inside-list-c li a {
color:#09c;
text-decoration:none;
font-weight:700;
}

/*-- Sport Inside > Table --*/
table.sport-inside {
margin:10px 0;
}

table.sport-inside caption {
margin-bottom:10px;
}

table.sport-inside,table.sport-inside tbody tr td,table.sport-inside tbody tr th {
border:1px solid #1975a3;
padding:3px;
}

/*-- Video --*/
div.video {
height: 1%;
padding-bottom: 385px;
}

div#video-player {
position:absolute;
top:50px;
left:24px;
}

div#main-video-page {
width:613px;
display:inline;
float:left;
position:relative;
margin:0 5px 0 0;
}

/*-- Misc --*/
h2#alternate {
margin:10px 0;
}

img.alignleft {
margin:0 7px 2px 0;
}

img.aligncenter {
display:block;
margin:0 auto;
}

/*-- Gallery --
----------- Album Styles Extend -------------*/
.ngg-albumoverview {
margin-top:10px;
width:100%;
clear:both;
display:block !important;
}

.ngg-album {
height:100%;
overflow:hidden;
margin-bottom:5px;
border:1px solid #ccc;
padding:5px;
}

/* IE6 will ignore this , again I hate IE6
 See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
overflow:hidden;
margin-bottom:5px;
border:1px solid #ccc;
padding:5px;
}

.ngg-albumtitle {
text-align:left;
font-weight:700;
font-size:1.4em;
margin:0 0 10px;
padding:0;
}

.ngg-thumbnail {
float:left;
margin-right:12px;
}

.ngg-thumbnail img {
background-color:#FFF;
border:1px solid #09c;
position:relative;
margin:4px 0 4px 5px;
padding:4px;
}

.ngg-thumbnail img:hover {
background-color:#09c;
}

.ngg-description {
text-align:left;
}

/* ----------- Album Styles Compact -------------*/
.ngg-album-compact {
float:left;
height:180px;
padding-right:6px !important;
text-align:left;
width:100px;
margin:0 !important;
}

.ngg-album-compactbox {
height:86px;
width:120px;
margin:0 0 6px !important;
padding:0 !important;
}

.ngg-album-compactbox .thumb {
border:1px solid #1975a3;
width:79px;
height:79px;
background:#fff;
margin:0 !important;
padding:4px !important;
}

.ngg-album-compact h4 {
font-size:15px;
font-weight:700;
margin-bottom:0;
margin-top:0;
width:110px;
}

.ngg-album-compact p {
font-size:11px;
margin-top:2px;
}

/* ----------- Gallery style -------------*/
.ngg-galleryoverview {
overflow:hidden;
margin-top:10px;
width:100%;
clear:both;
display:block !important;
}

.ngg-galleryoverview .desc {
margin:0 10px 10px 0;
padding:5px;
}

.ngg-gallery-thumbnail-box {
float:left;
}

.ngg-gallery-thumbnail {
float:left;
margin-right:5px;
}

.ngg-gallery-thumbnail img {
background-color:#FFF;
border:1px solid #1975a3;
display:block;
position:relative;
margin:4px 0 4px 5px;
padding:4px;
}

.ngg-gallery-thumbnail img:hover {
background-color:#fff;
}

.ngg-gallery-thumbnail span {
font-size:90%;
padding-left:5px;
display:block;
}

.ngg-clear {
clear:both;
}

/* ----------- Gallery navigation -------------*/
.ngg-navigation {
clear:both !important;
display:block !important;
padding-top:15px;
text-align:center;
}

.ngg-navigation span {
font-weight:700;
color:#fff;
background:#1975a3;
text-decoration:none !important;
border:2px solid #003467;
margin:2px;
padding:2px 4px;
}

.ngg-navigation a {
border:2px solid #003467;
color:#003467;
background:#fff;
margin:2px;
padding:2px 4px;
}

.ngg-navigation a:link {
border:2px solid #003467;
color:#003467;
background:#fff;
margin:2px;
padding:2px 4px;
}

.ngg-navigation a:visited {
color:#003467;
background:#fff;
text-decoration:none !important;
border:2px solid #003467;
margin:2px;
padding:2px 4px;
}

.ngg-navigation a:hover {
color:#fff;
background:#1975a3;
text-decoration:none !important;
border:2px solid #003467;
margin:2px;
padding:2px 4px;
}

.ngg-navigation a:active {
color:#fff;
background:#1975a3;
text-decoration:none !important;
border:2px solid #003467;
margin:2px;
padding:2px 4px;
}

/* ----------- Image browser style -------------*/
.ngg-imagebrowser h3 {
text-align:center;
}

.ngg-imagebrowser img {
border:1px solid #09c;
margin-top:10px;
margin-bottom:10px;
width:100%;
display:block !important;
padding:5px;
}

.ngg-imagebrowser-nav {
margin-left:10px;
padding:5px;
}

.ngg-imagebrowser-nav .back {
float:left;
border:1px solid #DDD;
margin-right:3px;
padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
float:right;
border:1px solid #DDD;
margin-right:3px;
padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
text-align:center;
font-size:0.9em !important;
}

/* ----------- Slideshow -------------*/
.slideshow {
margin-left:auto;
margin-right:auto;
text-align:center;
}

/* ----------- Single picture -------------*/
.ngg-singlepic-wrapper {
padding:1px;
}

.ngg-singlepic {
background-color:#FFF;
display:block;
position:relative;
margin:4px 0 4px 5px;
padding:4px;
}

.ngg-left {
float:left;
padding-right:10px;
}

.ngg-right {
float:right;
padding-left:10px;
}

.ngg-center img {
margin-left:auto !important;
margin-right:auto !important;
}

.ngg-widget {
overflow:hidden;
margin:0;
padding:5px 0 0;
}

.ngg-widget-slideshow {
overflow:hidden;
margin:0;
padding:5px 0 0;
}

.ngg-widget img {
border:2px solid #09c;
margin:0 2px 2px 0;
padding:1px;
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
background:#F9F9F9;
border:1px solid #E0E0E0;
overflow:hidden;
margin-bottom:1em;
margin-top:1em;
padding:5px;
}

.ngg-related-gallery img {
border:1px solid #DDD;
float:left;
height:50px;
width:50px;
margin:0 3px;
padding:2px;
}

.ngg-related-gallery img:hover {
border:1px solid #000;
}

/*-- Lightbox --*/
#jquery-overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
}

#jquery-lightbox {
position:absolute;
top:0;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}

#jquery-lightbox a img {
border:none;
}

#lightbox-container-image-box {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}

#lightbox-container-image {
padding:10px;
}

#lightbox-loading {
position:absolute;
top:40%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0;
}

#lightbox-nav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}

#lightbox-container-image-box > #lightbox-nav {
left:0;
}

#lightbox-nav a {
outline:none;
}

#lightbox-nav-btnPrev,#lightbox-nav-btnNext {
width:49%;
height:100%;
zoom:1;
display:block;
}

#lightbox-nav-btnPrev {
left:0;
float:left;
}

#lightbox-nav-btnNext {
right:0;
float:right;
}

#lightbox-container-image-data-box {
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
line-height:1.4em;
overflow:auto;
width:100%;
margin:0 auto;
padding:0 10px;
}

#lightbox-container-image-data {
color:#666;
padding:0 10px;
}

#lightbox-container-image-data #lightbox-image-details {
width:70%;
float:left;
text-align:left;
}

#lightbox-image-details-caption {
font-weight:700;
}

#lightbox-image-details-currentNumber {
display:block;
clear:left;
padding-bottom:1em;
}

#lightbox-secNav-btnClose {
width:66px;
float:right;
padding-bottom:0.7em;
}

/* ----------- Other -------------*/
#akdinamozrinjevac-banner {
display: block;
background: url(images/akdinamozrinjevac-banner.png) no-repeat;
width:228px;
height:50px;
text-indent: -9999px;
overflow: hidden;
}