/*  
Theme Name: Big City
Theme URI: 
Description: WP Big City theme designed by <a href="http://www.aoemedia.de">AOE media GmbH</a>. A simple but very beautiful minimalistic design in blue, grey and white colors. Now also widget ready.
Version: 1.22
Author: AOE media GmbH
Author URI: http://www.aoemedia.de
Tags: two-columns, fixed-width, blue, dark, custom-header
	By downloading and using this theme, you agree to the following terms:
    - All variations of this theme have to remain GPL
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

For support requests please contact: wordpress(at)aoemedia.com. Requests through other channels (website etc.) can unfortunately not be responded to.

*********************************************************************
ATTENTION
If you don't need any logo in your theme, please find #header element
and remove last two lines from it's decoration 
*********************************************************************

************
CSS CONTENTS
************
* --- reset
* --- typography
* --- text elements decoration
* --- wordpress styles
* --- layout
* --- header
* --- navigation
* --- content
* --- sidebar
* --- search form
* --- comments
* --- footer
* 
* 
*/

/* Reset needed styles
*******************************/
html,body,div,span,form,h1,h2,h3,h4,p,blockquote{margin:0;padding:0;border:0;outline: 0;}
:focus {outline: 0;}
html {height:100%; margin-bottom: 1px;}

/* Typography
*******************************/
body {
	font: 14px/22px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	color: #005581;
    font-family: Georgia, Times New Roman, Times, serif;
	font-weight:normal;
}
pre,
var,
code { 
    font-family:Courier New, Courier, monospace; 
}
#sidebar,
.postdata,
.entry-content {
    font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
#header h2 {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

/* Header elements
*******************************/
h1 {
    font-size:23px;
	color:#005581;
	margin-bottom:20px;
	text-transform:uppercase;
}
h2 {
    font-size:20px;
    color:#005581;
	margin-bottom:10px;
	text-transform:uppercase;
}
h3 {
    font-size:18px;
	color:#005581;
	margin-bottom:10px;
}
/* Text elements
*******************************/

ul,ol         {margin: 0 0 20px 10px;}
ul            {list-style-type:disc;}
ol            {list-style-type:decimal;}
p,dl	      {margin: 0 0 20px 0; text-align: left;}
strong        {font-weight: bold; }
em            {font-style: italic; }
ins           {text-decoration:none;}
del           {text-decoration:line-through;}
img           {border:0;outline:0;}
blockquote {
    border-left: 2px solid #fff;
	margin:0 0 0 20px;
	padding: 0 0 0 20px;
}

a:link, a:visited {
	color: #b41515;
	text-decoration: none;
	}

a:hover, a:active {
	color: #b41515;
	text-decoration: underline;
	}

/* Wordpress styles
*******************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   margin:0 10px 10px 0;
}
.alignright {
   float: right;
   margin:0 0 10px 10px;
}
.wp-caption {
   border: 1px solid #eee;
   text-align: center;
   padding-top: 4px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height:14px;
   padding: 0 4px 4px;
   margin: 0;
}

/* Layout
*******************************/
body {
	color:#000;
	background: #d1d7da url(images/header-bg.png) repeat-x;
}
#root{
	width:900px;
	margin:0 auto;
    background:url(images/header-chesspieces.jpg) right top no-repeat;
}

/* Header
*******************************/
#header {
    height:144px;
    color:#fff;
    padding:0;
    /*remove next two lines if you don't need logo in your blog*/
    background:url(images/logo.png) 0 40px no-repeat;
    padding-left:96px;
}


/* Navigation
*******************************/
#nav{
    overflow:hidden;
    width:750px;
	height:30px;
    margin:0;
    padding:0;
    list-style:none;
}
#nav li{
    float:left;
}
#nav a{
    float:left;
    padding:0;
    margin:6px 35px 0 0;
    text-decoration:none;
    font:bold 14px Georgia, Times New Roman, Times, serif;
	color:#fff;
	text-transform:uppercase;
}
#nav a:hover,
#nav .current_page_item a{
   color:#e8c387;
}

/* ---------------------------------------- Top Nav */
		
.TopNav {
	width:940px;
	height:30px;
	padding:0;
	margin:0;
	}
	
.TopNav ul {
	list-style: none;
	padding:0;
	margin:0;
	line-height:0;
	}
	.TopNav li {
		list-style: none outside;
		padding:0;
		margin:0;
		line-height:0;
		}
	
.TopNav a {
	display:block;
	float:left;
	height:30px;
	background:url(../../../../../images/topnav.png) no-repeat; 
	text-indent:-9000px;
	}

.TopNav a.NavHome  {
	background-position:0 0;
	width: 63px;
	}	
	.TopNav a.NavHome:hover  {
		background-position:0 -30px;
		}
		
.TopNav a.NavFreeStuff  {
	background-position:-63px 0;
	width:118px;
	}	
	.TopNav a.NavFreeStuff:hover  {
		background-position:-63px -30px;
		}
		
.TopNav a.NavIsThisYou  {
	background-position:-181px 0;
	width:126px;
	}	
	.TopNav a.NavIsThisYou:hover  {
		background-position:-181px -30px;
		}
		
.TopNav a.NavHowIWork  {
	background-position:-312px 0;
	width:131px;
	}	
	.TopNav a.NavHowIWork:hover  {
		background-position:-312px -30px;
		}
		
.TopNav a.NavProducts  {
	background-position:-443px 0;
	width:200px;
	}	
	.TopNav a.NavProducts:hover  {
		background-position:-443px -30px;
		}
		
.TopNav a.NavCaseStudies  {
	background-position:-643px 0;
	width:135px;
	}	
	.TopNav a.NavCaseStudies:hover  {
		background-position:-643px -30px;
		}
		
.TopNav a.NavBlog  {
	background-position:-779px 0;
	width:72px;
	}	
	.TopNav a.NavBlog:hover  {
		background-position:-779px -30px;
		}
		
.TopNav a.NavAboutMe  {
	background-position:-852px 0;
	width:95px;
	}	
	.TopNav a.NavAboutMe:hover  {
		background-position:-852px -30px;
		}
	

/* Content
*******************************/
#main {
	width:900px;
	background: url(images/main-bg.png) repeat-y;
}

#content {
    width:590px;
    margin:33px 50px 30px 0;
    float:left;
}

#content .post {
    padding-bottom:15px;
    margin-bottom:30px;
	border-bottom:1px solid #fff;
}
#content .single {
    border-bottom:0;
}
#content h2 a {
    text-decoration:none;
}
#content h3 {
    margin-bottom:10px;
    line-height:22px;
}
#content h2 a:hover {
    color:#b41515;
	text-decoration:underline;
}
.Clear {
	clear:both;
	}
	
hr {
	margin:30px 0;
	color: #eee;
	background-color: #eee;
	border:none;
	height: 1px;
}
.postdata {
    padding:8px 0;
    margin-bottom:25px;
    border:1px solid #eee;
    border-left:0;
    border-right:0;
    color:#333;
}
.postdata a {
    color:#b41515;
    text-decoration:none;
}
.postdata a:hover {
    text-decoration:underline;
}
.tags {
    margin-top:20px;
	line-height:12px;
    clear:both;
}

/* Sidebar
*******************************/
#sidebar {
    width:248px;
    float:left;
    margin:33px 0 30px 0;
}
#sidebar h3 {
    padding:12px 0 0 20px;
}
#sidebar .box {
    margin-bottom:18px;
}
#sidebar .box .tags,
#sidebar #calendar_wrap,
#sidebar .box li a,
#sidebar #searchform {
    padding:0 0 0 20px;
}
#sidebar .box .tags {
    line-height:15px;
}
#sidebar .box li {
    display:inline;/*for IE*/
}
#sidebar .box li a {
    display:block;
}
#sidebar .box li li a {
    padding-left:40px;
}
#sidebar .box li li li a {
    padding-left:60px;
}
#sidebar ul {
    margin:0;
    padding:0;
    list-style:none;
}


/*blog home button*/
#sidebar .backtohome {
    display:block;
	height:32px;
	width:129px;
	margin: 0 40px 20px 20px;
	}
	#sidebar .backtohome a {
		float:right;
		width:129px;
		height:32px;
		background:url(images/blog-home-icon.png) 0 0 no-repeat;
		text-indent:-9999px;
		}
		
/*rss button*/
#sidebar .rss {
    display:block;
	height:32px;
	width:152px;
	margin: 30px 40px 20px 20px;
	}
	#sidebar .rss a {
		float:right;
		width:152px;
		height:32px;
		background:url(images/rss-icon.png) 0 0 no-repeat;
		text-indent:-9999px;
		}
		
/*contact button*/
#sidebar .contact {
    display:block;
	height:32px;
	width:136px;
	margin: 30px 40px 20px 20px;
	}
	#sidebar .contact a {
		float:right;
		width:136px;
		height:32px;
		background:url(images/contact-icon.png) 0 0 no-repeat;
		text-indent:-9999px;
		}

/*recent comments widget*/
#sidebar #recentcomments {
    padding-left:20px;
}
#sidebar  #recentcomments li.recentcomments {
    display:block;
}
#recentcomments li.recentcomments a {
    display:inline;
    border:0;
}

/* Search Form
*******************************/
#searchform input {
    vertical-align:middle;
    border:1px solid #c2c8cb;
    font-size:1em;
    color:#152942;
}
#searchform input#search-submit {
    border:1px solid #fff;
    background:#b41515;
    color:#fff;
	cursor:pointer;
	font-weight:bold;
}

/* Comments
*******************************/
#commentform {
    margin-top:10px;
}
#commentform input.text,
#commentform textarea {
    border:1px solid #c2c8cb;
    padding:2px;
}
#commentform input.text {
    width:200px;
}
#commentform textarea {
    width:400px;
}
#commentform input.submit {
    border:1px solid #fff;
    background:#b41515;
    color:#fff;
	cursor:pointer;
	font-weight:bold;
}
.comment {
	margin: 0 0 20px 0;
	padding: 20px;
	background: #f9f9f9;
	border: 1px solid #c2c8cb;
}
.comment .details img {
    vertical-align:middle;
}

/* Footer
*******************************/
#footer {
    clear:both;
    padding-top:20px;
    height:40px;
    background:#d1d7da;
    border-top:1px solid #fff;
	font: 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
#footer .copyright {
    padding-right:8px;
    width:900px;
    margin:0 auto;
    display:block;
	font: 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

}