/*
Theme Name: Import/Export - Version B
Theme URI: 
Description: The default Import/Expert theme - WITHOUT raster for sponsors and searchbox
Version: 1.0
Author: Ulf Harr and Rudi Zwieselbauer
Author URI:
Tags:

	This theme was designed by Ulf Harr,
	you will find him at http://www.ulfharr.com/
	
	This theme was coded by Rud Zwieselbauer,
	you will find him at http://www.zwieselbauer.com/
	
*/

/* ------- CSS RESETS ------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;margin:0;padding:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''}:focus{outline:0}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a,ins{text-decoration:none}

/* ------- TYPEFACE PLUGIN ------- */

img { behavior: url(css/iepngfix.htc) }

/* ------- TYPEFACE PLUGIN ------- */
.typeface-js {
	font-family:	'Replica-Bold';
}

/* ------- BASIC STYLES > tags / classes ------- */
body {
	font-size:		.9em;
	color:			#000;
	font-family: 	Arial, sans-serif;
	background: 	#f2f1f0; /* change sidebar background-color too */
} 

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

h1, h1 a, h2, h2 a { color:#40da3f; }
h1 { 
	font-size:		2.2em; 
	padding-bottom:	16px; 
}
h2 { 
	font-size:1.2em;line-height:1.1em;padding-bottom: 6px;
}
h2 a:link, h2 a:visited {
	color:#f60;
}
h2 a:hover, h2 a:active {
	color:#000;
}

h3 { 
	padding-bottom: 4px;
	font-weight: 	normal;
	font-size: 		0.75em;
}
h3, h3 a {
	text-transform: uppercase;
	color:			#999;
}
.hidden {
	display:		none;
}
.clearfix {
	clear:both; display:block; height:0; overflow:hidden; font-size:0;
}


/* ------- MAIN > header content / footer / sidebar ------- */

/* header */
#header {
	padding-bottom: 15px;
}

#header .fixed {
	height:			80px;
	padding:		25px 30px 10px 30px;
	width:			408px;
	position:		fixed;
	z-index:		10; 
	top:			0; 
	left:			0;
	float:	 		left;
}
#header .fixed,
#header .fixed-spacer /* a blank div with a fix height -> fixes ie6 min-height bug */ {
	height:			80px;
	padding:		25px 30px 10px 30px;
	width:			408px;
}
#header .fixed-spacer {
	padding-left:	0px;
	float: 			left;
	background: 	transparent;
}

#header #logo {
	display:		block;
	margin-bottom:	10px;
}

#header #nav li {
	float:			left;
	line-height: 	1em;
}
#header #nav a,
#header #nav .separator {
	font-weight:	bold;
}

#nav a:hover {
	color:#40da3f;
}

#header #nav .separator {
	padding: 		0 5px;
}

/* searchbox - used in header and footer */
.searchbox,
.searchbox .field,
.searchbox .button {
	height: 		24px;
}
.searchbox .field,
.searchbox .button {
	line-height: 	24px;
}
.searchbox {
	float:			right;
	border: 		2px solid #000;
	margin:			2px 0 2px 10px;
	background: 	#000;
	width:			174px;
}
.searchbox .field {
	display:		block;
	float:			left;
	width:			120px;
	border:			none;
	color:			#333;
	padding:		0 2px;
	background: 	#fff;
}
.searchbox .button {
	float:			right;
	color:			#fff;
	font-size: 		.9em;
	font-weight: 	bold;
	background:		#000;
	display:		block;
	width:			50px;
	text-align:		center;	
	border:			none;
	text-transform: uppercase;
}

/* quote */
#header #quotes {
	width:			428px;
	height:			250px;
	display:		block;
	float:			left;
	background: 	#40da3f;
	/* is online visible on #home site - for details see #home */
	display:		none;
}
#header #quotes div {
	padding:		21px 15px;
	color:			#fff;
	font-size: 		3.45em;
	line-height: 	0.85em;
	font-weight: 	bold;
	text-transform: uppercase;
}

/* sponsors */
#header #sponsors {
	text-align:		right;
	float: 			right;
	padding-top: 	20px;
}
#header #sponsors ul {margin:0;padding:0;}

#header #sponsors li {
	margin:			0 0 0 20px;
	padding:		0;
	float: 			right;
	line-height:1px;
}

/* top */
#top { /* see FOR ALL */ }
#top h1 {
	padding:		6px 0;
	text-transform: uppercase;
	font-size: 		3.2em;
}

/* content */
#content p { 
	font-size:1.2em;
	line-height:1.3em;
	padding-bottom: 1.2em; 
}

#content p a {
	text-decoration:underline;
}
#content p a:hover {
	color:#40da3f;
}

#content p img {padding:10px 0;}

#content .teaser-with-thumb p,
#content .teaser p {
	font-size:1em;
	line-height:1.1em;
}
#content embed {
	margin:8px 0;
}

#content .teaser,
#content .teaser-with-thumb {
	float:			left;
	margin-right: 	10px;
	height:			340px; 
	overflow:		hidden;

	margin-top:		15px;	/* important for content border-px-bg.gif - if you change this change #home / #category / #archive background too */
	padding-bottom: 15px;	/* important for content border-px-bg.gif - if you change this change #home / #category / #archive background too */
}
#content .teaser {
	width:			136px; 
}
#content .teaser-with-thumb {
	width:			282px;
}
#content .teaser-with-thumb .thumbnail {
	display:		block;
	margin-bottom: 	8px;
}


/* footer */
#footer {
	background:		#40da3f;
	padding:		2px 0;
}

#footer #metanav-page,
#footer #metanav-category {
	padding:		5px 0;
}
#footer #metanav-page li,
#footer #metanav-category li {
	padding:		2px 0;
}
#footer #metanav-category {
	float: 			right;
}
#footer #metanav-page {
	float: 			left;
}
#footer .metanav li {
	float:			left;
}
#footer .metanav a:link,
#footer .metanav a:visited,
#footer .metanav .separator {
	color:			#fff;
	font-weight: 	bold;
}
#footer .metanav a:hover {
	color:#000;
}


#footer .metanav .separator {
	padding: 		0 5px;
}

/* sidebar */
#sidebar {
	background: 	#f2f1f0; /* change body background-color too */
	padding-top:	15px;
	padding-bottom:	15px;
}

/* widget */
#sidebar .widget {
	width:			282px;
	height:			110px;
	margin-right:	10px;
	margin-bottom:	15px;
	float:			left;
}

#sidebar .typeface-js,
#sidebar h1,
#sidebar h2,
#sidebar h3 {
	visibility: 	visible; /* widget sidebar fix */
}
#sidebar .widget,
#sidebar .widget a,
#sidebar .widget p {
	font-size:		.95em !important;
}

#sidebar .widget a:hover, 
h3 a:hover
 {
	text-decoration:underline;
}

#sidebar .widgettitle,
#sidebar h2 {
	margin-bottom:	5px;
	font-size:		.8em !important;
	font-weight: 	normal;
	text-transform: uppercase;
	color:			#666;
}
/* widget: textwidget fix line-height to the other widgets */
#sidebar .textwidget {
	padding-top: 	1px;
	line-height: 	1.2em;
}
/* widget: simple-sidebar-share */
#sidebar .sssw-sitelogo {
	margin: 		2px 4px 0 0 !important;
}


/* ------- MAIN > FOR ALL ------- */

/* padding left and right for the whole template */
#header,
#content,
#top,
#footer,
#sidebar {
	padding-left:		30px; /* if you change this, change #header .fixed padding #header .fixed-spacer too */
	padding-right:		10px;
}

/* border-top of content area for all templates */
#page #content,
#archive #top,
#category #top,
#search #top,
#error #top,
#error #content,
#single #content,
#no-content {
	border-top: 	1px solid #000;
}

/* border-px for content */
#home #content,
#archive #content,
#category #content,
#search #content {
	background:		#fff url(images/border-px-bg.gif) repeat 0 0;
} 

/* clear floating */
#content,
#footer {
	clear:			both;
}

/* background color > check body bg color too */
#header,
#header .fixed,
#top,
#content,
#no-content { 
	background: 	#fff;
}

/* fixing blank content width space */
#no-content {
	padding:		100px 0;	
}

/* fix width and auto margin for content */
#single #top .container,
#single #content .container,
#error #content .container,
#page #content .container,
#no-content .container {
	width:			636px;
	margin:			0 auto;
}

#single #content,
#page #content {
	padding-bottom: 20px;
}


/* ------- index.php => home page ------- */

#home #content { /* take look at FOR ALL */ }

#home #header #quotes {
	display:		block; /* quotes are only visible on #home */
}

#home #header #sponsors li {
	margin:			0 0 10px 0;
	float: 			none;
}


/* ------- single.php => every post ------- */

#single #top {
	padding:		15px 0;
	background:		#000;
}

#single #content {
	padding-top:	15px;
}
#single #content .container { /* take look at FOR ALL */ }


/* ------- page.php => regular page ------- */

#page #content { 
	padding-top: 	15px;
}
#page #content .container { /* take look at FOR ALL */ }


/* ------- category.php => category page ------- */

#category #content { /* take look at FOR ALL */ }


/* ------- archive.php => category page ------- */

#archive #content { /* take look at FOR ALL */ }


/* ------- search.php => search page ------- */

#search #content { /* take look at FOR ALL */ }


/* ------- 404.php => search page ------- */

#error #content { 
	padding: 		50px 0;
}


/* ------- comments.php => comments page ------- */

.nocomments,
.comments_reply {
	display:none;
}

.comments {
	width:			1.25em;
	height:			1.25em;
	background: 	url(images/comment-small.gif) no-repeat;
	text-align:		center;
	float:			left;
	margin:			.5em .3em 0 0;
}

#comments h2,
.comments_reply h2 {
	padding-top:	15px;
	border-top: 	1px solid #000;
}

.comments a {
	text-decoration:none;
	font-size:.65em;
	padding-top:.1em;
	display:block;
	font-weight:bold;
}
.comments a:link, 
.comments a:visited {
	color:rgb(255,238,0) !important;
}
.comments a:hover {
	color:#000 !important;
}

#comments .comments_meta p {
	padding-bottom:	2px;
}
#comments .comments_meta p span {
	margin-left: 	6px;
	color:			#999;
}

/* comments_reply */
#comments_list {}
#comments_list li {
/* 	border-bottom: 	1px solid #F2F1F0; */
	padding:		5px 0;
}

/* comments_reply */
.comments_reply #author,
.comments_reply #email,
.comments_reply #url,
.comments_reply #comment {
	padding:		4px; 
	border: 		1px solid #000;
}
.comments_reply #author,
.comments_reply #email,
.comments_reply #url {
	width:			40%;
}
.comments_reply #comment { 
	width:			100%;
	height:			130px;
}

.comments_reply #author,
.comments_reply #email,
.comments_reply #url,
.comments_reply #comment  {
	font-size:		1em;
	font-family: 	Arial, sans-serif;
	color:			#666;		
}

.comments_reply_button,
#comments_submit_button {
	text-transform: uppercase;
	padding: 		6px 8px;
	background:		#000;
	font-size: 		.9em;
	font-weight: 	bold;
	border: 		none;
	color:			#fff;
}
.comments_reply_button {
	margin-top: 	15px; /* fixes missing space to comments */
	text-decoration:none !important;
}