/*  

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.21

Author: AOE media GmbH

Author URI: http://www.aoemedia.de

Tags: two columns, widgets, fixed width, 900px, blue, gray, white, custom header, business, widgets

	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;}

body {line-height: 1;}

html {height: 100%;margin-bottom: 1px;}



/* Typography

*******************************/

body {

    font:normal 69% Tahoma, Arial, Helvetica, sans-serif;

}

h1,h2,h3,h4,h5,h6 {

    font:normal 1em/1 Georgia, "Times New Roman", Times, serif;

}

pre,

var,

code { 

    font-family:"Courier New", Courier, monospace; 

}

h3,

#sidebar,

.postdata,

.entry-content {

    font-family:Verdana, Arial, Helvetica, sans-serif;

}

#header h2 {

    font-family: Tahoma, Arial, Helvetica, sans-serif;

}



/* Header elements

*******************************/

h1 {

    font-size:2.91em;

}

h2 {

    font-size:2.36em;

    line-height:1.6;

    color:#152942;

}

h3 {

    font-size:1.55em;

    color:#152942;

}



/* Text elements

*******************************/

ul,ol,p,dl {

    line-height:1.8;

}

ul,ol         {margin: 0 0 1em .8em;}

ul            {list-style-type:disc;}

ol            {list-style-type:decimal;}

p,dl	      {margin: 0 0 1em 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 #D2D6D8;

	margin:0 0 0 1.6em;

	padding: 0 0 0 1.6em;

}

a:link,

a:visited,

a:hover,

a:active{

    color:#3b506b;

    text-decoration:underline;

}



/* Wordpress styles

*******************************/

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

.alignleft {

   float: left;

   margin:0 1em 1em 0;

}

.alignright {

   float: right;

   margin:0 0 1em 1em;

}

.wp-caption {

   border: 1px solid #ccc;

   text-align: center;

   padding-top: 4px;

}

.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption p.wp-caption-text {

   font-size: 1em;

   line-height:1.4;

   padding: 0 4px 4px;

   margin: 0;

}



/* Layout

*******************************/

body {

	color: #363636;

    background:url(images/bg.gif) 0 0 repeat-x #fff;

}

#root{

	width:900px;

	margin:0 auto;

    background:url(images/header.gif) 100% 28px no-repeat;

}



/* Header

*******************************/

#header {

    height:98px;

    margin-bottom:1px;

    color:#fff;

    padding:40px 0 0 0;

    /*remove next two lines if you don't need logo in your blog*/

    background:url(images/logo.gif) 0 40px no-repeat;

    padding-left:96px;

}

#header a {

    color:#fff;

    text-decoration:none;

}

#header h2 {

    line-height:1.3;

    font-size:1em;

    color:#fff;

}



/* Navigation

*******************************/

#nav{

    overflow:hidden;

    width:800px;

    margin:0;

    padding:0;

    list-style:none;

}

#nav li{

    float:left;

}

#nav a{

    float:left;

    padding:6px 0 0 0;

    margin-right:18px;

    height:26px;

    border-bottom:3px solid #D2D6D8;

    text-decoration:none;

    font-size:1.09em;

}

#nav a:hover,

#nav .current_page_item a{

   border-color:#fff;

}



/* Content

*******************************/

#content {

    width:590px;

    margin:20px 50px 30px 0;

    float:left;

}



#content .post {

    padding-bottom:1.5em;

    margin-bottom:1.5em;

    border-bottom:1px solid #bbc2c6;

}

#content .single {

    border-bottom:0;

}

#content h2 a {

    text-decoration:none;

}

#content h3 {

    margin-bottom:20px;

    line-height:2.1;

    border-bottom:2px solid #D2D6D8;

}

#content h2 a:hover {

    color:#465c79;

}

.postdata {

    padding:8px 0;

    margin-bottom:8px;

    border:1px solid #eee;

    border-left:0;

    border-right:0;

    color:#747474;

}

.postdata a {

    color:#354a56;

    text-decoration:none;

}

.postdata a:hover {

    text-decoration:underline;

}

.tags {

    line-height:1.2;

    clear:both;

}



/* Sidebar

*******************************/

#sidebar {

    width:248px;

    float:left;

    margin:-47px 0 30px 0;

}

#sidebar h3 {

    padding:0 0 12px 20px;

    border-left:2px solid #D2D6D8;

}

#sidebar .box {

    margin-bottom:18px;

}

#recentcomments,

#sidebar #calendar_wrap,

#sidebar .box .content,

#sidebar #searchform,

#sidebar .box li a,

#sidebar .box .current-cat li a {

    border-left:2px solid #D2D6D8;

}

#sidebar .box .tags,

#sidebar #calendar_wrap,

#sidebar .box li a,

#sidebar #searchform {

    padding:0 0 0 20px;

}

#sidebar .box .tags {

    line-height:1.6;

}

#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 .box li a:hover,

#sidebar .box .current-cat li a:hover {

    border-color:#7E929E;

}

#sidebar .box .current-cat a,

#sidebar .box .current-cat a:hover {

    border-color:#152942;

}

#sidebar ul {

    margin:0;

    padding:0;

    list-style:none;

}



/*rss button*/

#sidebar .rss {

    height:59px;

    margin-bottom:2px;

}

#sidebar .rss a {

    float:right;

    width:77px;

    height:59px;

    background:url(images/rss-icon.gif) 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 #ccc;

    font-size:1em;

    color:#152942;

}

#searchform input#search-submit {

    background:#D2D6D8;

    border:1px solid #D2D6D8;

    width:30px;

}



/* Comments

*******************************/

#commentform {

    margin-top:12px;

}

#commentform input.text,

#commentform textarea {

    border:1px solid #7E929E;

    border-right-color:#E8E8E8;

    border-bottom-color:#E8E8E8;

    padding:2px;

}

#commentform input.text {

    width:200px;

}

#commentform textarea {

    width:400px;

}

#commentform input.submit {

    border:1px solid #7E929E;

    background:#E8E8E8;

    color:#152942;

}

.comment {

	margin: 0 0 20px 0;

	padding: 0px 20px;

	background: #f9f9f9;

	border-left: 2px solid #D2D6D8;

}

.comment .details img {

    vertical-align:middle;

}

.comment-list {
	margin:0;
	padding:0;
}

.comment-list li {
	margin-left:5px;
}


/* Footer

*******************************/

#footer {

    clear:both;

    padding-top:20px;

    height:40px;

    background:#E8E8E8;

    border-top:1px solid #D2D6D8;

}

#footer .copyright {

    padding-right:8px;

    width:900px;

    margin:0 auto;

    display:block;

}

#footer img {

    vertical-align:middle;

    margin-right:10px;

}