/** ~/css/style.css
 * @copyright (c)2008 livesets.de
 * @author norman georg <norm@ngeorg.com>
 *
 **/

/*
 * DECLARATIONS
 */
@font-face {font-family:bullpen;src:local(bullpen), url(/css/ttf/bullpen.ttf) format(TrueType);} 
@font-face {font-family:bullpen3;src:local(bullpen3), url(/css/ttf/bullpen3.ttf) format(TrueType);}
@font-face {font-family:pixel;src:local(PixelYourLife), url(/css/ttf/pixelyourlife.ttf) format(TrueType);}
@font-face {font-family:commonpixel;src:local(commonpixel), url(/css/ttf/commonpixel.ttf) format(TrueType);}

/* 
 * HTML BASE ELEMENTS
 */
html {height:100%;min-height:100%;margin-bottom:0.1em;background-color:#101010;}

body {
		font-size:80%;font-family:"Lucida Grande","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
		color:#000;background:#121212 url(/img/bg_body.gif) repeat-x left top;
	}
	body * {line-height:1.22em;}

abbr {border-bottom:1px dotted #ffcdca;cursor:pointer;}
pre, code {font:115% 'Courier New',Courier,Monospace;_font-size:100%;}
blockquote {color:#333;border:none;}

hr {display:none;}
	hr.spacer{display:block;color:transparent;background:transparent;border:none;}
	hr.line {display:block;color:#ccc;}

fieldset {}
* html fieldset {overflow:hidden;}

p {}
	/*p {-moz-opacity:0.99;}*/ /* http://anthonyshort.com.au/blog/comments/how-to-get-cross-browser-compatibility-everytime/ */

div {}
span {}
	span.lc,span.rc {display:block;background:transparent url(/img/bg_pixelcorner.png) no-repeat top left;padding:0;}
		span.lc {}
		span.rc {padding:0.3em;background-position:top right;}

table {font-size:inherit;font:100%;border:none;}
	tabe td {border:none;}

form {background-color:transparent;padding:1em;}
	label {font-weight:bold;}
	select, input, textarea {font-size:125%;}
	
	form input#search-q {background-color:#fff;margin:0.3em;padding:0.5em;width:80%;}
	form input#search-sa {font-size:175%;margin:0.3em;width:125px;}
		input#search-add {text-align:center;font-size:175%;margin:0.3em;}

ul,ol,dl {margin:0;padding:0;border:0;}
ul,ol,dl,li,dt,dd {list-style-image:none;list-style-position:inside;list-style-type:none;}
	form ul li {margin-bottom:1em;}

h1,h2,h3,h4,h5,h6 {
				font:italic 100% bullpen,"Lucida Grande","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
				color:#fff;text-decoration:none;
				/*text-transform:uppercase;*/margin:0.5em auto;
				}
	
	h1 {font-size:140%;}
		div.sidebar h1 {text-align:center;}
	h2 {font-size:80%;}
	h3 {font-size:120%;}
	h4 {font-size:110%;}
	h5 {
			font-size:120%;display:block;color:#fff;background:#333;text-transform:uppercase;
			text-align:left;border-bottom:none;margin:0.5em 0;padding:0.2em;*margin:0.487em 0;*padding:0.195em;
		}
	h6 {font-size:60%;border-bottom:none;}

	h1 a, h1 a:visited,h2 a, h2 a:visited,h3 a, h3 a:visited,
	h4 a, h4 a:visited,h5 a, h5 a:visited,h6 a, h6 a:visited {overflow:hidden;}

	* html h1 a,* html h1 a:visited,* html h2 a,* html h2 a:visited,* html h3 a,* html h3 a:visited,
	* html h4 a,* html h4 a:visited,* html h5 a,* html h5 a:visited,* html h6 a,* html h6 a:visited {border-bottom:0;}

	h1 a, h1 a:hover, h1 a:visited,h2 a, h2 a:hover, h2 a:visited,h3 a, h3 a:hover, h3 a:visited,
	h4 a, h4 a:hover, h4 a:visited,h5 a, h5 a:hover, h5 a:visited,h6 a, h6 a:hover, h6 a:visited {
	    text-decoration:none;background-color:transparent;border-bottom:1px solid transparent;
	}


img {border:none;}
	img.center,img[align="center"] {display:block;text-align:center;margin:0.385em auto;*margin:0.375em auto;}
	img.left,img[align="left"],img.right,img[align="right"] {display:inline;float:left;margin:0.385em;*margin:0.375em;}
	img.right,img[align="right"] {float:right;}
    img.middle,img[align="middle"] {padding-top:0.1em;}

	img.border {background-color:#fff;border:1px solid #000;padding:0.1em;margin:0.3em}

/*
 * HTML HYPERLINKS
 */
a {outline:none;color:#fff;background:transparent;}

	/**
	 * In plain english, that reads :
	 * When the mouse is over an anchor element with an href attribute that
	 * starts with 'mailto', insert a ' > ' and then the text of the title
	 * attribute at the end of the link text".
	 **/
	/*a[href^="mailto"]:hover:after { content: " > " attr(title); }*/

	a.button {
		background:transparent url(/img/button.gif) no-repeat scroll top left;
		color:#18A2C9;display:block;width:160px;height:23px;text-decoration:none;
		font-size:100%;text-transform:uppercase;padding-top:0.5em;
	}
	a.button:active {background-position:bottom left;padding-top:8px;color:#666;}

	a.last-query-bit {font-size:95%;margin:0.3em;padding:0.4em;text-decoration:none;}
		a.last-query-bit:visited {font-style:italic;}
		a.last-query-bit:visited:after {content:"\2713 ";}
		a.last-query-bit:hover {background-color:#333;}

	a.icon-tag {padding-left:1.7em;background:transparent url(/img/fffmini/arrow_right.gif) no-repeat 4px 5px;}
/*
 * LAYOUT CLASSES
 */
div#doc3 {
			color:#fff;margin:0 auto;
			background:url(/img/bg_doc.gif) repeat-x left top;
		}
div#doc4 {}

div#hd, div#bd, div#ft {background-color:transparent;}
	div#hd {padding-top:0.5em;}
	div#bd {}
	div#ft {padding-bottom:0.5em;}

div.logo {background:transparent url(/img/logo_livesets.png) no-repeat top left;text-indent:-9999px;height:100px;min-height:100px;}

div.search {background-color:#fc0/*#a9c9de*/;border-top:3px groove #ccc;border-bottom:3px ridge #ccc;margin:0;padding:0;}	

div#bd div.yui-gc {background-color:#121212;}
	div.content {}
	div.sidebar {}
		div.sidebar p {}
		
div.popularSearchTerms {display:block;padding:0.2em;text-align:center;}

/* Ads - new */
div.wa-content-top,div.wa-content-bottom {display:block;background-color:#121212;}
	div.wa-content-top {background-color:#2f3e51;}
		div.wa-content-top table {margin:0 auto;}
	div.wa-content-bottom {margin:1.5em 0;}
div.wa-searchbar-top {padding-left:2.5em;margin-top:0.3em;}
div.wa-searchbar-bottom {padding-left:2.5em;margin-bottom:0.5em;}	
div.wa-sidebar {margin:1em auto;}
	div.wa-youtube {}
	
/*
 * SOCIAL BOOKMARK CLASSES
 */
/* new */
div.social-bookmarks {display:block;}
	ul.social-bookmarks {list-style:none;background:transparent;display:block;margin:0;padding:0;}
		ul.social-bookmarks li {display:block;float:left;list-style:none;margin:0.1em;padding:0.1em;}
			/*ul.social-bookmarks li:hover {background:#efefef;}*/

/*
 * HELPER CLASSES
 */
.white {color:#fff !important;}
.black {color:#000 !important;}
.bgwhite {background-color:#fff !important;}
.highlight {color:#ffcc00 !important;}

.pointer {cursor:pointer;}
.important {color:red !important;font-weight:700}

.overauto {overflow:auto !important;}
.overscroll {overflow:scroll !important;}
.overhide {overflow:hidden !important;}
.posabs {position:absolute;}
.posrel {position:relative;}
.alignright {float:right;}
.alignleft {float:left;}
.hide {display:none !important;}
.block {display:block !important;}
.width {width:98% !important;}
.opac10 {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.opac07 {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.opac05 {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.opac02 {filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
.opac00 {filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.margin {margin:5px !important;}
.margintop {margin-top:5px !important;}
.marginbottom {margin-bottom:5px !important;}
.marginleft {margin-left:5px !important;}
.marginright {margin-right:5px !important;}
.nomargin {margin:0 !important;}

.padding {padding:0.5em !important;}
.paddingtop {padding-top:0.5em !important;}
.paddingbottom {padding-top:0.5em !important;}

.center {text-align:center;display:block;}
.textright {text-align:right;}
.textleft {text-align:left;}
.textcenter {text-align:center;margin:0 auto;}
.textjustify {text-align:justify;}
.textbold {font-weight:700;}

.border {border:1px solid #333;}
.noborder,.last {border:none !important;}

/* clear floats */
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.fix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix {display: inline-block;}
/* Hides from IE-mac \*/
* html .fix {height: 1%;}
.fix {display: block;}
/* End hide from IE-mac */