/*
Theme Name: Podi
Theme URI: http://podi.bubi.si/
Description: A theme that will display Wordpress as a home page for an agility dog
Author: Luka and Spela
Author URI: http://www.bubi.si/
Version: 1.1beta1
Tags: variable width, different templates, widgets, sidebars, embedded fonts
.
This theme is optimised not for a blog but for a homepage and for a sportly active dog or dog lover.
To-Do: 	
	* optimisation (pagination does not work well on search)

Done: 
	- thumbnail photo of page
	- commentary
	- IE optimisation
	- favicon
	- embedded fonts
	- display recent agility results
	- display recent news/blog activity
	- variable width
	- many new sidebars
	- certain pages and categories has to have different presentation
	- pictures background
	- display pictures from picasa in a sidebar
	- multilanguage
	- center pictures, give them frame and title
	- style text
	- style right sidebar
	- pictures in header
	- curved edges (only on Mozilla, Opera beta, Chrome)
	- check for XHTML validation (embeded movies does not validate)
	- added print stylesheet
	- style
*/

/* basic definition of the page */
html {
	padding: 0;
	margin: 0;
}
body {
	padding: 0;
	margin: 0;
	text-align:center;
	font-size:100%;
	background-color:#778da4;
	background-image: url('http://podi.bubi.si/wp-content/themes/podi/images/background.png');
	background-repeat:repeat-x;
	background-position:0 1px;
	font-family:'LiberationSerif', 'Times New Roman', serif;
}

/* background picture of Podi */
#background {
	margin:0;
	padding:0;
	position:absolute;
	background-image: url('http://podi.bubi.si/wp-content/themes/podi/images/podi_hp.png');
	background-repeat:no-repeat;
	background-position:right 1px;
	z-index:-2;
	width:100%;
	min-width:900px;
}
#background.agility {
	background-image: url('http://podi.bubi.si/wp-content/themes/podi/images/podi_ag.png');
	background-repeat:no-repeat;
	background-position:27% 1px;
}
#background.blog {
	background-image: url('http://podi.bubi.si/wp-content/themes/podi/images/podi_dnevnik_m.png');
	background-repeat:no-repeat;
	background-position:right 30px;
}
#background.index-page {
	background-image:none;
}

/* wrapper */
#wrapper {
	padding:0;
	margin:0;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	min-width:880px;
}

/* header */
#header {
	padding:0;
	margin:0;
	text-align:justify;
	height:50px;
	font-family: 'Graffiti';
}
#header h1 {
	padding:0;
	margin:0;
	float:left;
	font-size:2.5em;
	text-decoration:none;
	font-width:bold;
	font-style:italic;
	height:50px;
	color:#fff;
}
#header a {
	padding:0;
	margin:0;
	text-decoration:none;
	color:#fff;	
	text-shadow:5px 5px 2px #6f5f50;
}
#header a:hover {
	padding:0;
	margin:0;
	text-decoration:none;
	color:#fff;	
	text-shadow:5px 5px 2px #6f5f50;
}
#header #description {
	padding:0;
	margin:0;
	margin-top:20px;
	margin-right:10px;
	float:right;
	width:400px;
	color:#fff;
	font-size:1.3em;
	text-shadow:5px 5px 2px #6f5f50;
}
#header #xlanguage {
	padding:0;
	margin:0;
	margin-top:16px;
	float:right;
	font-family:'LiberationSans', Arial, sans;
}
#header #xlanguage ul {
	padding:0;
	margin:0;
	text-align:right;
	width:104px;
	list-style:none;
}
#header #xlanguage li {
	padding:2px;
	padding-top:0px;
	float:left;
}
#header #xlanguage img {
	border:0px solid #ea8114;
	/* for IE */
  	filter:alpha(opacity=100);
	/* CSS3 standard */
  	opacity:1.0;
}
#header #xlanguage a img {
	border:0px solid #fff;
	/* for IE */
  	filter:alpha(opacity=70);
	/* CSS3 standard */
  	opacity:0.7;
}
#header #xlanguage a:hover img {
	border:0px solid #ea8114;
	/* for IE */
  	filter:alpha(opacity=90);
	/* CSS3 standard */
  	opacity:0.9;
}
/* sidebar-header */
#sidebar-header {
	padding:0;
	margin:0;
	margin-top:30px;
	margin-bottom:15px;
	text-align:center;
	height:360px;
	color:#fff;
	width:100%;
}
#sidebar-header.pages, #sidebar-header.blog {
	width:70%;
}
#sidebar-header.agility {
	width:100%;
}
#sidebar-header a {
	margin:0;
	padding:0;
	color:#6f5f50;
	font-weight:bold;
	text-decoration:none;
}
#sidebar-header a:hover {
	margin:0;
	padding:0;
	color:#6f5f50;
	font-weight:bold;
	text-decoration:underline;
}
#sidebar-header h2, #sidebar-header h2 a {
	margin:0;
	padding:0;
	text-align:center;
	font-size:1.4em;
	color:#6f5f50;
}
#sidebar-header .title {
	font-family:'Promocyja';
	font-size:2.0em;
	color:#6f5f50;
	text-align:center;
	font-weight:bold;
}
#sidebar-header ul, #sidebar-header li {
	padding:0;
	margin:0;
	list-style:none;
}
#sidebar-header ul {
	height:230px;
	padding:10px;
}
/* widget id can differ from site to site */
#nav_menu-4 a, #recent-posts-3 a {
	color:#ffffff;
	font-size:1.0em;
	font-weight:normal;
}
#nav_menu-4 a:hover, #recent-posts-3 a:hover {
	color:#ffffff;
	font-weight:normal;
}
/* first block */
#nav_menu-3, #nav_menu-5, #nav_menu-6 {
	float:left;
	padding:0;
	margin:0;
	height:300px;
	text-align:justify;
	font-family:'Graffiti';
}
.pages #nav_menu-3, .pages #nav_menu-5, .pages #nav_menu-6, .blog #nav_menu-3, .blog #nav_menu-5, .blog #nav_menu-6 {
	width:33%;
	min-width:150px;
}
.agility #nav_menu-3, .agility #nav_menu-5, .agility #nav_menu-6 {
	width:25%;
	min-width:150px;
	margin-left:-1%;
}
#nav_menu-3 ul, #nav_menu-5 ul, #nav_menu-6 ul {
	padding-top:45px;
	padding-left:35px;
	padding-right:35px;
	font-size:1.3em;
}
#nav_menu-3 li, #nav_menu-5 li, #nav_menu-6 li {
	padding-bottom:5px;
}
#nav_menu-3 li a, #nav_menu-5 li a, #nav_menu-6 li a {
	display:block;
	text-align:center;
	text-decoration:none;
	text-shadow:5px 5px 3px #fff;
}
#nav_menu-3 li a:hover, #nav_menu-5 li a:hover, #nav_menu-6 li a:hover {
	display:block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	text-shadow:5px 5px 3px #6f5f50;
}
/* second block */
#recent-posts-3, #text-3, #text-5 {
	float:left;
	display:block;
	padding:0;
	margin:0;
	height:300px;
	text-align:left;
}
#text-3 {
	text-align:justify;
}
.pages #recent-posts-3, .pages #text-3, .pages #text-5, .blog #recent-posts-3, .blog #text-3, .blog #text-5 {
	width:33%;
	min-width:150px;
}
.agility #recent-posts-3, .agility  #text-3, .agility #text-5 {
	width:50%;
	min-width:400px;
}
#text-3 div, #text-5 p, #text-3 h2, #text-5 h2 {
	width:51%;
	float:right;
}
#recent-posts-3 ul li, #text-3 ul li, #text-5 ul li {
	margin:0;
	padding:0;
	margin-bottom:10px;
}
/* third block */
#nav_menu-4, #text-4, #text-6 {
	float:right;
	padding:0;
	margin:0;
	height:300px;
	text-align:left;
}
#text-6 {
	text-align:justify;
}
.pages #nav_menu-4, .pages #text-4, .pages #text-6, .blog #nav_menu-4, .blog #text-4, .blog #text-6 {
	width:33%;
	min-width:150px;
}
.agility #nav_menu-4, .agility #text-4, .agility #text-6 {
	width:24%;
	min-width:150px;
}
/* */
#text-3 a:hover, #text-5 a:hover, #text-4 a:hover, #text-6 a:hover {
	font-weight:normal;
}
#text-4 p, #text-4 img, #text-4 a, #text-6 p, #text-6 img, #text-6 a {
	margin:0;
	padding:0;
}
#text-4 li, #text-6 li {
	margin-right:25px;
	text-align:center;
}
#text-4 li img, #text-5 li img {
	padding:3px;
	margin:0;
	background-color:#778da4;
	border:2px solid #ffffff; 
}
#nav_menu-4 ul li, #text-4 ul li, #text-6 ul li {
	margin:0;
	padding:0;
	margin-bottom:10px;
}
#text-4 span {
	font-size:0.85em;
}

/* sidebar-right */
#sidebar-right-bg {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#fff;
	/* for IE */ 
  	filter:alpha(opacity=60);
	/* CSS3 standard */ 
  	opacity:0.60;
  	z-index:-1;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#sidebar-right {
	position:relative;
	float:right;
	width:20%;
	min-width:200px;
	margin:0;
	padding:0;
	height:100%;
	border:1px solid #fff;
	text-align:center;
	color:#000;
	font-size:1.0em;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#sidebar-right-inside {
	margin:15px;
}
#sidebar-right #kontakt {
	margin:0;
	padding:0;
	margin-bottom:25px;
	text-align:center;
}
#sidebar-right h2 {
	font-family:'Graffiti';
	color:#6f5f50;
}
#sidebar-right #kontakt ul {
	margin:0;
	padding:0;
	text-align:center;
}
#sidebar-right div.title {
	margin:0;
	padding:0;
	padding-top:15px;
	color:#6f5f50;
	font-family:'Graffiti';
	font-size:1.4em;
}
#sidebar-right a, #sidebar-right a .yearCount {
	margin:0;
	padding:0;
	color:#000;
	text-decoration:underline;
}
#sidebar-right a:hover, #sidebar-right a:hover .yearCount {
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
}
#sidebar-right img {
	padding:3px;
	margin:0;
	background-color:#778da4;
	border:2px solid #ffffff;
}
#sidebar-right ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
}
#sidebar-right ul.page {
	text-align:center;
}
#sidebar-right ul li ul {
	margin:0;
	padding:0;
	margin-left:30px;
}
/* content */
#content-bg {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#fff;
	/* for IE */ 
  	filter:alpha(opacity=90);
	/* CSS3 standard */ 
  	opacity:0.9;
  	z-index:-1;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#content {
	position:relative;
	padding:0;
	margin:0;
	width:75%;
	height:100%;
	text-align:center;
	border:1px solid #fff;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#content.index-page {
	margin-top:25px;
	margin-bottom:25px;
	width:100%;
	min-width:500px;
}
#content-inside {
	margin:15px;
}
#content h1, #content h1 span {
	margin:0;
	padding:0;
	float:left;
	text-align:left;
	font-family:'Promocyja';
	color:#ea8114;
}
#content h1.post, #content h1.post span {
	min-height:80px;
	max-width:85%;
}
#content h1 a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#ea8114;
}
#content h1 a:hover {
	margin:0;
	padding:0;
	text-decoration:underline;
	color:#ea8114;
}
#content h2 {
	margin:0;
	padding:0;
	text-align:left;
	font-family:'Promocyja';
	font-size:1.8em;
	color:#ea8114;
}
#content h3 {
	margin:0;
	padding:0;
	text-align:left;
	font-family:'Promocyja';
	font-size:1.6em;
	color:#778da4;
}
#content .date {
	margin:0;
	padding:0;
	margin-right:15px;
	float:left;
	border:2px solid #fff;
	width:50px;
}
#content .date_year {
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	width:30px;
	border-bottom:2px dotted #fff;
	font-family: 'LiberationMono';
	font-size:0.8em;
	text-align:center;
	background-color:#ea8114;
	color:#fff;
}
#content .date_day {
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	width:30px;
	font-family: 'LiberationMono';
	font-size:1.5em;
	text-align:center;
	background-color:#778da4;
	color:#fff;
	font-weight:bold;
}
#content .date_month {
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	width:30px;
	font-family: 'LiberationMono';
	font-size:0.8em;
	text-align:center;
	background-color:#778da4;
	color:#fff;
}
#content .meta {
	margin:0;
	padding:0;
	height:15px;
	font-weight:bold;
}
#content .author {
	display:none;
}
#content .tags, #content .category, #content .edit, #content .comments {
	margin:0;
	padding:0;
	margin-left:5px;
	margin-right:5px;
	float:left;
	font-family:'LiberationMono';
	font-size:0.6em;
}
#content p {
	margin:0;
	padding:0;
	padding-bottom:10px;
	text-align:justify;
}
#content p.nocomments {
	display:none;
}
#content table {
	width:100%;
}
#content ul, #content ol {
	margin:0;
	padding:0;
	padding-left:15px;
	text-align:left;
}
#content li {
	margin:0;
	padding:0;
	margin-left:10px;
	list-style-image:url('./images/taca.gif');
	text-align:left;
}
#content a {
	margin:0;
	padding:0;
	color:#ea8114;
	font-weight:bold;
}
#content a:hover {
	margin:0;
	padding:0;
	color:#778da4;
	text-decoration:none;
	font-weight:bold;
}

#content .wp-caption {
	display:block;
	padding:0;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:8px;
	padding-bottom:8px;
	border:1px solid #ea8114;
	background-color:transparent;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#content div.alignleft {
	margin-left:10%;
	float:left;
}
#content div.alignright {
	margin-right:10%;
	float:right;
}
#content div.clear-both p.pic_text_left {
	float:left;
	text-align:left;
	margin-left: 10%;
	width: 38%;
}
#content div.clear-both p.pic_text_right {
	float:right;
	text-align:right;
	margin-right: 10%;
	width: 38%;
}
#content .wp-caption p {
	margin:0;
	padding:0;
	text-align:center;
	font-family:'LiberationSans';
	font-size:0.8em;
}
#content .wp-caption-text {
	display:none;
}
#content .gallery-caption {
	display:none;
}
#content .wp-caption a img {
	margin:0;
	padding:0;
} 
#content .wp-caption a:hover img, #content p.attachment a:hover img  {
	/* for IE */ 
  	filter:alpha(opacity=60);
	/* CSS3 standard */ 
  	opacity:0.6;
  	border:2px solid #ea8114;
}
#content p.attachment {
	text-align:center;
}
#content a img  {
	margin:0;
	padding:4px;
	border:2px solid #778da4;
}
/* picture in agility */
#content div #attachment_2757 {
	width:90%;
}

#content .box {
	display:block;
	margin:5px;
	padding:10px;
	margin-top:5px;
	width:225px;
	border:1px solid #fff;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	font-size:0.8em;
	background-color:#778da4;
	/* for IE */ 
  	filter:alpha(opacity=80);
	/* CSS3 standard */ 
  	opacity:0.80;
}
#content .box:hover {
	/* for IE */ 
  	filter:alpha(opacity=100);
	/* CSS3 standard */ 
  	opacity:1.0;
	background-color:#ea8114;
}
#content .box a {
	color:#000;
	font-weight:bold;
}
#content .box a:hover {
	color:#000;
	font-weight:bold;
}
#content .rbox {
	float:right;
	margin-right:0;
}
#content .lbox {
	float:left;
	margin-left:0;
}

/* post navigation */
#post_navigation {
	padding:0;
	margin:0;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
#post_prev {
	padding:0;
	margin:0;
	margin-bottom:10px;
	display:block;
	float:left;
	width:45%;
	text-align:left;
}
#post_next {
	padding:0;
	margin:0;
	margin-bottom:10px;
	display:block;
	float:right;
	width:45%;
	text-align:right;
}
.post_pages {
	font-size:1.5em;
}
/* picture in information is floating */
#content #attachment_2335 {
	margin-left:15px;
	float:right;
}
/* comments */
#content ol.commentlist {
	font-family:'Graffiti';
	font-size:2.0em;
}
#content ol.commentlist li.pingback {
font-family:'LiberationSans';
}
#content li.comment.even, #content li.pingback.even {
	margin:15px;
	padding:15px;
	border:1px solid #ea8114;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	color:#ea8114;
}
#content li.comment.odd, #content li.pingback.odd {
	margin:15px;
	padding:15px;
	border:1px solid #778da4;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	color:#778da4;
}
#content li.comment.odd div.comment-body, #content li.comment.even div.comment-body, #content li.pingback.even div.comment-body, #content li.pingback.odd div.comment-body {
	font-family:'LiberationSans';
	font-size:0.5em;
	color:#000;
}
#content li.comment.even img.avatar {
	float:right;
	margin:10px;
	padding:10px;
	border:1px solid #ea8114;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	
}
#content li.comment.odd img.avatar {
	float:right;
	margin:10px;
	padding:10px;
	border:1px solid #778da4;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#content #respond {
	padding:15px;
	margin-left:auto;
	margin-right:auto;
	width:550px;
	border:1px solid #778da4;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	text-align:center;
}
#content textarea {
	width:90%;
}

/* footer */
#footer-bg {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#fff;
	/* for IE */ 
  	filter:alpha(opacity=60);
	/* CSS3 standard */ 
  	opacity:0.60;
  	z-index:-1;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#footer {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	margin-top:15px;
	margin-bottom:15px;
	padding-top:15px;
	padding-bottom:15px;
	border:1px solid #fff;
	text-align:center;
	font-family:LiberationSerif;
	font-size:0.8em;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#footer ul {
	margin:0;
	padding:0;
}
#footer ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#footer h2 {
	margin:0;
	padding:0;
	display:none;
}

/* credits */
#credits {
	margin:0:
	padding:0;
	margin-bottom:10px;
	font-family:LiberationSans;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}
#credits a {
	font-family:LiberationSerif;
	text-decoration:underline;
	color:#fff;
}
#credits a:hover {
	text-decoration:none;
	color:#000;
}

/* clear */
.clear-left {
	clear:left;
}
.clear-both {
	clear:both;
}

/* ************************************ */
/* index page */
/* ************************************ */

#index-page {
	text-align:center;
}
#index-page-bg {
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	width:850px;
	height:569px;
	background-image:url('images/bg-index-page.jpg');
	text-align:justify;
}

#index-page #slo-intro, #index-page #eng-intro, #index-page #ger-intro {
	margin:0;
	padding:0;
	margin-top:25px;
	margin-left:62.5px;
	padding-top:20px;
	float:left;
	width:200px;
	height:499px;;
	background-color:white;
	/* for IE */
  	filter:alpha(opacity=70);
	/* CSS3 standard */
  	opacity:0.7;
  -webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	text-align:center;
}
#index-page img {
	padding:5px;
	background-color:#778DA4;
}
#index-page a {
	color:#000;
	text-decoration:none;
}
#index-page a img {
	border:2px solid #EA8114;
}
#index-page a span.index-text img {
	padding:0;
	background-color:transparent;
	border:0px solid #EA8114;
}
#index-page a:hover #slo-intro, #index-page a:hover #eng-intro, #index-page a:hover #ger-intro {
	/* for IE */
  	filter:alpha(opacity=90);
	/* CSS3 standard */
  	opacity:0.9;
}
#index-page span.index-text {
	display:block;
	margin-top:25px;
	padding:10px;
	text-align:left;
}