body
{
text-align:center;
FONT-FAMILY: Garamond, Times, serif;

background-color:#663300;		

}
#hlavni_1
{
background-color:#F9ECB7;
padding:0px;
width:770px;
border:0px;
}

#hlavni0
{
background-color:#F9ECB7;
padding:0px;
width:770px;
border:0px;
}
#hlavni1
{
background-color:#F9ECB7;
width:auto;
}

#hlavni
{
	border:0;
	width:770px;
	text-align:center;
	background-color:#F9ECB7;
}	
#obsah {
	border: 0px;
	background-color:#F9ECB7;
	text-align:left;
	width:510px;
	margin:50px 130px;
	
}

#zahlavi
{
	height:96px;
	background-image: url(images/pozadi_01.jpg);	
}
#zahlavi2
{
	background-image: url(images/pozadi_03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:96px;
	margin:0;
padding:0px;
	border-bottom: 8px solid #663300;




}

#dolni
{
	clear:both;
	height:180px;
	left:0px;
	background-image: url(images/pozadi_05.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding: 0px;
	background-color:#F9ECB7;	
}
#paticka
{
position:relative;
left:0px;
top:150px;
font-size:11px;
}
#pagetitle {
color:#663300;
font-weight:bold;
text-transform:uppercase;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #663300;
margin:0 0 15px 0;
}

#navigace {
	float:left;
	padding:15px;
	text-align:left;
	width:600px;
	text-transform:uppercase;
	line-height:1.5em;
	font-size:14px;
	font-weight:bold;
	color:#663300;
	word-spacing: 5px;
}
#navigace a  {
	color:#9999FF;
	font-weight:lighter;
	padding:5px;
}
#navigace a:hover {
	color:#663300;
	font-weight:lighter;
	
}

.jumpmenu { text-align: right; }
.novepridane {
padding-bottom:10px
}

.podpis {
	font-style: italic;
	padding-left: 15px;
}
.novinky {
  background-color: #663300;
  padding:10px;
  color:#F9ECB7;
}
.recentstory {
  background-color: #663300;
  padding:10px;
  color:#F9ECB7;
  margin-bottom:6px;
}
a:link  {
	color:#9999FF;
	text-decoration: none;
}
a:visited  {
	color:#9999FF;
	text-decoration: none;
}
a:active {
	color:#9999FF;
	text-decoration: none;
}
a:hover {
	color:#663300;
	
}
p
{
line-height:1.3em;

}
h1
{
	color:#9999FF;
	text-transform:uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9999FF;
	font-size: medium;
}

#story {
line-height:1.3em;
text-align:justify;
padding-bottom:50px;
}
#story p
 {
 margin-top: 0px; margin-bottom: 0px;

 }
LABEL { margin-right: 3px; 
}

/* If you allow horizontal rules style those */
HR { background: #663300; height: 1px; color: #663300; margin: 0 5%; }

/* The links at the bottom of the page for any page that needs pagination */
#pagelinks { text-align: center; margin: 1em; }

/* On pages with alphabet links this will control how that list of links appears */
#alphabet { text-align: center; margin: 1em;}

/* This controls the look of divs surrounding the "Issue a Challenge!" "Respond to the Challenge!" etc links */
.respond { text-align: center; }

/* The labels for our stories and series listings */
.classification { font-weight: bold; }

/* When an admin is logged in this controls the appearance of the admin options links throughout the site */
.adminoptions { font-weight: bold; }

/* The jump lists in the viewstory page and a couple other places */
.jumpmenu { text-align: right; }

/* In pages with stories and series this controls the appearance of the "Stories" and "Series" section headers */
.sectionheader { font-weight: bold; font-size: 120%; color: #663300; text-align: center; width: 100%; clear: both; margin: 1em 0; }

/* Formatting for the title blocks in series and challenge pages */
#titleblock {
 margin: 0 10%;
 background: #F9ECB7;
 color: #000;
 border: 2px solid #663300;
 padding: 7px;
 padding-left: 40px;
}

/* Formatting for the divs for series and stories.  Note that you can set 2 different looks using .even and .odd  However, that wasn't used here. */
.listbox {
	
	margin: 3em;
	
	font-size:90%;

}
.listbox .title a:hover{color:#F9ECB7; }
.listbox .title {font-weight: bold; padding: 4px;  color: #F9ECB7; line-height: 20px; vertical-align: baseline;background-color:#663300;}
.listbox .content {
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #663300;
}
.listbox .tail, .listbox .respond {
 padding: 5px;
 padding-top: 20px;
 text-align: right;
 padding-right: 0px;
}
/* End listbox formatting. */




/* tabs control the 3 tabs below the user's bio information for stories, favorite stories/series, and favorite authors. */



/* The left and right tabs have no borders while the center tab has right and left borders shared by the other two.  
We need to set the width to 98% here otherwise it would inherit the 33% from the declaration above forcing the center tab to 33% of the 33%.
We use 98% because IE has some problems with setting anything to 100% and the difference for Firefox isn't worth 2 declarations really. */
#tabs #centertab {
  background: transparent;
  border-right: 1px solid #663300;
  border-left: 1px solid #663300;
  width: 98%;
  padding: 0;
}

/* The look of links within the tabs.  Generally they're going to have to be different from the regular page links.  
I haven't bothered with the visited or active states. */
#tabs a { color: #663300; }
#tabs a:hover { text-decoration: none; color: #C66; }


/* This one controls how the text of the story looks.  Just the text of the story! */
#story { padding: 5px; }

/* This controls the categories block on the categories page.  There are also some built in declarations in header.php which you can override that control the column
widths and a few other things. */
#categoriesblock { width: 90%; padding-left: 5%; padding-bottom: 1em; line-height:1.3em; }

/* This class is used to clear up some bugs in IE that make text disappear for a couple different reasons.  
If text is disappearing in IE apply this class to the PARENT element of the one disappearing.*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline; }
/* Hides form IE-Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block; }
/* End hiding */



h2 {
	font-size: large;
	font-weight: bold;
	color: #9999FF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9999FF;
}
h3 {
	font-size: large;
	color: #663300;
}