/*  
Theme Name: start2
Theme URI: http://start.geek.nl/
Description: start.geek.nl custom theme
Version: 1.0
Author: Martijn Bakker
Author URI: http://mactijn.eu/

        start.geek.nl custom template

*/

body {
  font-family:			"Lucida Grande", Tahoma, Arial, sans-serif;
  background-color:		#f0f0f0;
  font-size:			8pt;
  margin:				0px;
}

#header {
  background-color:	#000;
  opacity:			0.7;
  filter:			alpha(opacity=70);
  padding:			0px 20px 0px 20px;
  margin:			0px;
  color:			#fff;
  position:			absolute;
  /* position:			fixed */
  left:				0px;
  top:				0px;
  right:			0px;
}

#navigation {

}

#navigation ul {
  display:				block;
  background-color:		#222;
  margin:				0 0 0 20px;
  padding:				0;
  list-style-type:		none;
  list-style-image:		none;
  padding:				5px 0 6px 0;
  border:				0px solid #222;
}

#navigation ul li {
  display:				inline;
  background-color:		#222;
  list-style-type:		none;
  list-style-image:		none;
  padding:				5px 20px 6px 20px;
  margin: 				0;
}

#navigation ul li.current_page_item {
  background-color:		#888;
}

#navigation ul li a {
  text-decoration:		none;
  color:				#fff;
}

#subnavigation {
  position:				relative;
  height:				40px;
}

#subnavigation ul {
  display:				block;
  background-color:		#222;
  margin:				0;
  padding:				5px 0px 6px 0px;
  width:				100%;
  list-style-type:		none;
  list-style-image:		none;
}

#subnavigation ul li {
  display:				inline;
  background-color:		#222;
  list-style-type:		none;
  list-style-image:		none;
  padding:				5px 25px 6px 25px;
  margin:				0;
}

#subnavigation ul li.current_page_item {
  background-color:		#888;
}

#subnavigation ul li a {
  text-decoration:		none;
  color:				#fff;
}

#content {
  width:				800px;
  margin-top:			80px;
  margin-left:			auto;
  margin-right:			auto;
}

.content {
  width:				800px;
  background-color:		#fff;
  border:				1px solid #ccc;
  padding:				10px;
  margin-bottom:		10px;
}

#footer {
  margin-bottom:		10px;
  padding:				5px;
  text-align:			center;
  color:				#888;
  font-size:			8pt;
} 

#footer a {
  text-decoration: none;
  color:				#000;
}

.clear {
  clear:				both;
}


/* feeds */

.feed {
  width:			380px;
  float:			left;
  margin:			10px;
}

.feed2 {
  width:			760px;
  float:			center;
  margin:			10px;
}

.feed .title {
  background-color:		#57d;
  padding:			4px 6px 4px 6px;
  -webkit-border-top-left-radius:	5px;
  -webkit-border-top-right-radius:	5px;
  -moz-border-radius-topleft:	5px;
  -moz-border-radius-topright:	5px;
}


.feed .title a {
  color:			#fff;
  font-weight:			bold;
  text-decoration:		none;
}

.feed .title a:hover {
  text-decoration: underline;
}

.feed .itembox {
  background-color:		#eef;
  border:			1px solid #ddd;
  padding-left:			2px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

.feed .item {
  padding:			2px;
  overflow:			hidden;
}

.feed .item a {
  text-decoration: none;
  white-space: nowrap;
  color: #000;
}

.feed .item a:visited {
  text-decoration: none;
  color: #888;
}

.feed .item a:hover {
  text-decoration: underline;
}


/* googlesearch */

.googlesearch {
  padding:		10px 10px 10px 10px;
  text-align:		center;
}

.googlesearch .googlefield {
  font-family:		arial,sans-serif;
  font-size:		17px;
  margin-bottom:	0.2em;
  vertical-align:	bottom;
  width:		350px;
}

.googlesearch .googlebutton {
  font-family:		arial,sans-serif;
  font-size:		15px;
  height:		1.85em;
  margin:		0.2em;
}


/* cartoons */

.cartoon {
  text-align:			center;
  margin:			10px;
}

.cartoon h2 {
  display:			block;
  text-align:		left;
  margin:			0;
  padding:			0;
}

.cartoon h2 a {
  text-decoration:	none;
  color:			#000;
}

.cartoon img {
  padding:			10px;
}

.cartoon .meta {
  text-align:		right;
  color:			#bbb;
}


/* iPhone CSS */

@media screen and (max-device-width: 480px){

body {
  -webkit-text-size-adjust:		none;
  padding:						75px 5px 5px 5px;
}

#content, .content, .feed {
 clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

#content {
  margin-top:					10px;
}

.cartoon {
  display:						none;
}


}