sawine@0: /* ----------------------------------------------
sawine@0: 	Template Name : UrbanArtist / ME73
sawine@0: 	Template Code : S-0025
sawine@0: 	Version : 1.0   
sawine@0: 	Author : Erwin Aligam / Eugen Sawin
sawine@0: 	Author URI : http://www.styleshout.com/ / http://www.me73.com       
sawine@0: 	Last Date Modified : July 25, 2008	
sawine@0:  ------------------------------------------------ */
sawine@0:  
sawine@0: /* ----------------------------------------------
sawine@0:    HTML ELEMENTS
sawine@0: ------------------------------------------------- */ 
sawine@0: 
sawine@0: /* Top Elements */
sawine@0: * { margin: 0; padding: 0; outline: 0 }
sawine@0: 
sawine@0: html { background: #222222; }
sawine@0: 
sawine@0: body {
sawine@0: 	/*font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;*/
sawine@0: 	font: 8pt 'Lucida Grande', Geneva, Verdana, Arial, Halvetica, sans-serif;
sawine@2: 	color: #8D8D8D;	
sawine@0: 	margin: 0; 	
sawine@0: 	padding: 0; 
sawine@0: 	background: #222222;	
sawine@0: 	text-align: center;
sawine@0: }
sawine@0: 
sawine@0: /* Links */
sawine@0: a, a:visited {
sawine@0: 	text-decoration: none;
sawine@0: 	color: #DEDEDE;	
sawine@0: }
sawine@0: a:hover {
sawine@0: 	color: #fff;
sawine@0: 	border-bottom: 1px dotted #438800;
sawine@0: }
sawine@0: 
sawine@0: /* headers */
sawine@0: h1, h2, h3, h4 {
sawine@0: 	/*font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif;*/
sawine@0: 	/*color: #0AEAEA;*/
sawine@0:    color: #FFF;
sawine@0: }
sawine@0: h1 {
sawine@0:    
sawine@0: 	font-size: 3.1em;	
sawine@0: 	letter-spacing: -2px;
sawine@0: 	padding: 15px 10px 5px 10px;	
sawine@0: }
sawine@0: h2 {
sawine@0: 	font-size: 1.8em;
sawine@0: 	/*color: #895F30;*/
sawine@0:    color: #FFF;
sawine@0: 	padding: 20px 10px 5px 10px;	
sawine@0: }
sawine@0: h3 {
sawine@0:  
sawine@0: 	font-size: 1.7em;	
sawine@0: 	font-weight: normal;
sawine@0: 	padding: 10px 10px 10px 5px;		
sawine@0: }
sawine@0: 
sawine@0: h4 
sawine@0: {
sawine@0: 	color: #AbAbAb;	
sawine@0: 	font-size: 1.1em;
sawine@0: 	/*font-weight: bold;*/
sawine@0: 	padding: 10px 5px 0px 0px;
sawine@0: }
sawine@0: 
sawine@0: h5
sawine@0: {
sawine@0:    font-size: 1.0em;
sawine@0:    padding: 0px 0px 0px 0px;
sawine@0: }
sawine@0: 
sawine@0: p, dl  
sawine@0: {
sawine@0: 	padding: 5px 20px;
sawine@0:     margin: 0;
sawine@0: }
sawine@0: 
sawine@0: ul, ol {
sawine@0: 	margin: 5px 20px;
sawine@0: 	padding: 0px 20px;
sawine@0: }
sawine@0: ul { list-style: none; }
sawine@0: 
sawine@0: dt {
sawine@0:   /*font-weight: bold;*/
sawine@0:   color: #FAFAFA;
sawine@0: }
sawine@0: dd {
sawine@0:   padding-left: 25px; 
sawine@0: }
sawine@0: 
sawine@0: /* images */
sawine@0: img {
sawine@0: 	background: #1B1B1B;
sawine@0: 	border: 4px solid #262626;
sawine@0: 	padding: 0px;
sawine@0: }
sawine@0: img.float-right {
sawine@0:   	margin: 5px 0px 5px 10px;  
sawine@0: }
sawine@0: img.float-left {
sawine@0:   	margin: 5px 10px 5px 0px;
sawine@0: }
sawine@0: 
sawine@8: canvas { 
sawine@8: 	border: 4px solid #262626; 
sawine@8: } 
sawine@8: 
sawine@0: code {
sawine@0:   	margin: 5px 0;
sawine@0:   	padding: 15px;
sawine@0:   	text-align: left;
sawine@0:   	display: block;
sawine@0:   	overflow: auto;  
sawine@0:   	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
sawine@0:   	/* white-space: pre; */
sawine@0:   	background: #070707;
sawine@0: 	/*border: 1px solid #111;   */
sawine@0: }
sawine@0: acronym {
sawine@0:   	cursor: help;
sawine@0:   	border-bottom: 1px dotted #5B5B5B;
sawine@0: }
sawine@0: blockquote {
sawine@0: 	margin: 15px 10px;
sawine@0:  	padding: 10px 10px 10px 35px;  
sawine@0:     background: #070707 url(quote.gif) no-repeat 10px 10px;
sawine@0: 	border: 1px solid #111; 
sawine@0: 	font-weight: normal;
sawine@0: 	font-size: 17px;
sawine@0: 	line-height: 1.6em;
sawine@0: 	font-style: italic;
sawine@0: 	font-family: Georgia, 'Times New Roman', Times, serif;	
sawine@0: 	color: #808080;	
sawine@0: }
sawine@0: 
sawine@0: /* start - table */
sawine@0: table {
sawine@0: 	margin: 15px 0px; 	
sawine@0: 	border-collapse: collapse;			
sawine@0: }
sawine@0: th {
sawine@0: 	color: #FAFAFA;
sawine@0: 	height: 38px;
sawine@0: 	padding-left: 0px;
sawine@0: 	padding-right: 12px;	
sawine@0: 	text-align: left;	
sawine@0: }
sawine@0: tr {
sawine@0: 	color: #5b5b5b;
sawine@0: 	height: 15px;		
sawine@0: }
sawine@0: td {
sawine@0: 	padding-left: 0px;
sawine@0: 	padding-right: 12px;	
sawine@0: }
sawine@0: /* end - table */
sawine@0: 
sawine@0: 
sawine@0: /* form elements */
sawine@0: form {
sawine@0: 	margin: 20px 10px; 
sawine@0: 	padding: 15px 25px 25px 20px; 
sawine@0: 	background: #070707; 	
sawine@0: 	/*border: 1px solid #111;	*/
sawine@0: }
sawine@0: form p {
sawine@0: 	/*border-bottom: 1px solid #101010;*/
sawine@0: 	padding: 12px 0 5px 0;	margin: 0;	
sawine@0: }
sawine@0: label {
sawine@0: 	font-weight: bold;	
sawine@0: 	color: #FAFAFA;
sawine@0: }
sawine@0: input, select, textarea {
sawine@0: 	margin: 5px 0;
sawine@0: 	padding: 5px;
sawine@0: 	font: normal 1em Verdana, Tahoma, sans-serif;
sawine@0: 	color: #6A6969;
sawine@0: 	background: #0C0C0C;  
sawine@0: 	/*border: 1px solid #1C1C1C;*/
sawine@0: }
sawine@0: option { padding-right: 0.5em; } 
sawine@0: 
sawine@0: #name, #email, #message{
sawine@0: 	width: 480px;
sawine@0: }
sawine@0: input.button { 
sawine@0: 	font: bold 12px Arial, Verdana, Sans-serif; 
sawine@0: 	height: 30px;
sawine@0: 	padding: 2px 3px; 
sawine@0: 	margin-top: 8px;
sawine@0: 	color: #48780E;
sawine@0: 	background: #000;
sawine@0: 	border-width: 1px;
sawine@0:   	border-style: solid;
sawine@0:   	border-color: #1B1B1B;
sawine@0: }
sawine@0: 
sawine@0: 
sawine@0: /* ------------------------------------------
sawine@0:    LAYOUT
sawine@0: ------------------------------------------- */ 
sawine@0: #wrap {
sawine@0: 	width: 1020px;
sawine@0: 	margin: 0 auto;
sawine@0: 	text-align: left;		
sawine@0: }
sawine@0: #content-wrap {
sawine@0: 	clear: both;
sawine@0: 	width: 1020px;	
sawine@0: 	float: left;	
sawine@0: 	padding-top: 15px;
sawine@0: 	padding-bottom: 50px;	
sawine@0: }
sawine@0: #header {
sawine@0: 	position: relative;
sawine@0: 	width: 1020px;	
sawine@0: 	height: 170px;	
sawine@0: 	margin: 0; 
sawine@0: 	padding: 0;			
sawine@0: }
sawine@0: #header h1#logo-text a {
sawine@0: 	position: absolute;
sawine@0: 	margin: 0; padding: 0;
sawine@0: 	font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;	
sawine@0: 	letter-spacing: -1.5px;
sawine@0: 	color: #F8F8F8;
sawine@0: 	text-decoration: none;
sawine@0: 	text-transform: none;
sawine@0: 		
sawine@0: 	/* change the values of top and left to adjust the position of the logo*/
sawine@2: 	top: 70px; left: 30px;	
sawine@0: }
sawine@0: #header h1#logo-text a:hover {
sawine@0: 	background: none;	
sawine@0: 	border: none;
sawine@0: }
sawine@0: #header p#intro {
sawine@0: 	position: absolute;
sawine@0: 	margin: 0; 
sawine@0: 	padding: 0;
sawine@0: 	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
sawine@0: 	font-weight: bold;
sawine@0: 	font-size: 16px;	
sawine@0: 	line-height: 1.5em;
sawine@0: 	font-style: normal;
sawine@0: 	text-transform: none;
sawine@0: 	/*color: #6D7D2D;*/
sawine@0: 	color: #5ad715;
sawine@0: 	width: 400px;
sawine@0: 	
sawine@0: 	/* change the values of top and left to adjust the position */
sawine@2: 	top: 145px; 
sawine@0: 	left: 30px;		
sawine@0: }
sawine@0: 
sawine@0: /*  Navigation  */
sawine@0: #nav {
sawine@0: 	position: absolute;
sawine@0: 	margin: 0; 
sawine@0: 	padding: 0;		
sawine@0: 	height: 50px;
sawine@0: 	left: 10px;	
sawine@0: 	top: 30px;			
sawine@0: }
sawine@0: #nav ul {
sawine@0: 	float: left;
sawine@0: 	list-style: none;
sawine@0: 	height: 50px;
sawine@0: 	margin: 0 0 0 10px; 
sawine@0: 	padding: 0;	
sawine@0: 	display: inline;
sawine@0: }
sawine@0: #nav ul li {
sawine@0: 	display: inline;
sawine@0: 	margin: 0; 
sawine@0: 	padding: 0;
sawine@0: }
sawine@0: #nav ul li a {
sawine@0: 	float: left;
sawine@0: 	margin: 0;	
sawine@0: 	padding: 0 12px;
sawine@0: 	font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;	
sawine@0: 	text-decoration: none;	
sawine@0: 	color: #c95723;	
sawine@0: 	text-transform: uppercase;
sawine@0: }
sawine@0: #nav ul li a:hover, 
sawine@0: #nav ul li a:active {
sawine@0: 	color: #eee;
sawine@0: 	background: none;
sawine@0: 	border: none;
sawine@0: }
sawine@0: #nav ul li#current a {	
sawine@0: 	color: #D33972;	
sawine@0: }
sawine@0: 
sawine@0: #subnav{
sawine@0: 	position: absolute;
sawine@0: 	margin: 17px 280px; 
sawine@0: 	padding: 0;		
sawine@0: 	height: 50px;
sawine@0: 	left: 10px;	
sawine@0: 	top: 30px;		
sawine@0: }
sawine@0: 
sawine@0: #subnav ul {
sawine@0: 	float: left;
sawine@0: 	list-style: none;
sawine@0: 	height: 50px;
sawine@0: 	margin: 0 0 0 10px; 
sawine@0: 	padding: 0;	
sawine@0: 	display: inline;
sawine@0: }
sawine@0: #subnav ul li {
sawine@0: 	display: inline;
sawine@0: 	margin: 0; 
sawine@0: 	padding: 0;
sawine@0: }
sawine@0: #subnav ul li a {
sawine@0: 	float: left;
sawine@0: 	margin: 0;	
sawine@0: 	padding: 0 12px;
sawine@0:     font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;	
sawine@0: 	text-decoration: none;	
sawine@0: 	color: #5ad715;	
sawine@0: 	text-transform: uppercase;
sawine@0: }
sawine@0: #subnav ul li a:hover, 
sawine@0: #subnav ul li a:active {
sawine@0: 	color: #eee;
sawine@0: 	background: none;
sawine@0: 	border: none;
sawine@0: }
sawine@0: #subnav ul li#current a {	
sawine@0: 	color: #D33972;	
sawine@0: }
sawine@0: 
sawine@0: /* Main Column */
sawine@0: #main {
sawine@0: 	float: left;
sawine@0: 	width: 670px;
sawine@0: 	padding: 0; 
sawine@0: 	margin: 0 0 0 10px;
sawine@0: 	display: inline;	
sawine@0: }
sawine@0: #main h2 {
sawine@0: 	padding: 5px 12px;	
sawine@0: 	margin: 15px 5px 0px 0px;
sawine@0: 	/*font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				*/
sawine@0: 	/*color: #45D5E6;
sawine@0: 	color: #00cccc;*/
sawine@0:    color: #FFF;	
sawine@0: }
sawine@0: #main h2 a {
sawine@0: 	/*color: #45D5E6;*/
sawine@0: 	color: #FFF;
sawine@0: 	text-decoration: none;		
sawine@0: 	border: none;		
sawine@0: }
sawine@0: #main ul li {
sawine@0: 	/*list-style-image: url(images/bullet.png);*/
sawine@0: 	list-style: disc;
sawine@0: }
sawine@0: 
sawine@0: /* Sidebar */	
sawine@0: #sidebar {
sawine@0: 	float: right;
sawine@0: 	width: 300px;
sawine@0: 	padding: 0; 
sawine@0: 	margin: 0px 18px 0 0;		
sawine@0: 	display: inline;
sawine@0:     color: #5D5D5D;   
sawine@0:     /*border: 4px solid #262626;*/
sawine@0: }
sawine@0: 
sawine@0: #random_quote {   
sawine@0:     font-style: italic;
sawine@0: }
sawine@0: 
sawine@0: #sidebar h3 {
sawine@0: 	/*padding: 5px 12px;
sawine@0: 	margin: 15px 5px 10px 0;
sawine@0: 	font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
sawine@0: 	color: #45D5E6;*/
sawine@0: 	/*border-bottom: 1px solid #121212; */
sawine@0: 	/*background-image: url(pattern.gif);		*/	
sawine@0: }
sawine@0: #sidebar ul.sidemenu {
sawine@0: 	text-align: left;
sawine@0: 	margin: 20px 5px 20px 0px; 
sawine@0: 	padding: 0;		
sawine@0: 	/*border-top: 1px solid #111;		*/
sawine@0: }
sawine@0: #sidebar ul.sidemenu li {
sawine@0: 	list-style: none;
sawine@0: 	padding: 8px 10px;
sawine@0: 	margin: 0;    
sawine@0: 	/*border-bottom: 1px solid #111;*/
sawine@0: }
sawine@0: * html body #sidebar ul.sidemenu li {
sawine@0: 	height: 1%;
sawine@0: }
sawine@0: #sidebar ul.sidemenu li a {
sawine@0: 	text-decoration: none;	
sawine@0: 	border: none;
sawine@0: 	color: #666666;
sawine@0: 	font-weight: bold;		
sawine@0: 	/*font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;*/
sawine@0: 	font-size: 9pt;		
sawine@0: }
sawine@0: #sidebar ul.sidemenu li a span {
sawine@0: 	color: #444;	
sawine@0: 	/*font-family: Georgia, 'Times New Roman', Times, serif;*/
sawine@0: 	font-style: italic;
sawine@0: 	font-weight: normal;	
sawine@0: 	font-size: 8pt;
sawine@0: }
sawine@0: #sidebar ul.sidemenu li a:hover,
sawine@0: #sidebar ul.sidemenu li a:hover span {	
sawine@0: 	color: #fff;	
sawine@0: }
sawine@0: #sidebar ul.sidemenu ul { margin: 0 0 0 0px; padding: 0; }
sawine@0: #sidebar ul.sidemenu ul li { border: none; }
sawine@0: 
sawine@0: /* header quick search */
sawine@0: #sidebar form#quick-search {
sawine@0: 	padding: 0; 
sawine@0: 	margin: 20px 0 35px 0;
sawine@0: 	border: none;
sawine@0: 	width: 290px; height: 33px;
sawine@0: 	/*background: url(header-search.gif) no-repeat;		*/
sawine@0: }
sawine@0: #sidebar form#quick-search p {
sawine@0: 	margin: 0; 
sawine@0: 	padding: 0;		
sawine@0: }
sawine@0: #sidebar form#quick-search input {
sawine@0: 	float: left;
sawine@0: 	border: none;
sawine@0: 	background: transparent;
sawine@0: 	color: #4E4E4E;	
sawine@0: 	margin: 0;
sawine@0: }
sawine@0: #sidebar form#quick-search .tbox {
sawine@0: 	margin: 5px 0 0 0px; 
sawine@0: 	width: 240px;	
sawine@0: 	display: inline;	
sawine@0: }
sawine@0: #search form#quick-search .btn{
sawine@0: 	width: 24px; height: 24px;			
sawine@0: }
sawine@0: #sidebar form#quick-search label {
sawine@0: 	display: none;
sawine@0: }
sawine@0: 
sawine@0: /* footer */
sawine@0: #footer {
sawine@0: 	clear: both;
sawine@0: 	padding: 1em 0 2.5em 0;
sawine@0: 	background: #222222;
sawine@0: 	color: #4E4E4E;
sawine@0: 	width: 100%;
sawine@0: 	float: left;			
sawine@0: }
sawine@0: #footer a {	
sawine@0: 	color: #0E909C;
sawine@0: 	border: none;
sawine@0: }
sawine@0: #footer a:hover {
sawine@0: 	color: #fafafa;
sawine@0: }
sawine@0: #footer .rssfeed {
sawine@0: 	background: url(images/rss.gif) no-repeat left 1px;
sawine@0: 	padding-left: 17px;
sawine@0: }
sawine@0: #footer-left {
sawine@0: 	float: left;
sawine@0: 	width: 70%;
sawine@0: }
sawine@0: #footer-right {
sawine@0: 	float: right;
sawine@0: 	width: 25%;
sawine@0: }
sawine@0: 
sawine@0: .download a
sawine@0: {	
sawine@0: 	color: #5ad715;
sawine@0: }
sawine@0: 
sawine@0: /* postmeta */
sawine@0: .postmeta {	
sawine@0: 	padding: 7px 5px; 
sawine@0: 	margin: 5px 5px 5px 5px;	
sawine@0: 	font-size: 1em;	
sawine@0: 	color: #545454;
sawine@0: 	/*border: 1px solid #111; */
sawine@0: 	background: #222222; 
sawine@0: }
sawine@0: .postmeta .date{ margin: 0 10px 0 5px;	}
sawine@0: .postmeta a.comments { margin: 0 10px 0 5px;	}
sawine@0: .postmeta a.readmore { margin: 0 10px 0 5px;	}
sawine@0: 
sawine@0: .post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}
sawine@0: .post-info a, .post-info a:visited { color: #AE275A; }
sawine@0: 
sawine@0: /* alignment classes */
sawine@0: .float-left  { float: left; }
sawine@0: .float-right { float: right; }
sawine@0: .align-left  { text-align: left; }
sawine@0: .align-right { text-align: right; }
sawine@0: 
sawine@0: /* display and additional classes */
sawine@0: .no-border { border: none; }
sawine@0: .clearer { clear: both; }
sawine@0: .clear {	display:inline-block; }
sawine@0: .clear:after {
sawine@0: 	display:block; 
sawine@0: 	visibility:hidden; 
sawine@0: 	clear:both; 
sawine@0: 	height:0; 
sawine@0: 	content: "."; 
sawine@0: }
sawine@0: 
sawine@0: