/* This theme is based upon Starckers theme from ElliotJayStocks.com */

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* --- WelcomeToTheSky --- */


/* ---------------------- */
/* --- General Styles --- */
/* ---------------------- */

body {
	background: #f8f8f8;font-family: Lucida Grande, Arial, sans-serif;font-size: 12px;text-shadow: 1px 1px 1px #fff;
}
.main {
	margin: 0 auto;width: 940px;
}
a {
	border-bottom: 1px dashed #f8f8f8;color: #b42e0f;padding: 2px;text-decoration: none;-webkit-transition: all 0.4s ease;
}
a:hover {
	border-bottom: 1px dashed #FEA800;color: #FEA800;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}



/* ------------------------- */
/* --- BorderPage Styles --- */
/* ------------------------- */

#border-page {
	filter: alpha(opacity=20);opacity: 0.2;position: relative;z-index: 9999;
}
#border-page li {
	background: #000;position: fixed;
}
#border-page li.top {
	height: 10px;left: 0;top: 0;width: 100%;
}
#border-page li.bottom {
	bottom: 0;height: 10px;left: 0;width: 100%;
}
#border-page li.left {
	height: 100%;left: 0;top: 0;width: 10px;
}
#border-page li.right {
	height: 100%;right: 0;top: 0;width: 10px;
}
.top-banner,.bottom-banner {
	margin: 0 auto;width: 100%;
}
.top-banner {
	background: url(img/banner.jpg) repeat;height: 25px;
}
.bottom-banner {
	background: url(img/banner.jpg) repeat;height: 45px;
}



/* ------------------- */
/* --- Typo Styles --- */
/* ------------------- */

h1 {
	font-family: "madawaska-1","madawaska-2",Arial,Verdana, sans-serif;font-size: 10em;font-weight: bold;line-height: 1em;margin-top: 50px;
}
h2 {
	color: #d0d0d0;font-family: "Georgia","Cambria",Times New Roman,Times,serif;font-size: 1.8em;line-height: 1.5em;
}
span.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;font-style: italic;
}
q {
	display: block;font-family: "Georgia","Cambria",Times New Roman,Times,serif;font-style: italic;font-size: 1.8em;
}
q + span {
	color: #d0d0d0;display: block;float: right;font-size: 0.9em;margin-top: 10px;
}



/* --------------------- */
/* --- Header Styles --- */
/* --------------------- */

.intro {
	margin-bottom: 100px;
}
a h1 {
	color: #222;-webkit-transition: all 0.4s ease;
}
a h1 span {
	color: #d0d0d0;-webkit-transition: all 0.4s ease;
}
a:hover h1 {
	color: #d0d0d0;
}
a:hover h1 span {
	color: #222;
}
.logo {
	background: url(img/bookmark.png) no-repeat;background-position: 0 15px;padding-left: 80px;-webkit-transition: all 0.4s ease;
}
a:hover .logo {
	background-position: 0 10px;
}



/* ---------------------- */
/* --- Content Styles --- */
/* ---------------------- */

a.icon {
	border: 0;float: right;height: 40px;width: 40px;
}
.apps .icon,.footer .app:hover {
	background: url(img/app.png) no-repeat;
}
.articles .icon,.footer .article:hover {
	background: url(img/article.png) no-repeat;
}
.follow .icon,.footer .follow:hover {
	background: url(img/follow.png) no-repeat;
}
.music .icon,.footer .music:hover {
	background: url(img/music.png) no-repeat;
}
.pics .icon,.footer .pic:hover {
	background: url(img/pic.png) no-repeat;
}
.quotes .icon,.footer .quote:hover {
	background: url(img/quote.png) no-repeat;
}
.screenshots .icon,.footer .screenshot:hover {
	background: url(img/screenshot.png) no-repeat;
}
.tweets .icon,.footer .tweet:hover {
	background: url(img/tweet.png) no-repeat;
}
.videos .icon,.footer .video:hover {
	background: url(img/video.png) no-repeat;
}

.apps .icon:hover,.footer .app {
	background: url(img/app-hover.png) no-repeat;
}
.articles .icon:hover,.footer .article {
	background: url(img/article-hover.png) no-repeat;
}
.follow .icon:hover,.footer .follow {
	background: url(img/follow-hover.png) no-repeat;
}
.music .icon:hover,.footer .music {
	background: url(img/music-hover.png) no-repeat;
}
.pics .icon:hover,.footer .pic {
	background: url(img/pic-hover.png) no-repeat;
}
.quotes .icon:hover,.footer .quote {
	background: url(img/quote-hover.png) no-repeat;
}
.screenshots .icon:hover,.footer .screenshot {
	background: url(img/screenshot-hover.png) no-repeat;
}
.tweets .icon:hover,.footer .tweet {
	background: url(img/tweet-hover.png) no-repeat;
}
.videos .icon:hover,.footer .video {
	background: url(img/video-hover.png) no-repeat;
}
.content {
	margin-top: 80px;
}
.content .grid_6 {
	border-bottom: 1px dashed #d0d0d0;min-height: 60px;
}
.content .tags {
	padding-top: 10px;text-align: right;
}
.content .tags a {
	border: 0;border-radius: 4px;padding: 4px 8px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
.content .tags a:hover {
	background: rgba(0,0,0,0.2);border: 0;color: #fff;text-shadow: 0 0 0;
}
.grid_6 p {
	color: #222;display: block;margin-top: 12px;
}
.grid_6 a.read-more {
	background: #b42e0f;border: 0;border-radius: 4px;color: #fff;float: right;font-size: 0.9em;padding: 4px 8px;margin: 10px 0;text-transform: uppercase;text-shadow: 0 0 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
.grid_6 a.read-more:hover {
	background: #FEA800;color: #fff;
}
.content .tags a[href*="#"] {
	display: none;
}
.grid_6 span.date {
	color: #d0d0d0;float: left;font-size: 0.9em;margin: 10px 0;
}
html body a.tweetnote {
	background: rgba(0,0,0,0.2);border: 0;border-radius: 4px;color: #fff;float: left;margin-top: -4px;margin-left: 230px;padding: 4px 8px;text-shadow: 0 0 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
html body .content .tags a.tweetnote:hover {
	background: #b42e0f;background: rgba(180,46,15,1);
}
.category-title {
	color: #ebebeb;font-size: 3em;font-style: italic;font-weight: bold;position: absolute;right: 20px;text-transform: uppercase;text-shadow: none;top: 30px;
}



.footer {
	font-size: 0.8em;margin: 150px 0 20px;
}
.footer p {
	margin-bottom: 10px;
}
.footer a.ico {
	border: 0;padding: 14px 0 14px 45px;margin: 10px;
}
.separator-div {
	margin: 15px 0;
}