/*  
Theme Name: HeldNet
Theme URI: http://BTism.de
Description: WordPress theme for Oliver held.
Version: 0.1
Author: Boris Tschernach
Author URI: http://BTism.de
*/

@import url(css/reset.css);



/* Forcing vertical scrollbars in Netscape, 
   Firefox and Safari browsers */
   
html { height: 100%; margin-bottom: 1px;}



/* Typo
-------------------------------------------------------------- */



/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #000; 
  font-family: "Trebuchet MS", Verdana, sans-serif;
}
h1,h2,h3,h4,h5,h6 { 
  color: #000; 
  font-family: "Trebuchet MS", Verdana, sans-serif;
}


/* Containers
-------------------------------------------------------------- */

body { text-align: center; padding-bottom: 30px; }

#page-wrapper {
  width: 744px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  text-align: left;
}


#rail {
  width: 235px;
  float: left;
  margin-top: 20px;
}
#rail li 		{ margin-bottom: 15px; }
#rail li li 	{ margin-bottom: 0; }
#rail li ul 	{ padding: 2px 0; }



#content {
  width: 480px;
  float: right;
}


#main-navigation {
  width: 100%;
  background: #999;
  margin-bottom: 20px;
  text-align: left;
}

#main-navigation ul {
  width: 744px;
  margin: 0 auto;
}

.post .content { border-top: 1px solid #707070; margin-top: -5px; padding: 5px 0 0; }
.cv .content { border-top: 1px solid #707070; margin-top: -5px; padding: 20px 0 0; }

#content.category .post { margin-bottom: 20px; }


#footer { 
  width: 744px;
  margin: 15px auto 0;
  padding-bottom: 1px;
  text-align: left;
}

#footer #footer_inner { width: 480px; float: right; border-bottom: 1px solid #707070; }
body#intro #footer #footer_inner { width: 744px; }

#footer address { float: right; }

#intro-movie {
  float: left;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 744px;
  height: 419px;
  background-color: #fff;
}


/* Gallery styles
-------------------------------------------------------------- */

.gallery,
.gallery-overview {
	overflow: hidden;
	clear:both; 
	display:block;
}
.gallery {
	margin-bottom: 10px;
	margin-top: 10px;
}
.gallery-row {
	margin-bottom: 10px;
}

.gallery-thumbnail {
	float: left;
	margin-left: 15px;
}
.gallery-thumbnail.first-item {
	margin-left: 0;
}
.gallery-thumbnail a {
	display: block;
}


/* Slideshow styles
-------------------------------------------------------------- */
#slideshow { position: relative; }
#slideshow .gallery-item img { display: block; margin: 0 auto 0.5em; }
#slideshow p.img { text-align: center; }
#slideshow p.caption { text-align: center; }
#slideshow.gallery { margin: 0; }
.slide-hide { display: none; }


/* Video styles
-------------------------------------------------------------- */
.wordtube {
	margin-bottom: 10px;
	margin-top: 10px;
}



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 1.75em; margin-bottom: 0; color: #000; }
h2 { font-size: 1.75em; }
h3 { font-size: 1em; margin-bottom: 1em; }


h1 {  float:left; width: 235px; text-transform: uppercase; }

.header h2 { font-weight: bold; }
.post .header h2 { display:inline; padding-right: 0.2em; }
.post .header .meta { display:inline; font-size: 0.833em; line-height:3em; color: #707070; vertical-align: baseline; text-transform: uppercase; white-space: nowrap; }

#intro-movie h2 { margin-top: 60px;}

.cv .content h3 { color: #000; border-bottom: 1px solid #707070; margin-top: 20px; }

.contact h4 { text-transform: uppercase; display: block; border-bottom: 1px solid #707070; color: #707070; font-weight: bold; margin-bottom: 15px; }

/* Text elements
-------------------------------------------------------------- */

p           	{ margin: 0 0 0.5em; }

#info p 		{ margin: 0; }
#info label 	{ font-weight: normal; }

#intro-movie p 	{ margin: 0; }

.cv .content p 	{ margin-bottom: 1em; color: #707070; }
.contact p 		{ font-size: 1.75em; font-weight: bold; line-height: 1.3; color: #707070; }

.post ul 		{ margin-bottom: 1em;}
.post li 		{ color: #707070; }

dl          { margin: 0 0 1.5em; }
dl dt       { font-weight: bold; }


a 			{ color: #707070; font-weight: bold; text-decoration: none; } 
a:focus, 
a:hover, 
a:active	{ color: #000; }


h1 a,
h2 a 		{ color: #000; } 

h1 a:focus, 
h1 a:hover, 
h1 a:active,
h1 a.hover,
h2 a:focus, 
h2 a:hover, 
h2 a:active,
h2 a.hover { color: #707070; }

#main-navigation a 			{ font-size: 0.833em; color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-right: 1em; } 

#main-navigation a:focus, 
#main-navigation a:hover, 
#main-navigation a:active	{ color: #fff; }

#main-navigation li.current-cat a,
#main-navigation li.current-cat-parent a,
#main-navigation li.current_page_item a { color: #fff; }


#main-navigation li {
  display: inline;
}

#rail a 		{ display: block; text-transform: uppercase; border-bottom: 1px solid #707070; }

#rail li li a 			{ font-size: 1.75em; line-height: 1; color: #000; border: 0; margin: 5px 0 7px; }
#rail li li a:focus, 
#rail li li a:hover, 
#rail li li a:active	{ color: #707070; }
#rail li li.current a	{ color: #707070; }

#rail p a { text-transform: none; display: inline; border: 0; }

#footer { font-size: 0.833em; } 
#footer .skiplink,
#footer .toplink { text-transform: uppercase; }

address { font-style: normal; }

.hide {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 0;
  width: 0;
  text-decoration: none;
}

/* overwrite thickbox styles
-------------------------------------------------------------- */

#TB_window {
	font: 1em "Trebuchet MS", Verdana, sans-serif !important;
	color: #707070 !imporant;
}

#TB_secondLine {
	font: 0.833em "Trebuchet MS", Verdana, sans-serif !important;
	color: #707070 !imporant;
}

#TB_window a:link {color: #707070;}
#TB_window a:visited {color: #707070;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #000;}
#TB_window a:focus{color: #000;}


/* Misc classes and elements
-------------------------------------------------------------- */


.mark { background-color: #699;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }