/*
Theme Name: Mediatic
Theme URI: http://mediatic.ro/
Description: Mediatic
Version: 1.0
Author: Stefan Gugurel
*/

/* Reset
---------------------------------------- */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img { margin: 0; padding: 0; border: 0; }
ol, ul { list-style: none; }

/* Basic Elements
---------------------------------------- */

body {
background: url(i/noise.png); color: #000;
font-size: 12px; text-align: left; line-height: 20px; }

body, textarea, input, button { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', 'Helvetica', Arial, sans-serif; }

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

h2 { font-size: 16px; line-height: 24px; }
h3 { font-size: 12px; line-height: 20px; }

/* Wrap
---------------------------------------- */
#wrap { 
width: 900px;
margin: 20px auto; padding: 30px;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
background: #fff; }

/* Header
---------------------------------------- */

#header {
position: relative;
height: 33px; padding: 0 0 30px 0; }

	#header h1 a { 
	background: url(i/mediatic.png) no-repeat right center;
	text-indent: -9999px; width: 213px; height: 33px;
	float: left; }
	
	#header .nav { 
	line-height: 33px;
	float: right; }
		
		#header .nav li { 
		float: left;
		text-transform: uppercase;
		margin: 0 0 0 30px; }
			
			#header .nav a { 
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
		 	padding: 3px 6px; }
			
			#header .nav li.open a { 
			background: #ee0000;
			color: #fff; }
			
			#header .nav li a:hover { 
			background: #000;
			color: #fff; }
	
/* Content
---------------------------------------- */
#content { }

	#content.page { 
	border-top: 1px solid #e5e5e5;
	padding: 20px 0 0 0; }
		
		#content.page p { 
		margin: 0 0 10px 0; }
		
		#content.page a { 
		color: #666; }
			
			#content.page a:hover { 
			border-bottom: 1px solid #ff0000;
			padding: 0 0 1px 0; }
		
	#content h2 { 
	margin: 0 0 10px 0; }
	
	#content .column { 
	width: 280px;
	margin: 0 20px 30px 0;
	float: left; }
		
	#content .contact { 
	margin: 0 0 30px 0;
	clear: both; }
		
		#content .contact a {
		display: block;
		background: #efefef;
		padding: 20px; 
		text-align: center;
		font-size: 20px; }
		
			#content .contact a:hover { 
			background: #000; color: #fff; }
		
		#content .clients li { 
		float: left; 
		width: 225px;
		text-align: center;
		margin: 0 0 30px 0; }
	
	#content .map { 
	float: right;
	border: 3px double #f5f5f5;
	margin: 0 0 20px 30px; }
	
	#content .banner { 
	margin: 0 0 20px 0;
	width: 900px; }
	
	#content .tags { 
	margin: 20px 0;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 10px 0; }
		
		#content .tags a { margin: 0 5px 0 0; }
		
		#content .date { 
		float: right;
		color: #999; }
		
	#content .entry { 
	float: left;
	margin: 0 0 20px 0;
	width: 550px; }
	
	#content .sidebar { 
	float: right;
	margin: 0 0 20px 0;
	width: 300px; }
		
		#content .sidebar h3 { 
		margin: 0 0 10px 0; }
	
/* Footer
---------------------------------------- */
#footer { 
background: url(i/fav.png) no-repeat right 12px;
border-top: 3px double #e5e5e5;
padding: 10px 0 0 0;
color: #999; font-size: 11px;
text-transform: uppercase;
clear: both; }
	
	#footer a { 
	color: #666;
	margin: 0 5px; }
		
		#footer a:hover { 
		border-bottom: 1px solid #ff0000;
		padding: 0 0 1px 0; }