@import "reset.css";


/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}


body {
	font-family: Helvetica, Arial, sans-serif;
	background-color:#222;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;
}
a {
	text-decoration:none;
}




.main {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background-color:#F5F5F5;
}
.container {
	width:900px;
	margin-left:140px;
}

.content {
	width:630px;
	float:left;
	border-right:1px solid white;
}
.content .inner {
	border-right:1px solid #DDD;
	padding: 0 0 20px 0;
}




.topnav {
	background-color:#111;
	border-bottom:1px solid #000;
	padding-top:10px;
}
.topnav ul {
	float:left;
}
.topnav li {
	float:left;
	margin-right:1px;
}
.topnav li a {
	display:block;
	color:#CCC;
	font-size:13px;
	padding:7px 10px;
	font-weight:bold;
	background-color:#444;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 	
}
.topnav li a span {
	font-weight:normal;	
}
.topnav li a.selected {
	color:#FFF;
	padding-bottom:9px;
	margin-bottom:-2px;
}
.topnav li a:hover {
	color:#FFF;
}
.topnav li a.fonttime.selected,
.topnav li a.fonttime:hover {
	background-color:#527500;
}
.topnav li a.inspirationtime.selected,
.topnav li a.inspirationtime:hover {
	background-color:#750052;
}
.topnav li a.icontime.selected,
.topnav li a.icontime:hover {
	background-color:#005275;
}





/* HEADER */
.header {
	padding:15px 0 10px 0;
}
h1 {
	font-size:48px;
	letter-spacing:-2px;
	float:left;
}
h1 a {
	color:white;
}
h1 a:hover {
	color:#ffd605;
}
h1 span {
	font-weight:normal;
}
#tagline {
	float:left;
	color:white;
	margin-top:15px;
	margin-left:100px;
	text-shadow: 1px 1px 0 #450022;
	color:#FFDDEE;
}
.rssLink {
	float:right;
	margin-top:5px;
	margin-right:80px;
}
.rssLink:hover {
	margin-top:0;
}
.header {
	background: #750052 url(../img/layout/header-bg.png) -50px top no-repeat;
	border-bottom:1px solid #550032;
	border-top:1px solid #952072;
}


/* NAVIGATION */
.navigation {
	background: #BB7CA6 url(../img/layout/header-bg.png) -50px -10px no-repeat;
	border-top:1px solid #DB9Cc6;
	border-bottom:1px solid #9B5C86;
}
.navigation .row {
	padding:7px 0 3px 0;
	position:relative;
}
.navigation .row h5 {
	position:absolute;
	top:7px;
	left:-210px;
	width:200px;
	text-align:right;
}
.navigation .row h5 a {
	font-weight:normal;
	color:#FFDDEE;
	font-size:15px;
	padding:8px 12px;
	float:right;
	background-color:#750052;
}
.navigation .row h5 img {
	float:left;
	margin-right:5px;
}
.navigation .row h5 span {
	color:white;
	font-weight:bold;
}
.navigation .row h5 a:hover {
	background-color:#550032;
}
.navigation .row h5 a:hover img {
	position:relative;
	top:-2px;
}
.navigation a {
	font-weight:bold;
	font-size:12px;
	padding:10px 13px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	background-color:#9b5180;
	color:#FFDDEE;
	text-shadow: 1px 1px 0 #850062;
}
.navigation .hidden {
	display:none;
}
.navigation.focus .hidden {
	display:block;
}
.navigation a span {
	color:#DDBBCC;
	font-weight:normal;
}
.navigation a:hover,
.navigation a.selected {
	background-color:#750052;
	color:#FFF;
	text-shadow: 1px 1px 0 #450022;
}
.navigation li {
	font-size:14px;
}
.navigation ul,
.navigation li,
.navigation li a {
	float:left;
}
.navigation li {
	margin-right:4px;
	margin-bottom:4px;
}




/* CONTENT */
h2 {
	font-size:42px;
	letter-spacing:-3px;
	color:#333;
	text-shadow: 1px 1px 0 white;
}
.intro {
	padding-top:25px;
	padding-bottom:15px;
	padding-right:20px;
	border-bottom:1px solid #DDD;
}
.intro p {
	margin-top:10px;
}
.intro .shareLink img {
	float:left;
	margin-right:5px;
	margin-top:-6px;
}
.intro .shareLink a {
	font-size:18px;
	font-weight:bold;
}
.intro .shareLink.twitter a {
	color:#33C7FA;
}
.intro .shareLink.twitter a:hover {
	color:#3180AE;
}
.adsense {
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	padding-left:75px
}
p {
	font-size:13px;
	line-height:18px;
	color:#444;
}


/* INDEX STYLES */
h2 a {
	color:black;
}
h2 a:hover {
	color:#750052;
}
.teaser {
	clear:both;
	border:1px solid white;
	margin:10px 0;
	width:600px;
}
.teaser a {
	display:block;
	float:left;
	height:200px;
	width:120px;
}
p.date {
	position:absolute;
	left:-100px;
	top:25px;
	width:90px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}



/* LISTINGS */
.listing {
	position:relative;
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	padding:40px 20px 40px 0;
}
#homepage .listing {
	padding:15px 20px 15px 0;
}
.listing.top {
	border-top:0;
}
.listing.bottom {
	border-bottom:0;
	padding-bottom:0;
}
.listing .heading {
	padding:10px 0;
}
.listing h3 {
	font-size:24px;
	line-height:21px;
	letter-spacing:-1px;
	font-weight:normal;
	float:left;
	margin-right:10px;
}
.listing h3 a {
	color:#CCC;
	font-weight:bold;
	text-shadow:1px 1px 0 white;
}
.listing.focus h3 a {
	color:#333;
}
.listing h3 a:hover {	
	color:#750052;
}
.listing a.url {
	display:none;
	float:left;
	margin-top:-3px;
	font-weight:bold;
	padding:5px 9px;
	background-color:#BBB;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-size:12px;
	border:1px solid #FFF;
	color:white;
	background-color:#333;
	text-shadow: 1px 1px 0 black;
}
.listing.focus a.url {
	display:block;
}
.listing a.url:hover {
	background-color:#750052;
	text-shadow: 1px 1px 0 #350012;
}
.listing .screenshots {
	height:200px;
	position:relative;
}
.listing .screenshots a.primary {
	height:200px;
	width:400px;
	position:absolute;
	left:0;
	top:0;
	border:1px solid #FFF;
}
.listing .screenshots a.secondary {
	height:200px;
	width:200px;
	position:absolute;
	left:408px;
	top:0;
	border:1px solid #FFF;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
}

.listing .tags {
	padding:10px 0;
}
#tagPage .listing .tags {
	display:none;
}
#tagPage .listing.focus .tags {
	display:block;
}
.listing .tags li {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	font-size:12px;
}
.listing .tags a {
	display:block;
	color:white;
	font-weight:bold;
	padding:10px 12px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	font-size:12px;
	background-color:#333;
	text-shadow: 1px 1px 0 black;
}
.listing .tags a:hover {
	background-color:#750052;
	text-shadow: 1px 1px 0 #350012;
}
.listing .tags a span {
	font-weight:normal;
	color:#CCC;
}
.listing .tags a:hover span {
	color:#DDBBCC;
}
/* ICON LISTINGS */



/* SIDEBAR */
h4 {
	font-size:32px;
	letter-spacing:-1px;
	color:#CCC;
	text-shadow: 1px 1px 0 white;
	margin-bottom:15px;
}
.sidebar {
	float:left;
	width:230px;
}
.sidebar .inner {
	margin:25px 0 25px 0;
}
.sidebar .section {
	padding:20px 0 20px 20px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #FFF;
}
.sidebar .section.top {
	padding-top:0;
	border-top:0;
}
.sidebar .section.bottom {
	padding-bottom:0;
	border-bottom:0;
}
.sidebar .shareLinks {
	color:#CCC;
}
.sidebar .shareLinks li {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.sidebar .shareLinks li:hover {
	margin-top:-2px;
	margin-bottom:7px
}
.sidebar .ads li {
	margin-bottom:15px;
}
.sidebar .ads li.bottom {
	margin-bottom:0;
}
.sidebar .ads p {
	font-size:11px;
	line-height:15px;
	width:175px;
}
.sidebar .ads a {
	display:block;
}
.sidebar .ads img {
	border:1px solid #CCC;
}
.sidebar .ads img:hover {
	border:1px solid #666;
}
h6 {
	margin-bottom:15px;
}
h6 a {
	color:#750052;
	font-size:16px;
	line-height:21px;
}
h6 a:hover {
	color:black;
}



/* FOOTER */
.footer p {
	border-top:1px solid black;
	padding:25px 0;
}
.footer p {
	color:#BBB;
	
}
.footer a {
	color:#DDD;
	font-weight:bold;
}
.footer a:hover {
	color:white;
	text-decoration:underline;
}
/* FOOTER */