/*--------------------------------------------------------------
*	Filename:		main.css
*	Description:	Layout for MyCity Forums
*	Author:			Ivan Tatic - www.simplifiedstudio.com
*	Optimised for: 	Safari, Firefox, IE 7, IE 8, Opera
--------------------------------------------------------------*/

/*
Globals resets
---------------------------------*/
body, html{	padding: 0;	margin: 0; font: normal 12px/1.5em "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;}
p, h1, h2, h3, h4 ,h5, h6{ padding: 0;	margin: 0; font-weight: normal; font-size: 1em;}
ul, ol, dl, dt, dd{ list-style: none; padding: 0; margin: 0;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

/*
Clear floats
---------------------------------*/
.clearfix:after { content: "."; display: block;	height: 0; clear: both;  visibility: hidden;}
.clearfix {	display: inline-block; }
/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}
.clearfix {	display: block;	}
 
/*
Layout
---------------------------------*/
body{ background: #0d0d0d;}
div#header{ position: relative; width: 100%; background: #ecbc15; height: 68px;}
div.holder{ position: relative; width: 520px; margin: 0 auto;}
	h1 a{ background: #ecbc15 url('../images/logo-a.png') 0 50% no-repeat; color: #000; font-size: 10px; line-height: 68px; height: 68px; position: absolute; width: 288px; top: 0; left: 0; text-align: center; text-indent: -9999px; z-index: 9; left: 0;}
	ul#contact{ background: url('../images/icons.gif') 20px 50% no-repeat; position: absolute; z-index: 10; top: 9px; left: 308px; border-left: 1px solid #f4d773;}
		ul#contact li{ line-height: 25px; height: 25px; padding-left: 44px; font-size: 11px; text-shadow: 1px 1px #ffcd17;}
			ul#contact li a{ color: #000; text-decoration: none; border-bottom: 1px dotted #666; text-shadow: 1px 1px #ffcd17;} 
			ul#contact li a:hover{ border-bottom: 1px solid #000;}
p#coming-soon, #content h2{ color: #ecbc15;}
#content{ width: 560px; margin: 0 auto; margin-top: 40px;}
	div.col{ float: left; width: 46%; padding: 0 2%;}
		#content p, #content li{ color: #929292; font-size: 11px;}
			#content p{ margin: 8px 0;}
		#content a{ text-decoration: none; border-bottom: 1px dotted #333; color: #333;}	
			#content a:hover{ border-bottom: 1px solid #333;}
		#content ul{ padding-left: 20px; list-style-type: circle; margin: 8px 0;}
		#content h2{ font-size: 13px; font-weight: bold; margin-bottom: 8px;}
div#footer{ position: absolute; bottom: 4px; text-align: center; width: 100%; color: #333; font-size: 11px;}
	div#footer a{ text-decoration: none; border-bottom: 1px dotted #333; color: #333;}	
	div#footer a:hover{ border-bottom: 1px solid #333;}