/*
	This is the CSS stylesheet that is used for the sandiego Nucleus skin.
	
	Here's how the pages are built up:


	MAIN PAGE
	---------

	body
	 div.container
	  div.intro
	  	div.pageheader
	  		h1 (site title)
	  	div.preamble
	  div.contents
	      h2 (date header)
	        h3 (item title)
	          div.itembody (item text)
	          span.iteminfo (time / author / editlink / amount of comments)
	  div.menu
	    h1 (navigation, hidden link)
	      h2 (menu titles)
	  div.footer
	
	DETAILED PAGE
	-------------
	body
	  div.contents
	    h1 (site title)
	      h2 (item title)
	        div.itembody (item text)
	        div.iteminfo (item info)
	      h2 (comments)
	        h3 (commentor name)
  	          div.commentbody
	      h2 (add comment)
	  div.logo
	  div.menu	
	    h1 (navigation, hidden link)
	      h2 (menu titles)

	OTHER PAGES
	-----------
	
	other pages are similar, having a .contents and a .menu part
*/
 

/*
	The body definitions define how the page should globally look:
	- a small verdana, arial or font from the sans-serif family
	- black text on a white background
*/


body {
	background-color: #666;
	color: #666;
	margin-top: 10px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 10px;
	padding: 0;
	font: 14px/1.5 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	
	
	
}

/*here are the main parts*/

.container {
	color: inherit;
	border: 1px solid white;
	background-color: #fff;

}


.pageheader {
	background-color: #FEB030;
	background-image: url(pics/teaser.jpg);
	background-repeat: no-repeat;
	background-position: -8px -110px;
	height: 110px;
	overflow: hidden;
	border-bottom: 1px solid white;
	
}


.content_container{
	width: 100%;
  	float: right;
  	margin-left: -201px;
  	background: #656565 url(pics/menu_bg.gif) repeat-y left;
  	/*border-bottom: 1px solid #888;*/
}

.contents {
	background-image: url(pics/teaser_content.jpg);
	background-position: -208px -222px;
	background-repeat: no-repeat;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 30px;
	margin-top: 0px;
	margin-left: 201px;
	margin-bottom: 0px;
	background-color: #fff;
	color: inherit;
	border-top: 1px solid #ccc;
}

.menu {
	
	float: left;
	width: 200px;
	background-image: url(pics/teaser_nav.jpg);
	background-position: -8px -222px;
	background-repeat: no-repeat;
	background-color: #E0E7EF;
	color: #fff;
	font: 12px/1.5 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	font-weight: bold;
	padding: 0px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.menucontent {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background-image: url(pics/teaser_nav_content.jpg);
	background-position: -8px -232px;
	background-repeat: no-repeat;
	background-color: #F0D19C;	
}


.menu h2 {
	background-color: #ffcc66;
	font-size: 12pt;
	padding-left: 10px;
	margin: 0;
	border-top: 4px solid #E0E7EF;
	color: #fff;
}

.menu h2.teaser{
	border: none;
	background-image: url(pics/teaser_nav_title.jpg);
	background-position: -8px -232px;
	background-repeat: no-repeat;
	color: #fff;
	
}


.menu a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid;
	line-height: 1.75;
}



.menu a.current {
	color: white;
	background-color: #888;
	font-weight: bold;
}



.menu form {
	margin-top: 10px;
}

.menu .loginform {
	margin-top: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.menu form input{
	margin-top: 5px;
}

.menu a:hover, a:focus {
	color: #fff;
	background-color: #FEB030;
	
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 10px;
}



.footer {
	clear: both;
	background-color: #FEB030;
	background-image: url(pics/footer.gif);
	border-top: 1px solid #888;
	height: 26px;
	padding-left: 10px;
	overflow: hidden;
	font-size: x-small;
}



/*these are used for faux columns*/
.wrapper {
  	background: url(pics/menu_bg.gif) repeat-y left;

}

.clearing {
  	height: 0;
  	clear: both;
}

/*end of faux columns*/

.menu a img {
	text-decoration: none;
	border: 1px solid #888;
	margin-top: 10px;
}

.sponsorlogo a{
	border: none;
	padding-left: 10px;
	text-decoration: none;
}

.sponsorlogo a:hover{
	background-color: #F0D19C;
}



/*these are for the content*/

/*site title*/
h1 {
	font-size: 18px;
	color: #5D8AC3;
	border-bottom: 1px solid #bbb;
	margin-top:5px;
	padding: 0px; 
	
}



/* item title */
.contents h2 {
	border: 1px solid #bbb;
	
	padding: 2px; 
	
	font-size: 10px;

	margin-bottom: 0px;
	color: #666;
}

.contents li {
	margin: 10px;
}

.leiter td {
	width: 200px;
	margin: 0px;
	padding: 0px;
}

.leiter td.placeholder {
	width: 50px;
}

h3.item {
	font-size: medium;
	margin: 0px;
	margin-top: 10px;
	
}


.itembody {	
	margin-top: 5px;	
	margin-bottom: 5px;
}


.iteminfo {	
	font-size: x-small;
}

.iteminfo a {
	font-weight: bolder;
	color: #555;
	text-decoration: none;
}


.contents a{
	color: #5D8AC3;
	
}

.inline_nav {
	float: right;
	margin: 5px;	
	padding-bottom: 5px;
	padding-top: 5px;	
	padding-left: 5px;
	color: #5D8AC3;
	font-size: 12px;
}


.contents a:visited {
	color: #A0C0FF;
}

.contents a:hover, a:focus {
	color: #ffbb66;
}

.monthprogram {
	border-collapse:collapse;
}

.monthprogram td{
	border: 1px solid #888;
	padding: 5px;
}

.results {
	margin-top: 10px;
	margin-bottom: 20px;
	border-collapse:collapse;
	font-size: 11px;
}

.results td{
	border: 1px solid #bbb;
	padding: 5px;
}

.results th{
	border: 1px solid #bbb;
	padding: 5px;
	font-size: 9px;
}


/*
	Some rules that apply to contents generated using the markup buttons 
	"add left box" and "add right box"
	
	both boxes have slightly larger text, and take a maximum of 20% of 
	the width of the contents.
*/

.leftbox, .rightbox {
	margin: 5px;
	margin-top:0px;
	padding-bottom: 5px;
	padding-top: 5px;	
	font-size: larger;
}
.leftbox {
	float: left;
	padding-right: 5px;
}
.rightbox {
	float: right;
	padding-left: 5px;
}

img {
	border: none;
}