/*  

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 Arial, "Georgia", "Times New Roman", Times, serif;

}

pre,

var,

code { 

    font-family:"Verdana", Courier, monospace; color:#D70005; font-size:11px;

}

.smallfont { 

    font-size:11px; color:#999999;

}





#sidebar,

#leftbar,

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

	font-weight:bold;

}

h2 {

    font-size:2.0em;

    line-height:1.6;

	font-weight:bold;



}

h3 {

    font-size:1.9em;

    line-height:1em;

	font-weight:bold;



}



h4 {

    font-size:1.4em;

	font-weight:bold;

    color:#152942;

}



/* Text elements

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

#textobx { font-size:10px; padding-top:5px; padding-bottom:0; height:18px;}

.alignright { float: right;  font-weight:bold; padding-right:3px;padding-left:5px;}

.alignleft { float: left; padding-left:5px;}





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;

}



hr {height:1px; color:#CCCCCC}

a:link {

    color:#0099FF;

    text-decoration:none;

}

a:visited {

    color:#0099FF;

    text-decoration:none;

}

a:hover {

    color:#65a3ff;

    text-decoration:none;

}



.subtitle {
	font-size:18px;

font-weight:bold;

color:#0066ff;

clear:both;
	}



/* blocks */

.framewrapper { background:#E1F2FF; padding:10px; border:1 #98C2E4 solid}





/* table elements */

.table-border1{

border: 1px solid #D2D6D8; 

}





/* 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:980px;

	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-top:-25px;

    padding:0;

    list-style:none;

}

#nav li{

    float:left;

}

#nav a{

    float:left;

    padding:6px 0 0 0;

    margin-right:18px;

    height:24px;

    border-bottom:3px solid #D2D6D8;

    text-decoration:none;

    font-size:1.09em;

	color:#000066;

}

#nav a:hover,

#nav .current_page_item a{

   border-color:#fff;

}

*/









#content750 {

	float: left;

	width: 750px;

    margin:0px 0px 10px 20px;

	padding:0 0 0 10px;

    float:left;

}

/* Content

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

#content {

	float: left;

	width: 590px;

    margin:0px 20px 10px 20px;

	padding:0 0 0 10px;

    float:left;

}



#content .post {

    padding-bottom:1em;

    margin-bottom:0.5em;

    border-bottom:0px solid #bbc2c6;

}



#content ul { margin:0;

    padding:0;

    list-style:none;

}

#content li{list-style-type:none;}





#content .post a{color:#0066FF; text-decoration:none;}

#content .post a:hover { color:#FF9900;}





#content .single {

    border-bottom:0;

}

#content h2 a {

    text-decoration:none;

}

#content h3 {

    margin-bottom:10px;

    line-height:1.5;

    border-bottom:2px solid #D2D6D8;

}

#content h4 {

    margin-bottom:10px;

    line-height:1.5;

    border-bottom:2px solid #D2D6D8;

}

#content h2 a:hover {

    color:#465c79;

}

.postdata {

    padding:1px 0 5px 0;

    margin-bottom:0px;   

    color:#747474;

}

.postdata a {

    color:#999999;

    text-decoration:none;

}

.postdata a:hover {

	color:#66CCFF;	

    text-decoration:none;

}

.tags {

    line-height:1.2;

    clear:both;

}





/* Sub - Content

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

#Subcontent {

	float: left;

	width: 780px;

    margin:0px 10px 10px 0px;

	padding:0px 10px 0px 0px;

    float:left;

}



#SubcontentPremium {

	float: left;

	width: 650px;

    margin:0px 20px 10px 0px;

	padding:0px 10px 0px 0px;

    float:left;

}



#Subcontent .post {

    padding-bottom:1em;

    margin-bottom:0.5em;

    border-bottom:1px solid #bbc2c6;

}



#Subcontent ul { margin:0;

    padding:0;

    list-style:none;

}

#Subcontent li{list-style-type:none;}





#Subcontent .post a{color:#0066FF; text-decoration:none;}

#Subcontent .post a:hover { color:#FF9900;}





#Subcontent .single {

    border-bottom:0;

}

#Subcontent h2 a {

    text-decoration:none;

}

#Subcontent h2 a:hover {

    color:#465c79;

}

#Subcontent h3 {

    margin-bottom:20px;

    line-height:2.1;

    border-bottom:2px solid #D2D6D8;

}







/* Promotion *******************/

/* TopTicker */

  .highlight-promotion {color:#ffffff; font-size:13px; font-weight:bold;} 
  .highlight-promotionPrice {color:#ffc600; font; font-size:10px;} 
  
#promotion { 

	width:980px;

    /* height:110px; */
	height:0px;
	
	margin:0 0 10px 0px;

    clear:both;

	padding:0;    

	background:url(images/promotion_bg.gif) 0 0 no-repeat;

	background-color:#ffffff;

	border:0px #CCCCCC solid;

	color:#9dbaf6;

	line-height:18px;

}

#promotion h1 {color:#ffffff}

#promotion h3 {color:#ffffff; margin-bottom:1px;}

a.promotion:link, a.promotion:visited {

    color:#FFF;

    text-decoration:none;

}

a.promotion:hover {

	color:#0FF;

    text-decoration:none;

}



.promotion-signup{

        width: 81px;

        height: 20px;

        background: url(images/promotion-signup.gif) top left no-repeat;

        display: block;

        margin:5px;	

        }

.promotion-signup:hover{

        background-position: bottom left;

        }
		
.promotion-account{

        width: 371px;

        height: 81px;

        background: url(images/promotion-account.gif) top left no-repeat;

        display: block;

        margin:5px;	

        }

.promotion-account:hover{

        background-position: bottom left;

        }

.promotion-account2{

        width: 275px;

        height: 81px;

        background: url(images/promotion-account2.gif) top left no-repeat;

        display: block;

        margin:5px;	

        }

.promotion-account2:hover{

        background-position: bottom left;

        }	
		
.promotion-account3{

        width: 182px;

        height: 54px;

        background: url(images/promotion-account3.gif) top left no-repeat;

        display: block;

        margin:5px;	

        }

.promotion-account3:hover{

        background-position: bottom left;

        }	


/*LeftBar

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





#leftbar {

	float: left;

	width: 168px; 

	background-color:#ffffff;

	margin-top:0px;

}

#leftbar h3 {

	margine:0;

    padding:5px 5px 5px 5px;

    border-bottom:1px solid #D2D6D8;

	font-size:0.9em;

	background-color:#6694e3;

	color:#FFFFFF;

	font-weight: bold;

}

#leftbar .box {

    margin:0 0 8px 0;

    clear:both;

	padding:0 0 0 0;

    background:#ffffff;

    border:1px solid #D2D6D8;	

}

#leftbar .box .boxwrapper {

	padding:3px;

}

#leftbar ul {

    margin:0;

    padding:0;

    list-style:none;

}



/*LeftBar

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

#leftbar200 {

	float: left; width: 200px; background-color:#ffffff; margin-top:0px;

}

#leftbar200 h3 {

	margine:0;

    padding:5px 5px 5px 5px;

    border-bottom:1px solid #D2D6D8;

	font-size:0.9em;

	background-color:#6694e3;

	color:#FFFFFF;

	font-weight: bold;

}

#leftbar200 .box {

    margin:0 0 8px 0;

    clear:both;

	padding:0 0 0 0;

    background:#ffffff;

    border:1px solid #D2D6D8;	

}



#leftbar200 ul {

    margin:0;

    padding:0;

    list-style:none;

}



/* Sidebar

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

#sidebar {

	float: right;

	width: 168px; 

	background-color:#ffffff;

	margin-top:0;

}



#sidebarPremium {

	float: left;

	width: 220px; 

	background-color:#ededed;

	margin-top:0;

}





#sidebar h3 {

	margine:0;

    padding:5px 5px 5px 5px;

    border-bottom:0px solid #D2D6D8;

	font-size:1.2em;

	font-weight:bold;

	background-color:#FFF;

	color:#666;

	font-weight: bold;

}

#sidebar .box {

    margin:0 0 8px 0;

    clear:both;

	padding:0 0 0 0;

    background:#ffffff;

    border:1px solid #D2D6D8;	

}

#sidebar .box .boxwrapper {

	padding:3px;

}

#sidebar .box .boxwrapper ul{

	padding:0px;

}

#sidebar .box .boxwrapper ul li a{

	border-top:#CCC 1px solid;

	display: block;

	padding:5px;

}

#sidebar .box .boxwrapper ul li a:hover{

	background-color: #0099FF;

	color:#FFF

}



#sidebar .box .boxwrapper p { 

text-align:left; line-height:normal;

}

#sidebar .box .boxwrapper .more { 

text-align:right;

}





#recentcomments,

#sidebar #calendar_wrap,

#sidebar .box .content,

#sidebar #searchform,

#sidebar .box li a,

#sidebar .box .current-cat li a {

    border-left:0px solid #D2D6D8;

}

#sidebar .box .tags,

#sidebar #calendar_wrap,

#sidebar .box li a,

#sidebar #searchform {

    padding:0 0 0 0;

}

#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: 20px;

	background: #f9f9f9;

	border-left: 2px solid #D2D6D8;

}

.comment .details img {

    vertical-align:middle;

}



/* Footer

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

#footer {

	margin-top:10px;

    clear:both;

    padding:20px 0 20px 0;

    height:auto;

    background:#3762a7;

    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;

}



/* TopTicker */

#topticker { 

    margin-top:3px;

    clear:both;

	padding:4px 3px 0px 3px;

    height:20px;

	background-color:#000000

}







#topticker a:link, a:visited {

    color:#6b9ede;

    text-decoration:none;

}

#topticker a:hover {

    text-decoration:none;

	background-color:#b4d5ff;

}

/* AfterTopTicker */

#aftertopticker { 

    margin-top:0;

    clear:both;

	padding:4px 3px 0px 3px;

    height:20px;

	background-color:#4165b3;

	color:#FFFFFF;

}

#aftertopticker a:link, a:visited {

    color:#6b9ede;

    text-decoration:none;

}

#aftertopticker a:hover {

    text-decoration:none;

	background-color:#b4d5ff;

}

/* Ticker */

#ticker { 

    margin:2px 0 8px 0;

    clear:both;

	padding:5px 0 0 0;

    height:20px;

    background:#ffffff;

    border-bottom:1px solid #D2D6D8;

    border-top:1px solid #D2D6D8;

}

#ticker a:link {

    color:#3b506b;

    text-decoration:none;

}

#ticker a:hover {

    color:#ffffff;

    text-decoration:none;

	background-color:#0099FF;

}

/* futures */

#futures { 

    margin:0px 0 8px 0;

    clear:both;

	padding:5px 0 0 0;

    height:20px;

    background:#F8F8F8;

    border-bottom:1px solid #D2D6D8;

    border-top:1px solid #D2D6D8;

}

#futures a:link {

    color:#3b506b;

    text-decoration:none;

}

#futures a:hover {

    color:#ffffff;

    text-decoration:none;

	background-color:#0099FF;

}

#futures .ads {

text-align:right;

}



/* Premium Page */

.floatbox { overflow:hidden; }

.floatboxNoBorder { overflow:hidden; }

.floatboxNoBorder img {border: 1px solid #ededed; padding:2px }

  .highlight { color:#000000;background:#FFCC33; font-weight:bold;}

  .highlight2 { color:#ffffff;background:#3165EE; font-weight:bold;}



  .dimmed { color: #888; }

  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }

  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; font-size:1em; font-weight:bold;}

  .important2 { background: #A4D753; color:#fff; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; font-size:1em; font-weight:bold;}

  .signupnow {display:block; height:25px;background: #dbedc2; color: #788b5e; border: 2px #89a85e solid; padding: 10px; margin-bottom: 1em; font-size:16px;}
  

  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
    .image-border { background:#DCEBF5; color: #c0e2f9; border: 4px #c0e2f9 solid; padding: 4px; margin-bottom: 1em; }



  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }

  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }

  .center { display:block; text-align:center; margin: 0.5em auto; }

  

  .singleline { border-bottom: 1px #cccccc solid; margin: 10px; }

  

  div.block  {



    margin: 10px;

	padding:5px;

	}	

  div.block p{

	font-size: 110%;

	margin: 10px 40px 0px 20px;

	color:#666666;

	}

  div.block h3{

	margin: 10px 40px 0px 20px;

	color:#666666;

	}

  div.block h4{

	margin: 10px 40px 0px 20px;

	color:#09C;

	}

  div.block .more{

	font-size: 100%;

	margin: 10px 40px 20x 20px;

	color:#999999;

	float:right;

	}

	

  div.block form{

	font-size: 100%;

	margin: 10px 0 0 10px;

	

	}

	

  div.block-sidebar  {

	position:relative;

    margin-top:1em;

	padding:5px;

	background-color:#ededed;

	}	



  div.block-sidebar a, div.block-sidebar a:visited {

	color:#666666;

	text-decoration:none;

	}

  div.block-sidebar a:hover {

	color:#CCCCCC;

	text-decoration:none;

	}		





  div.block-sidebar form{

	  text-align:center;

  }

  div.block-sidebar p{

	font-size: 100%;

	margin: 10px 10px 10px 10px;

	color:#999999;

	}

	

.button-learnmore{

        width: 154px;

        height: 64px;

        background: url(images/pro-learn-more.gif) top left no-repeat;

        display: block;

        margin:5px;	

        }



.button-learnmore:hover{

        background-position: bottom left;

        }



.button-learnmore2{

        width: 154px;

        height: 64px;

        background: url(images/pro-learn-more2.gif) top left no-repeat;

        display: block;

        margin:5px;	

        }



.button-learnmore2:hover{

        background-position: bottom left;

        }



.indexBlogLogin{width: 160px; height: 42px; background: url(images/index-login-blog.gif) top left no-repeat;display: block;}

.indexBlogLogin:hover{ background-position: bottom left;}

.indexSocialLogin{width: 160px; height: 42px; background: url(images/index-login-social.gif) top left no-repeat;display: block;}

.indexSocialLogin:hover{ background-position: bottom left;}

.supportus{

        width: 160px;

        height: 142px;

        background: url(images/support.jpg) top left no-repeat;

        display: block;

        

        }

.supportus:hover{

        background-position: bottom left;

        }

		

/* Contact Form */

#contactform {

	margin: 0 0 0 30px;

	width: 500px;

	background: transparent;

	padding: 0;

}



#contactform .contactbox{

	margin: 10px;

	padding: 5px;

}





#contactform li.buttons {

	margin: 0;

	overflow: hidden;

}



#contactform input.text {

	width: 300px;

	border: 1px solid #D4D4D4;

	padding: 2px;

	margin: 0;

}

#contactform input.text2 {

	width: 100px;

	border: 1px solid #D4D4D4;

	padding: 2px;

	margin: 0;

}

#contactform textarea {

	width: 300px;

	border: 1px solid #D4D4D4;

	padding: 2px;

	height: 80px;

	background: #FDFDF7;

}





#contactform li.buttons input {

	padding: 4px;

	float: right;

	margin: 0 0 0 5px;

	width: auto;

}



/*.........others...........*/

.imageborder {border:#0066CC 1px solid; padding:5px;}



#flds

{

display: none;

}





/* Drop Down Navigation Bar*/



#navigationbox { 

    margin:3px 0 3px 0;

    clear:both;

	padding:0;

    height:130px;

	background-color:#ffffff

}



#navigation 

{

	margin:10px 0 0 0;

	padding:5px 0 5px 0;

	background-color: #ffffff;

	background-image: url(images/nav-bg.gif);

	background-repeat: repeat-x;

	background-position: top left;  

	border: 1px solid #cccccc;	

	font-size:12px;

	font-weight:normal;

	width:980px;

	height:20px;

	text-align:left;

	

	 /*width: 168px;  ds */

}



#nav, #nav ul {

	float: left;

	width: 100%;

	list-style: none;

	line-height: 1;

	background:transparent;

	font-weight: bold;

	padding: 0;

	border-width: 0;

	margin: 0 0 1em 0;

}



#nav a {

	display: block;

	width: 10em;

	width: 9em;

	color:#000000;

	text-decoration: none;

	padding: 0.25em 1em 0.25em 1.5em;

}

#nav a:hover{

background:transparent;

}



#nav a.long {

	display: block;

	width: 10em;

	width: 9em;

	color:#000000;

	text-decoration: none;

	padding: 0.25em 1em 0.25em 1em;

}



#nav a.long:hover{

background:transparent;

}





#nav a.daddy {

	background: url(images/rightarrow2.gif) center right no-repeat;

}

#nav a.service:link {

	color:#F00;

}



#nav li {

	float: left;

	padding: 0;

	width: 10em;

}



#nav li ul {

	position: absolute;

	left: -999em;

	height: auto;

	width: 21.9em;

	font-weight: normal;

	border-width: 0.25em; 

	margin: 0 0 0 0;

	padding: 5px 5px;

	border-left: 1px solid #cccccc;

	border-right:1px solid #cccccc;

	border-bottom:1px solid #cccccc;

/*	background:#e5e5e5; */

	background:#e5e5e5;

}



/* This is to make opacity work in IE. */

/*

* html #nav li ul {

	background-color: transparent;

}

* html #nav li li {

	background: #fff;

	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90);

}

*/



#nav li li {

	padding-right: 1em;

	width: 21em;

	line-height:18px;

}



#nav li ul a {

width: 21em;

}



#nav li ul ul {

	margin: -1.75em 0 0 14em;

	margin: -1.7em 0 0 13.95em;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

	left: auto;

}



/*

#nav li:hover, #nav li.sfhover {

	background: #ffffff;

}

*/



#nav li li:hover, #nav li li.sfhover {

	background: #ffffff;

}

/* Support for the "iehover-fix.js" */



ul.nav iframe {

	position: absolute;

	/* account for the border */

	left: -0.25em;

	top: -0.25em;

	z-index: -1;

	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);

}



* html ul.nav li { z-index: 201; }



/* this is for IE 5.0

select.hide { visibility: hidden; }



/* End Support for the "iehover-fix.js" */
