/*   

Theme Name: SkyLine Theme

Based off html5reset Thanks!

Author: RyanJ

Version: 1

*/



/* Default

-------------------------------------------------------------------------------*/



html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}									

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

object,embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */

html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 

blockquote:after, 

q:before, 

q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */

table {border-collapse: collapse; border-spacing: 0;}

th {font-weight: bold; vertical-align: bottom;}

td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {

	white-space: pre; /* CSS2 */

	white-space: pre-wrap; /* CSS 2.1 */

	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

	word-wrap: break-word; /* IE */

}

input[type="radio"] {vertical-align: text-bottom;}

input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}

.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,

label, 

input[type=button], 

input[type=submit], 

button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */

.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */

.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden; }  

.clearfix:after { clear: both; }  

.clearfix { zoom: 1; }  

/* Edit here

-------------------------------------------------------------------------------*/

body {font: Helmet, Freesans, sans-serif;background:#1C1C1C;}

body, select, input, textarea {color: #fff;}

a {color: #03f;}

a:hover {color: #69f;}

::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}

::selection {background: #fcd700; color: #fff; text-shadow: none;} 

a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}

mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* --------------------------*/

#page-wrap {width: 80%; margin: 20px auto;}

header{

	border-bottom:solid 1px #fff;

	background:url(images/cityskylines.jpg) no-repeat;

	height:100px;

}

header h1 {

	font-size:3em;

	padding-bottom:15px;

}

header h1 a{

	text-decoration:none;

	color:#fff;

}

header h1 a:hover{

	color:#ccc;

}

.description{

	padding: 0 0 10px 10px;

}

.headerAd {

    padding-top: 10px;

    text-align: center;

}

article{

	width:100%;

	font-size:1.1em;

}

nav{

	text-align:center;

	border-bottom:solid 1px #fff;

}

nav ul{

	margin:5px;

}

nav li{

	display:inline;

	padding: 0 5px;

	font-size:1.5em;

	border-right: dotted 1px #ccc;

}

nav li:last-child{

	border-right:none;

}

nav li a{

	text-decoration:none;

	color:#ccc;

}

nav li a:hover{

	color:#fff;

}

/*continent page*/

.countryEntry{

    width: 25%;

    display: inline-block;

	margin: 10px 0;

}

.countryEntry img {

	max-width: 100%;

    height: auto;

}

.countryEntry h2{

	text-align:center;

}

.countryEntry h2 a{

	color:#ccc;

	text-decoration:none;

}

.countryEntry h2 a:hover{

	color:#fff;

}

.countryName{

	text-align:center;

	font-size:2em;

	padding: 10px 0;

}

/*archive page*/

.topTitle{

	padding-top:10px;

	font-size:1.8em;

	text-align:center;

}

.archivePage{

	width:24%;

	display:inline-block;

	margin-bottom:15px;

}

.archivePage img {

    max-width: 90%;

    height: auto;

}

.archivePage h2{

	padding-top: 15px;

}

.archivePage h2 a{

	color:#ccc;

	text-decoration:none;

}

.archivePage h2 a:hover{

	color:#fff;

}

/*single page */

.entry{

	width:70%;

	border-bottom:1px solid #fff;

}

.entry img{

	max-width:100%;

	height: auto;

}

.entry-title{

	font-size:2em;

	padding: 5px;

}

.entry p {

	margin:15px;

}

.entry-content a {}

.entry-content a:hover {}

.authorInfo{

	margin:10px;

}

.authorName{

	font-weight:bold;

}

/*single page nav*/

.widget{

	float:right;

	border-left: solid 1px #fff;

	width:25%;

	padding: 10px;

}

.widgettitle{

	font-size:1.4em;

	text-align:center;

}

#text-2{

	clear:both;

}

#tag_cloud-2 h2{

	font-size:1.8em;

	text-align:center;

	padding-bottom: 10px;

}

#tag_cloud-2 a{

	text-decoration:none;

	color:#fff;

	padding: 5px;

}

#tag_cloud-2 a:hover{

	text-decoration:underline;

	color:#aaa;

}

/*front page*/

.post {

	width:100%;

	margin: 10px 0;

}

.post p{

	line-height:1.3em;

}

.thumb{

	width:33.33%;

	float:left;

	margin: 10px 0;

	padding: 0;

}

.thumb:nth-child(5n) {

    clear: both;

}

.thumb img{

	max-width:80%;

	height: auto;

}

.thumb h1{

	padding:5px 0;

}

.thumb h1 a{

	text-decoration:none;

	color:#ccc;

}

.thumb h1 a:hover{

	text-decoration:none;

	color:#fff;

}

/*end of front page*/

#meta {}

.postmetadata {}

aside {

	float:right;

	width:20%;

}

aside ul{}

aside li{}

aside li a{}

aside li a:hover{}

aside form {

    padding: 10px;

	text-align:center;

}

aside form select {

    color: #000;

}

.continentNav ul{

	border-left:solid 1px #ccc;

}

.continentNav li{

	padding:5px 0;

	font-size:1.5em;

	border-right: none;

}

.continentNav li a{

	display:block;

	text-decoration:none;

	color:#ccc;

	border-bottom:1px solid #fff;

	padding:3px 0;

}

.continentNav li a:hover{

	color:#fff;

}

.submit{

    padding: 10px;

}

.submit a{

    font-size: 1.5em;

	color:#fff;

	text-decoration:none;

	font-weight: bold;

	line-height: 1.8em;

}

.submit a:hover{

    font-size: 1.5em;

	color:#ccc;

}

.navigation {

	clear:both;

	text-align:center;

	padding:25px 0;

}

.next-posts {}

.prev-posts {}

footer{

	width:100%;

	text-align:center;

	clear:both;

}

nav.footer{

	border-bottom:none;

}

.footer ul{

	margin-bottom:5px;

}

.footer li{

	display:inline;

	padding: 0 5px;

	font-size:.8em;

}

.footer li a{

	text-decoration:none;

	color:#ccc;

}

.footer li a:hover{

	color:#fff;

}

#searchform {}

#s {}

#searchsubmt {}

	

ol.commentlist {list-style: none;}

ol.commentlist li {margin:5px 0;color:#000;}

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 {color:#000;}

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{color:#000;font-size: .5em;}

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: 2px solid #555; margin: 0 0 10px 10px;}

ol.commentlist li.comment ul.children li.depth-3 {border-left: 4px solid #999; margin: 0 0 10px 10px;}

ol.commentlist li.comment ul.children li.depth-4 {border-left: 6px 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 {}

.respond{

	padding: 5px 0;

}

#comment,#submit,.respond input {

	color:#000;

}

/*gform*/

.gform_wrapper textarea,.gform_wrapper input,#input_2_3{

    color: #000;

}

/*ratings*/

.ratings{

    height:25px;

}
.rlink{
	margin-bottom: 1em;
	display: block;
}
.rlink a{
	text-decoration: none;
	color: red;
}

/* Print styles!

-------------------------------------------------------------------------------*/

@media print {}





/* Media queries!

-------------------------------------------------------------------------------*/

@media screen and (max-width: 700px) {

.headerAd {

    display:none;

}

}

@media screen and (max-width: 480px) {

header h1 {

    font-size: 2em;

}

.description{

	text-indent:-9999px;

}

nav li {

	display:block;

	border-right:none;

	border-bottom: 1px solid #fff;

}

.thumb {

	float:none;

	width:100%;

}

.thumb img{

	width:100%;

	height:100%;

}

aside{

	float:none;

	width:100%;

	text-align:center;

}

.continentNav ul {

	border-right:none;

}

.countryEntry{

	display:block;

	width:100%;

}

.archivePage{

	float:none;

	width:100%;

}

.widget{

	float:none;

	border-left: none;

	width:100%;

	padding: 10px;

	text-align:center;

}

.entry img{

	width:100%;

	height:100%;

}

}

@media all and (orientation: portrait) {}



@media all and (orientation: landscape) {}