/*   
Theme Name: Future Cities  Theme
Theme URI: http://digwp.com
Description: Future Cities WordPress theme
Author: Niall Crowley
Author URI: http:www.ontherealside.org
Version: 2
*/

@media screen {

	/* Colours used: #9d2525 = orange 
					#ff4927 = darker orange
					#8ec9d4 = light blue
					#867f75 = nice light brown
					#17396c = navy blue
					#64423c = chocolate brown
					#9d2525 = dark red
	*/

	* { margin: 0; padding: 0; }
	html { height: 100%; background-color: #fff; }
	
	body { height: 100%; font-family: Verdana, Geneva, sans-serif; background-image: url(images/black-blue.gif); background-repeat: repeat-x; background-position: top; }

	.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.group { display: inline-block; clear: both; }
	/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

	article, aside, figure, footer, header, nav, section { display: block; }

	/* main page layout elements *** main page layout elements *** main page layout elements *** main page layout elements *** main page layout elements */

	#page-wrap { width: 1000px; background: white; min-height: 100%; height: auto; margin: 0 auto 0; }
	#main-content {	float: left;	width: 724px; margin: 0 10px 20px 0; padding: 0 6px 0 0; }	
	aside { width: 260px; float: right; padding: 0 0 0 0; }
	.push { height: 2.4em; }
	*{ list-style:none; margin:0px; padding:0px; }



	/* HEADER ELEMENTS -- HEADER ELEMENTS -- HEADER ELEMENTS -- HEADER ELEMENTS -- HEADER ELEMENTS -- HEADER ELEMENTS --  */

	header { position: relative; padding: 0 20px 20px 0; height: 110px; background-image: url(images/beijing.jpg); background-repeat: no-repeat; background-position:  right; }

	#colour-bar {	width: 1000px; height: 35px; background: #000000; border-bottom: 3px; border-bottom-style: solid; border-bottom-color: #8ec9d4; }

	#logo {position: absolute; top; 0; right: 0; }




	/* NAVIGATION --- NAVIGATION --- NAVIGATION --- NAVIGATION --- NAVIGATION --- NAVIGATION --- NAVIGATION --- NAVIGATION --- */

	nav { height: 60px; width: 100%; float: left; margin: 0; border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; }
	nav ul.menu { list-style-type:none; width:auto; position:relative; display:block; height:33px; font-size:.95em; font-family: Verdana, Helvetica, Arial, sans-serif; margin:0 0 0 -16px; padding:0; font-weight: bold; }
	nav ul.menu li { display:block; float:left; background-image: url(images/navigation-separator2.gif); background-repeat: no-repeat; background-position: right; }
	nav ul.menu li a { float:left; color:#fff; text-decoration:none; height:24px; padding:9px 15px 0; font-weight:normal;}
	nav ul.menu li a:hover { color:#8ec9d4; }



	#colour-bar nav { float: right; height: 30px; border-top-width: 0; margin-right: 0px; }
	#colour-bar nav ul.menu1 { list-style-type:none;  display:block; height:12px; font-size:.75em; font-family: Verdana, Helvetica, Arial, sans-serif; margin:0; padding:0; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
	#colour-bar nav ul.menu1 li { display:block; float:right; }
	#colour-bar nav ul.menu1 li a { float:right; color:#ffffff; text-decoration:none; height:18px; padding:12px 20px 0; font-weight: normal; }
	#colour-bar nav ul.menu1 li a:hover { color:#8ec9d4; }

	/* LINKS */
		header h1 a:link { color: #333; text-decoration: none; }
		header h1 a:visited { color: #333; text-decoration: none; }
	
	#main-content a:link { color:#9d2525; text-decoration: none; }
	#main-content  a:visited { text-decoration:none; color:#9d2525; }
	#main-content a:hover { color: #8ec9d4; }
	#main-content a:active { color:#9d2525; }


	aside a:link { color: #333; text-decoration:none; }
	aside a:visited { text-decoration:none; color:#333; }
	aside a:hover { color: #8ec9d4; }
	aside a:active { color:#333; }
	
	aside h2 a:link { color: #333; text-decoration:none; }
	aside h2 a:visited { text-decoration:none; color:#333; }
	aside h2 a:hover { color: #8ec9d4; }
	aside h2 a:active { color:#333; }
	
	aside p a:link { color: #9d2525; text-decoration:none; }
	aside p a:visited { text-decoration:none; color:#9d2525; }
	aside p a:hover { color: #8ec9d4; }
	aside p a:active { color:#9d2525; }

	#main-content h1 a:link { text-decoration:none; border: none; color: #333; }
	#main-content h1 a:visited { text-decoration:none; color:#333; }
	#main-content h1 a:hover { color: #8ec9d4; }
	#main-content h1 a:active { color:#333; }

	aside h1 a:link { text-decoration:none; border: none; color: #333; }
	aside a:visited { text-decoration:none; color:#333; }
	aside h1 a:hover { color: #8ec9d4; }
	aside h1 a:active { color:#333; }


	/* IMAGES */
	img { float: left; margin: 0 10px 10px 0; padding-left: 0; text-decoration: none; border: none; }
	img a { text-decoration: none; 	border: none; }
	#main-content img {	float: left; border: none solid #999; margin: 5px 15px 7px 0; padding: 4px; }
	aside img { left: 0px; position: relative; border: 0px; margin-top: 1px; margin-bottom: 10px; }
	#barnies img {float: left; padding: 0; display: inline; margin-top: -8px; }
	#barnies {margin: 20px 0 20px 0; }


	/* MAIN CONTENT LAYOUT */

	#main-content #linebreak { border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; width: 100%; clear: both; margin-top: 20px; margin-right: 0; margin-bottom: 15px; margin-left: 0; }
	
	#full-box-front {	float: left;	overflow: hidden; width: 680px; margin: 0 10px 0 2px; padding: 5px 10px 10px 10px; border: 1px #ccc solid; border-top: 2px #999 solid; }

		#full-box {	float: left;	overflow: hidden; width: 680px; margin: 0 10px 15px 0; padding: 10px 10px 20px 10px;  }
		
		#full-box-list {	float: left;	overflow: hidden;  width: 680px; margin: 0 10px 10px 0; padding: 10px 10px 20px 10px; border-bottom: 1px #999 solid; }
	
	#half-box { display: inline;	float: left; height: 200px; width: 316px; margin: 0 20px 20px 3px; padding: 10px 10px 30px 10px; border: 1px #ccc solid; border-top: 2px #999 solid;     overflow:hidden; }

	#barnies-list-box {	float: left;	overflow: hidden; height: 148px; width: 680px; margin: 0 10px 15px 0; padding: 10px 10px 20px 0; }
		#video-box { float: left;	overflow: hidden; width: 680px; margin: 0 10px 15px 0; padding: 10px 10px 20px 0; }
		
	#barnies-box {	float: left;	overflow: hidden; width: 680px; margin: 10px 10px 5px 0; padding: 0 10px 10px 0; }

		#brown-singe-box {	float: left;	overflow: hidden; width: 680px; margin: 0 10px 15px 0; padding: 10px 10px 20px 10px;  border-bottom: 1px #999 solid; }	

	/* RIGHT COLUMN  RIGHT COLUMN  RIGHT COLUMN  RIGHT COLUMN  RIGHT COLUMN  RIGHT COLUMN  RIGHT COLUMN  RIGHT COLUMN  RIGHT COLUMN */

	#text-box {	float: left; width: 240px; margin: 0 20px 10px 0; padding: 10px; border: 1px #ccc solid; border-top: 2px #999 solid; overflow:hidden; }




	/* FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS */

h1 {  font-family; Verdana, Geneva, sans-serif; color: #333; padding-bottom:5px; font-weight: 700; font-size: 160%; line-height: 1.4;}
	h1.no-gap { padding-bottom: 0; margin-bottom: 0; font-size: 190%; }
	h1.list-size { font-size: 150%; margin-bottom: 0; padding-bottom: 0; }
	h1.barnie-list { font-size: 180%; }
	h1.page-title { font: 240% Georgia, Times New Roman, Times, serif; color: #8ec9d4; font-style: italic; margin-bottom: 10px; }
	h1.forums-page-title { font: 250% Georgia, Times New Roman, Times, serif; color: ##333333; font-style: italic; }		
	header h1 {font: 60px impact, verdana, geneva, sans-serif; color: #2b2a2a; padding-top: 10px; }
	#half-box h1 { font-size: 116%; font-weight: 700; }
	#text-box h1 { font-size: 90%; font-weight: normal; margin-bottom: 0; padding-bottom: 0; }
	#full-box h1 {font-size: 220%; }
	h1.top_story { font-size: 200%; color: #333; padding-bottom:0; padding-top: 0; }

	header h2 {font: 20px Georgia, Times New Roman, Times, serif; color: #9d2525; margin-left: 70px; font-style: italic; font-weight:500; }


h3, h2, h4, h5, h6 { font-weight: 700; line-height: 1.4; color: #333; padding-bottom:2px; }
h2 { font-size: 130%; line-height: 1.4; color: #9d2525; padding-bottom:4px; }
h2.no-gap {margin-bottom: 0; padding-bottom: 0; }
h3 {color: #9d2525; font-size: 115%; }
#half-box h3 {font-size: 0.95em; font-weight: 500; margin-top: 0; padding-top: 0; }
#half-box h4 { font-size: 0.95em; font-weight: 500;  }

h4 {line-height: 150%; font-size: 110%; font-weight: 500; }
h4.top-date-string { font: 100% Georgia, Times New Roman, Times, serif; Margin: 0; padding: 0; color: #9d2525; }
h4.top-date-string-single { font: 100% Georgia, Times New Roman, Times, serif; padding: 10px 0 10px 0; Margin: 0; color: #9d2525; }
h4.date-string-barnie { font: 120% Georgia, Times New Roman, Times, serif; padding: 5px 0 5px 0; Margin: 0; color: #9d2525; }

h4.date-string { font: 100% Georgia, Times New Roman, Times, serif; margin: 0; padding: 0; color: #9d2525; }
h4.forums { line-height: 180%; margin-bottom: 10px; padding-right: 20px; color: #333333; font-size: 95%; }
#barnies h4 {margin-left: 20px; }


p { font: 1em verdana, geneva, sans-serif; line-height: 1.7em; color: #000000; font-weight: lighter; vertical-align: baseline; margin-bottom: 9px; }	
	#full-box p { line-height: 180%; font-weight: lighter; }
	#half-box p { line-height: 1.6em; color: #000000; font-weight: lighter; margin-bottom: 12px; font-size: 0.9em; }
	aside p { line-height: 1.6em; color: #000000; font-weight: lighter; margin-bottom: 12px; font-size: 0.9em; }

	blockquote p { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1em; line-height: 1.8em;font-weight: lighter; color: #333; padding: 5px 0 5px 0; }
	
	#barnies-list-box P { font-size: 80%; font-family: Georgia, Times New Roman, Times, serif; color: #000000; line-height: 160%; }
	
	em { font-style: italic; font-weight: lighter; }
	strong { font-weight:600; }
	b { font-weight: bold; color: #000000; }
	blockquote { padding: 0 25px 0 25px; }

/* PLUGINS -- PLUGINS */

.sociable { padding: 10px 0 6px 0; }
.social_tagline p { font-size: 2em; }

	/* BULLETS & LISTS --- BULLETS & LISTS --- BULLETS & LISTS --- BULLETS & LISTS --- BULLETS & LISTS --- BULLETS & LISTS --- BULLETS & LISTS --- */

#main-content ul {
		font: 0.9em verdana, geneva, sans-serif; font-weight: lighter;
		color: #333333;
		display: block;
		line-height: 150%;
		margin: 6px 0 10px 0;
	}

#main-content li {
		list-style-type:circle;
		line-height: 220%;
		margin: 0 20px 10px 40px;
	}



	/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */

	.footer {
	height: 50px; background-color:#000; clear: both; float: left; width: 100%; border-top: 3px; border-top-style: solid; border-top-color: #8ec9d4; }

	#copyright p { line-height: 170%; color: #8ec9d4; font-size: 0.85em;	font-weight: lighter; padding: 18px 0 0 220px; }


	#footer-wrap { background-color: #000000; margin-top: 38px; overflow-x: hidden; overflow-y: hidden; }
	#footer  { padding-top: 19px; padding-right: 0pt; padding-bottom: 19px; padding-left: 0pt; color: #ffffff; width: 1000px; margin-top: 0pt; margin-right: auto; margin-bottom: 0pt; margin-left: auto; overflow-x: hidden;  overflow-y: hidden; }
	#about-column  { width: 318px; float: left; border-right-width-value: 1px; border-right-style-value: solid; border-right-color: #ebebe8; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; margin-right: 37px; padding-right: 15px; }
	.footer-column  { float: left; width: 164px; margin-right: 20px; }

	/* FUNCTIONS -- */


/* SPARE STUFF ---SPARE STUFF ---SPARE STUFF ---SPARE STUFF ---SPARE STUFF --- */ 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { float: left; clear: both;  display: inline; }
   .next-posts {  float: right; display: inline; padding-top: 10px; margin-right: 22px; }
   .prev-posts { float: left; display: inline; padding-top: 10px; }


#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */



/* Archive archive */

.widget-archive{padding: 0 0 40px 0; float: left; width: 235px;}
.widget-archive ul {margin: 0;}
.widget-archive li {margin: 0; padding: 0;}
.widget-archive li a{ border-left: 1px solid #d6d7d7; padding: 5px 0 3px 10px; margin: 0 0 0 55px; display: block;}
li.archive-year{float: left; font-family: Helvetica, Arial, san-serif; padding: 5px 0 3px 10px; color:#ed1a1c;}
li.archive-year a{color:#ed1a1c; margin: 0; border: 0px; padding: 0;}