@import url('reset.css');

/*
*	Name: Stylesheet for 'Cashrevelations'
*	Author: Tommy Olovsson
*	Author Website: www.cashrevelations.com
*
******************************************/


/*	Text, Body & Links
**********************************************/

body {
	background : #fff;
	color:#999;
	font-size:62.5%;
	text-align:center;
	font-family: Georgia,"Times New Roman",Times,serif;
}

h1, h1 a, h1 a:visited {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#fd9592;
	font-size: 36px;
	line-height:36px;
	text-decoration:none;
	font-weight:normal;
}


h2 {
	color:#555;
      font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	font-size: 18px;
      font-weight:normal;
      letter-spacing: 3px;
      padding-top: 5px;	
      padding-bottom: 0;	
}

h3 { 
	line-height:17px;
	border-bottom:1px solid #ddd;
}

a, a:visited {
	color:#e0e0e0;
	text-decoration:none;
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	font-style:normal;
}

a:hover { text-decoration:underline; }

a.textads, a.textads:visited {
	color:#e8e8e8;
	text-decoration:none;
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	font-style:normal;
}

a.textads:hover { 
      text-decoration:underline; 
      font-size: 12px;
      color: #888;
}

/*	Basic Structure
**********************************************/
#wrapper {
	text-align:left;
	width:960px;
	background:#fff;
	margin:20px auto;
}

/*	Header
*********************************************/

#header .top {
background:#f9f9f9 url(../images/categories/4.jpg) repeat-x top;
padding:0 10px 0 60px;
line-height:36px;
}

#top-controls {
	float:right;
	height: 17px;
	margin:0px 0 0 0;
	padding:0px;
}

#top-controls img { margin-left: 10px 
width: 31px;
height: 31px;
margin-top: 3px;
padding-left: 10px;
}

.description {
padding: 4px 0 15px 0px;
background:#fff;
font-family: Arial, sans-serif;
font-size: 11px;
color: #667;
}

/*	Logos
*********************************************/

.logo {
float: right;
margin: 261px 5px 0 0;
padding: 0px 0 0 0;
font-family: Arial, sans-serif;
font-size: 12px;
letter-spacing: 3px;
color: #fff;
}
.logo a, a:visited  a:hover {
font-family: Arial, sans-serif;
color: #fff;
text-decoration: none;
}

/*	Headline and text
**********************************************/

@font-face {
	font-family: 'SFCartoonistHandRegular';
	src: url('sf/SF_Cartoonist_Hand.eot');
	src: local('SF Cartoonist Hand'), local('SFCartoonistHand'), url('sf/SF_Cartoonist_Hand.woff') format('woff'), url('sf/SF_Cartoonist_Hand.ttf') format('truetype'), url('sf/SF_Cartoonist_Hand.svg#SFCartoonistHand') format('svg');
}
p.fontface2 {
font: 14px/16px 'SFCartoonistHandRegular', Arial, sans-serif;
letter-spacing: 1px;
color: #333;
padding-bottom: 0px;
}
a.fontface2 {
font: 23px/24px 'SFCartoonistHandRegular', Arial, sans-serif;
letter-spacing: 2px;
color: #000;
padding-bottom: 0px;
}
a:hover.fontface2 {
font: 23px/24px 'SFCartoonistHandRegular', Arial, sans-serif;
letter-spacing: 2px;
color: #009;
padding-bottom: 0px;
text-decoration:none;
}
a:visited.fontface2 {
font: 23px/24px 'SFCartoonistHandRegular', Arial, sans-serif;
letter-spacing: 2px;
color: #006;
padding-bottom: 0px;
}
h2.fontface2 {
font: 26px/26px 'SFCartoonistHandRegular', Arial, sans-serif;
letter-spacing: 2px;
color: #4b4b4b;
padding-bottom: 12px;
}

/*	Top Sub Menu
**********************************************/

#header-span {
	height: 18px;
	background: #f0f0f0;
}
.container {
	margin: 0 auto;
	display: block;
	width: 960px; 
}
ul#top-nav {
	list-style-type: none;
}
ul#top-nav li {
	display: inline;
	float: left;
	height: 15px;
	padding-top: 3px;}

ul#top-nav li#important1 { background:#b7eb03; width: 130px;}
ul#top-nav li#important2 { background:#0fc392; width: 130px;}
ul#top-nav li#important3 { background:#c3680f; width: 130px;}
ul#top-nav li#important4 { background:#0fb0c3; width: 130px;}
ul#top-nav li a {
	color:#000;
      padding: 4px 6px 4px 6px;
	font-weight: bold;}

ul#top-nav li a:visited {
	color:#000;
      padding: 4px 6px 4px 6px;
	font-weight: bold;
      font-size: 9px;
      }

/*	Menu
*********************************************/
#header .top #menu {
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	text-transform:uppercase;
	font-size:12px;
	color:#ddd;
}

#header .top #menu ul {
	list-style:none;
}

#header .top #menu ul li {
	display:inline;
	margin-right:40px;
	font-weight:normal;
}

#header .top #menu ul li a, #header .top #menu ul li a:visited {
	letter-spacing:0.3em;
	font-size:12px;
      font-weight:normal;
	color:#bbb;
}

#header .top #menu ul li a:hover {
	text-decoration:none;
	color:#6080c0;
}

/*  Frontpage
*********************************************/

.frontpage {
background:#5a5a5a;
height:280px;
}	
.frontpage2 {
width: 470px;
padding: 0px;
}
.frontpage3 {
background-image : url(../images/categories/developer.png);
background-repeat:no-repeat;
background-position: 422px -3px;
}

/*	Red frame
**********************************************/

.redframe {
border: 1px solid #dbb;		
padding: 10px;
margin: 5px 0 5px 0;
}

/*	Contact Table
**********************************************/


.contact {
width: 100%;	
}

td.contact {
font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
color:#555;
vertical-align: top;
}

td.contact2 {
font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
font-size: 10px;
font-style: normal;
color:#555;
vertical-align: top;
}

tr.contact {
background-color: #f7f7f7;
}

/*	Footer
*********************************************/
#footer {
	background:#f5f5f5;
	margin-top:18px;
}

#footer .content {
	padding: 15px 30px 0 30px;
	margin:0 0 18px 0;
}


#footer .content .section ul{
	list-style-type:disc;
	list-style-position:inside;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
}

#footer .content .section ul a, #footer .content .section ul a:visited {
	color:#999;
	text-decoration:none;
      font-size:12px;
}

#footer .content .section ul a:hover {
	text-decoration:underline;
}

.note {
	padding: 1px 0 1px 0;
	background: #a0a0a0;
	}

ul.bottommenu  {
  margin: 6px 0 5px 30px;
}
li.bottommenu {
  display: inline;
  font-size: 11px;
  border: 1px solid #808080;
  border-width: 0 0 0 1px;
}
li.bottommenu a {
  color: #5a5a5a;
  font-size: 11px;
  padding: 0 20px 0 20px;
}

li.bottommenu a:hover {
  color: #000;
  text-decoration: none;
}



/*	Copyright and intro
*********************************************/

.copyright {
	float:right;
	margin-right: 2px;
      margin-top: -9px;
	width: 360px;
	position:relative;
	color:#aaa;
      text-align: right;
}
.intro {
	float:left;
	margin-left: 1px;
      margin-top: 3px;
	width: 600px;
	position:relative;
	color:#aaa;
}

/*	Firefox
*********************************************/

.firefox img {
      width: 80px;
      height: 15px;
      float:right;
	margin-right: 5px;
      margin-top: -19px;
      position:relative;
}

/*	Misc
*********************************************/

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	margin:0;
	padding:0;
}