/*  
Theme Name:Ultimate Baseball
Theme URI:http://www.category4.com/2008/04/08/ultimate-baseball-theme-for-wordpress-released/
Description:A baseball theme with built-in RSS,masthead and Flickr options
Version:1.0 
Author:Kategorie 4
Author URI:http://www.category4.com/2008/04/08/ultimate-baseball-theme-for-wordpress-released/
*/
/*The CSS,XHTML and design is released under Creative Commons Attribution-Share Alike:
http://creativecommons.org/licenses/by-sa/2.0/
TABLE OF CONTENTS
HTML Elements
Page Structure
Headings
Content Styles
Forms
Clear
Footer
---------- @ HTML Elements -----------*/
*{
margin:0;
padding:0;
}
body,html{
min-height:101%;/*Firefox scrollbar fix*/
}
body{
background:#898586;
color:#4c4944;
}
body,select,textarea,input{
font:100% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
}
p{
line-height:155%;
margin:15px 0;
}
a,a:visited{
color:#373531;
text-decoration:none;
}
a:hover,a:active{
text-decoration:underline;
}
*:focus{
outline:none;
}
ol{
margin:15px 15px 15px 35px;
}
a img{
border:none;
}
/* ---------- @ Page Structure -----------*/
#content{
float:right;
width:538px;
}
#interior #masthead{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/bg_masthead2.gif);
height:25px;
min-width:857px;
}
#top{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/top1.jpg) no-repeat center top;
border-bottom:2px solid #0b0f1a;
height:184px;
min-width:857px;
}
.wrapper{
font-size:0.7em;
margin:0 auto;
width:850px;
}
#leather{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/bg_leather.jpg);
padding:18px 0 30px 0;
min-width:857px;
}
#description{
color: #ffffff;
font-size:0.9em;
letter-spacing:0.06em;
padding:5px 0 0 70px;
text-transform:uppercase;
}
.left{
float:left;
}
.right{
float:right;
}
/* ---------- @ Headings -----------*/
h1{
font:bold 2.8em Helvetica,Arial,Verdana,sans-serif;
padding:5px 0 0 70px;
}
h2{
font:bold 2em/100% Helvetica,Arial,Verdana,sans-serif;
}
h2#pagetitle{
font:2.2em Helvetica,Arial,Verdana,sans-serif;
letter-spacing:-0.02em;
}
h3{
color:#373531;
font:bold 1.5em/110% Arial,Verdana,sans-serif;
margin:1em 0;
}
#meta h3{
margin-bottom:-7px;
}
h4{
font-size:1.2em;
}
#commentarea h4{
margin-bottom:13px;
}
p.pagetitle{
font-size:1.3em;
font-weight:bold;
margin-bottom:13px;
text-align:right;
}
#submenu h4{
margin:6px 0 5px 0;
}
/* ---------- @ Content Styles -----------*/
h1 a,h1 a:visited{
color:#ffffff;
}
h1 a:hover,h1 a:active{
text-decoration:underline;
}
/*Sidebar Styles*/
#sidebar{
float:left;
margin-right:17px;
margin-top:0;
width:285px;
}
#sidebar ul{
list-style:none;
}
.widget{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/bg_widget.jpg);
margin-bottom:15px;
padding:8px 14px 14px 14px;
height:422px;
}
.widget table{
width:100%;
}
.widget table th{
background:#ffffff;
padding:2px 4px;
text-align:left;
}
.widget li{
list-style:square;
margin-left:22px;
padding:2px 0;
}
/*Post Styles*/ 
.post a,.post a:visited,
.commentlist a,.commentlist a:visited{
color:#807a6f;
text-decoration:underline;
}
.post a:hover,.post a:active,
.commentlist a:hover,.commentlist a:active{
color:#a39a89;
}
.post h2 a,.post h2 a:visited{
color:#373531;
text-decoration:none;
}
.post h2 a:hover,.post h2 a:active{
color:#373531;
text-decoration:underline;
}
.entry{
font-size:1.05em;
padding-bottom:20px;
}
.entry ul,.entry ol{
padding:0 15px 10px 10px;
}
.entry ul li{
line-height:155%;
list-style:square;
margin-left:45px;
padding:2px 0;
}
.entry ol li{
margin-left:17px;
padding:2px 0;
}
.entry blockquote,.commentlist blockquote{
background:#efe9df;
border-bottom:1px solid #cdc1b1;
border-right:1px solid #cdc1b1;
font-style:italic;
line-height:140%;
margin:15px 45px 25px 45px;
padding:2px 15px 4px 15px;
}
.entry img{
border:4px solid #ffffff;
float:left;
margin:5px 14px 6px 0;
}
.postmetadata{
font-size:0.9em;
margin-top:10px;
text-transform:uppercase;
}
.entry pre,.entry code{
background:#efe9df;
display:block;
font:1em "Courier New",Courier,monospace;
overflow:auto;
padding:14px;
width:100%;
}
.entry pre{
padding:20px 20px 40px 20px;
}
.entry table{
border-collapse:collapse;
margin:15px 0;
width:100%;
}
.entry td,.entry th{
background:#ffffff;
border-bottom:1px solid #e7e1d8;
padding:4px 8px;
}
.entry th{
font-weight:normal;
text-align:left;
width:35%;
}
/*Comments*/
#commentarea{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/dashes.gif) repeat-x;
padding:35px 0;
margin-top:35px;
}
.commentlist{
margin:25px 0 0 0;
padding:0 0 30px 0;
}
.commentlist li{
background:#f3f0ec;
margin:15px 0 3px 22px;
padding:8px 15px 10px 15px;
}
#commentarea small{
font-size:1.1em;
}
.commentlist cite{
font-size:1.2em;
font-style:normal;
font-weight:bold;
}
.gravatar{
float:left;
}
.commentinfo{
float:right;
padding-top:5px;
width:745px;
}
.commentinfo a,.commentinfo a:visited{
text-decoration:none;
}
.commentlist li.my_comment{
background:#ffffff;
}
li.my_comment cite{
font-size:1.5em;
}
/* ---------- @ Forms -----------*/
#searchform{
float:right;
text-align:right;
width:220px;
}
.widget #searchform{
float:none;
text-align:left;
width:auto;
}
#s{
background:#5a6d8f;
border:3px double #1c1e27;
color:#ffffff;
padding:2px;
width:140px;
}
#searchsubmit{
background:#5a6d8f;
border:3px double #1c1e27;
color:#b5dbf3;
font-size:0.9em;
padding:1px;
}
.field{
background:#ffffff;
border:3px double #d7cbbb;
padding:5px;
}
.field:focus{
background:#f9f7f2;
}
#submit,#contactsubmit{
background:#2c4261 ! important;
border:none;
color:#b5dbf3;
font-size:0.9em;
padding:5px;
text-transform:uppercase;
}
#submit:hover{
background:#000000 ! important;
}
/* ---------- @ Float Clearing -----------*/
.clearfloat:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfloat{
display:inline-block;
}
.clearfloat{
display:block;
}
/* ---------- @ Footer -----------*/
#meta{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/bg_meta.gif) #cdc7c8 repeat-x;
padding:22px 0;
min-width:857px;
}
.block{
float:left;
margin-right:19px;
width:193px;
}
#meta ul{
margin-top:15px;
}
#meta li{
border-top:1px solid #dfdbdb;
list-style:none;
padding:6px 0;
}
#meta a,#meta a:visited{
color:#5b5455;
}
#meta a:hover,#meta a:active{
background:#e0dbdc;
text-decoration:none;
}
#footer{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/bg_footer.gif) repeat-x;
color:#e3dcdd;
font-size:0.75em;
padding:16px 0 30px 0;
text-align:center;
min-width:857px;
}
#footer a,#footer a:visited{
color:#a1caf1;
}
#toplink{
float:right;
margin-top:-20px;
}
#toplink a{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/toplink.gif) no-repeat 10px 10px;
display:block;
width:50px;
height:50px;
}
#toplink a:hover{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/toplink.gif) no-repeat 10px 8px;
display:block;
width:50px;
height:50px;
}
#toplink span{
position:absolute;
left:-1000em;
top:-1000em;
}
/* Begin Contact Form CSS */
.contactform{
overflow:hidden;
position:static;
width:95%;
}
.contactleft{
clear:both;
display:inline;
float:left;
margin:5px 0;
padding:12px 5px;
text-align:right;
width:210px;
}
.contactright{
display:inline;
float:right;
margin:5px 0;
padding:12px 5px;
text-align:left;
width:70%;
}
.contacterror{
background:#ffffff;
border:3px double #ff0000;
}
/* End Contact Form CSS */
/*Top Navbar */
#navbar{
background:#2c4261;
border-top:4px solid #000000;
padding:3px 0 0 6px;
min-width:850px;
}
#nav{
float:left;
font-size:1.1em;
width:610px;
}
#nav,#nav ul{
line-height:1;
list-style:none;
}
#nav li{
float:left;
padding:0 4px;
}
#nav a,#nav a:visited,
#nav li.current-cat-parent a,#nav li.current-cat-parent a:visited{
border-bottom:2px solid #2c4261;
color:#9eaab6;
display:block;
padding:6px 10px 9px 10px;
}
#nav a:hover,#nav a:active{
color:#ffffff;
text-decoration:none;
}
#nav li.current-cat a,#nav li.current-cat a:visited,
#nav li.current-cat-parent a,#nav li.current-cat-parent a:visited{
background:#000830;
border-bottom:2px solid #6e88ad;
color:#ffffff;
}
/* Dropdown Menus */		
#nav li ul{
height:auto;
left:-999em;
position:absolute;
width:200px;
}
#nav li li{
background:#5770a0;
padding:0;
width:200px;
}
#nav li li a,#nav li li a:visited,
#nav li.current-cat li a,#nav li.current-cat li a:visited,
#nav li.current-cat-parent .children li a,#nav li.current-cat-parent .children li a:visited{
background:#5770a0;
border:none;
color:#ffffff;
font-size:0.9em;
font-weight:normal;
padding:9px 10px 9px 12px;
}
#nav li li a:hover,#nav li li a:active,
#nav li.current-cat li a:hover,#nav li.current-cat li a:active,
#nav li.current-cat-parent .children li a:hover,#nav li.current-cat-parent .children li a:active{
background:#496091;
border:none;
}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{
left:auto;
}
a.main:hover{
background:none;
}
#nav li li.current-cat a,#nav li li.current-cat a:visited,
#nav .current-cat .children a,#nav .current-cat .children a:visited{
border:none;
}
#nav li li.current-cat a:hover,#nav li li.current-cat a:active,
#nav .current-cat .children a:hover,#nav .current-cat .children a:active{
border:none;
}
/*Subpage Menu*/
.submenu{
float:right;
margin:30px 0 12px 16px;
width:240px;
}
.subnav li{
border-bottom:1px solid #f6eee2;
list-style:none;
width:240px;
}
.subnav li a,.subnav li a:visited{
background:#bdb5a5;
color:#ffffff;
display:block;
padding:6px 12px;
text-decoration:none;
}
.subnav li a:hover,.subnav li a:active,
.subnav li.current_page_item a,.subnav li.current_page_item a:visited{
background:#a7a092;
}
.subnav li a:hover,.subnav li a:active{
color:#ffffff;
}
/*SubSub Menu*/	
.subnav li li{
border-bottom:0;
list-style:square;
margin-left:30px;
}
.subnav li li a,.subnav li li a:visited{
background:none;
color:#373531;
padding:4px 0;
padding-left:0;
}
.subnav li li a:hover,.subnav li li a:active,
.subnav li li.current_page_item a,.subnav li li.current_page_item a:visited,
.subnav li.current_page_item li a,.subnav li.current_page_item li a:visited{
background:none;
}
.subnav li li a:hover,.subnav li li a:active{
color:#a39a89;
}
/**
* This <div> element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
.jcarousel-container{
position:relative;
}
.jcarousel-clip{
left:40px;
margin:0;
overflow:hidden;
padding:0;
position:relative;
z-index:2;
}
.jcarousel-list{
left:0;
overflow:hidden;
position:relative;
top:0;
z-index:1;
}
.jcarousel-item{
float:left;
height:auto;
list-style:none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width:176px;
}
/**
* The buttons are added dynamically by jCarousel before
* the <ul> list (inside the <div> described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next{
display:none;
z-index:3;
}
.jcarousel-prev{
display:none;
z-index:3;
}
.jcarousel-skin-tango.jcarousel-container-horizontal{
padding:0px 32px 0 43px;
}
.jcarousel-skin-tango.jcarousel-container-horizontal,.jcarousel-skin-tango .jcarousel-clip-horizontal{
height:305px;
width:200px;/*Outer Carousel Wrapper*/
}
.jcarousel-skin-tango .jcarousel-clip-horizontal{
width:177px;/*Inner Carousel Wrapper*/
}
/**
*  Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal{
background:transparent url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/next-horizontal.png) no-repeat 0 -7px;
cursor:pointer;
height:58px;
position:absolute;
right:5px;
top:43px;
width:33px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{
background-position:-32px -7px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active{
background-position:-64px -7px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{
background-position:-96px -7px;
cursor:default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal{
background:transparent url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/prev-horizontal.png) no-repeat 0 -7px;
cursor:pointer;
height:62px;
left:5px;
position:absolute;
top:43px;
width:33px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{
background-position:-32px -7px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active{
background-position:-64px -7px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{
background-position:-96px -7px;
cursor:default;
}
/*Overall carousel*/
/*Flickr*/
#mycarousel{
list-style:none;
padding-top:10px;
}
#mycarousel li{
display:inline;
float:left;
margin:0 60px 0 0;
}
#mycarousel li a img{
display:block;
}
#mycarousel li a{
border:3px solid #ffffff;
display:block;
}
#mycarousel li a:hover{
border-color:#ba313c;
}
/*Styles pertinent only to the homepage*/
#latest h2{
font-size:2.1em;
letter-spacing:0.01em;
line-height:114%;
color:#a1caf1;
}
/*Content Styles*/
#home #masthead{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/bg_masthead.jpg) repeat-x;
border-top:3px solid #2c4261;
color:#ffffff;
height:234px;
padding-top:16px;
min-width:857px;
}
#masthead img{
border:3px solid #cec7b6;
float:left;
}
#latest{
float:right;
width:541px;
}
#latest .postmetadata{
color:#999999;
}
#masthead a,#masthead a:visited{
color:#a1caf1;
}
#leadpic{
border:3px solid #cec7b6;
}
#latest-start{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/dashes.gif) repeat-x bottom;
padding-bottom:10px;
margin-bottom:20px;
width:513px;
}
.excerpt{
background:url(http://www.freundeskreis-loebau.de/wp-content/themes/loebau/images/dashes.gif) repeat-x bottom;
float:left;
height:9em;
margin:4px 25px 0 0;
position:relative;
width:244px;
display:inline;
}
.excerpt .postmetadata{
position:absolute;
bottom:-1.2em;
}
/* ngg */
#slideshowlink{
margin-bottom:15px;
}
.slideshow{
margin-left:auto;
margin-right:auto;
text-align:center;
outline: none;	
}
.ngg-navigation{
clear:both;
margin-top:10px;
}
.ngg-navigation a, .ngg-navigation span{
font:1.2em Verdana, Arial, Helvetica, sans-serif;
margin:0 2px;
padding:3px;
}
.ngg-navigation a.prev,.ngg-navigation a.next{
text-decoration:none;
}
.entry .ngg-gallery-thumbnail img:hover,.entry .ngg-gallery-thumbnail img.hover{
border: 4px solid #ba313c;
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.4.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.4
* @date November 17,2007
* @category jQuery plugin
* @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay{
height:500px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:90;
}
#jquery-lightbox{
left:0;
line-height:0;
position:absolute;
text-align:center;
top:0;
width:100%;
z-index:200;
}
#jquery-lightbox a img{
border:none;
}
#lightbox-image{
border:1px solid #ba313c;
}
#lightbox-container-image-box{
background:#f3e5cd;
border-left:1px solid #ba313c;
border-right:1px solid #ba313c;
border-top:1px solid #ba313c;
height:250px;
margin:0 auto;
position:relative;
width:250px;
}
#lightbox-container-image{
padding:10px;
}
#lightbox-loading{
height:25%;
left:0%;
line-height:0;
position:absolute;
text-align:center;
top:40%;
width:100%;
}
#lightbox-nav{
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:10;
}
#lightbox-container-image-box > #lightbox-nav{
left:0;
}
#lightbox-nav a{
outline:none;
}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{
display:block;
height:100%;
width:49%;
}
#lightbox-nav-btnPrev{
float:left;
left:0;
}
#lightbox-nav-btnNext{
float:right;
right:0;
}
#lightbox-container-image-data-box{
background:#f3e5cd;
border-bottom:1px solid #ba313c;
border-left:1px solid #ba313c;
border-right:1px solid #ba313c;
font:10px/1.4em Verdana,Helvetica,sans-serif;
margin:0 auto;
overflow:auto;
padding:0 10px 0;
width:100%;
}
#lightbox-container-image-data{
color:#666666;
padding:0 10px;
}
#lightbox-container-image-data #lightbox-image-details{
float:left;
text-align:left;
width:70%;
}
#lightbox-image-details-caption{
font-weight:bold;
}
#lightbox-image-details-currentNumber{
clear:left;
display:block;
padding-bottom:1.0em;
}
#lightbox-secNav-btnClose{
float:right;
width:90px;
}