/*   
Description: AffiliateJump.com -> Fun Template
Author: Vladimir Golušin (bigfish.rs)
*/

* {
  margin: 0;
  padding: 0;
}

html, body {}

img, div, input, h1, h2, h3 { behavior: url("iepngfix.htc") }

body {
	font: 11px Tahoma, Arial, Verdana, sans-serif;
	text-align: center;
	background: #000 url("../images/bg.jpg") repeat-x 0 0;
}

#wrap {
	width: 560px;
	margin: 0 auto;
	text-align: left;
}


/* @group header */
/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#header {
	margin-top: 40px;
}

#header div.lc, #header div.rc {
	float: left;
	display: inline;
	width: 280px;
}

#header div.lc {
	margin-top: 20px;
	height: 200px;
	overflow: hidden;
	background: url("../images/bg-header.jpg") no-repeat 0 40px;
}

#header div.rc {
	
}

#header div.lc div.top-label {
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	font-size: 1.5em;
	margin-bottom: 30px;
	color: #3a0100;
}

#header div.lc div.top-label strong {
	font-weight: bold;
}

#header h1, #header h3 {
	color: #fff;
	background: url("../images/bg-title.png") repeat 0 0;
}

#header h2 {
	color: #fff;
	background: url("../images/bg-title.png") repeat 0 0;
}
/* @end */


/* @group opt-in box */
/* OPT-IN BOX
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#opt-in {
	border: 1px solid #8c8c8c;
	background: #181818 url("../images/bg-optinbox.png") no-repeat bottom left;
	color: #bababa;
	width: 278px;
	height: 244px;
}

#opt-in p {
	margin: 5px 25px 8px;
	line-height: 140%;
	font-size: 0.9em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans-serif;
}

#opt-in div.item {
	margin-top: 5px;
}

#opt-in h4 {
	color: #fff;
	margin: 25px 25px 0;
}

#opt-in form {
	margin: 0 25px 25px;
}

#opt-in form input.submit {
	width: 86px;
	height: 38px;
	background: transparent url("../images/btn-signup.png") no-repeat 0 0;
	border: 0;
	color: transparent;
	text-indent: -9999px;
	float: right;
	cursor: pointer;
}
/* @end */


/* @group content */
/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#content {
	margin-top: 35px;
	text-align: center;
}

#content div.intro {
	line-height: 135%;
	margin: 0 30px 35px;
	text-align: left;
	color: #fff;
}

#content div.intro h1 {
	font-size: 2.8em;
	letter-spacing: -2px;
	margin-bottom: 15px;
}

#content div.offer {
	margin: 0 30px 20px;
	border-bottom: 3px solid #ad4f4d;
	text-align: left;
}

#content div.header {
	height: 40px;
}

#content div.title {
	float: left;
	display: inline;
	padding-left: 16px;
	height: 40px;
	line-height: 40px;
	font-size: 1.2em;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans-serif;
}

#content div.title span {
	color: #ffcc00;
}

#content div.rank {
	float: right;
	display: inline;
	padding-right: 16px;
	height: 40px;
}

#content div.body {
	padding: 16px;
}

#content div.offer div.body {
	background-color: #fff;
}

#content div.offer div.header {
	color: #fff;
}

#content div.offer h1 {
	font-size: 1.6em;
	margin-bottom: 7px;
}

#content div.offer p {
	margin-top: 10px;
}

#content div.offer div.top {
	background-color: #fe0700;
}

#content h1, #header h1, #header h2, #header h3  {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans-serif;
}

#content div.offer div.recommended {
	background-color: #5e0300;
	color: #fff;
}

#content div.offer h1 {
	color: #333;
}

#content div.offer p {
	color: #777;
}
/* @end */


/* @group elements */
/* ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
h1 {
	font-size: 3.6em;
	font-weight: bold;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
}

h4 {
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -1px;
}

input[type=text] {
	padding: 8px 5px 8px 45px;
	width: 176px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	font-size: 1.2em;
	color: #777;
}

input[type=image] {
	margin-top: 2px;
	float: right;
}

input[type=text]#realname {
	background: #f7f7f7 url("../images/bg-icon-user.png") no-repeat top left;
}

input[type=text]#email {
	background: #f7f7f7 url("../images/bg-icon-email.png") no-repeat top left;
}
/* @end */


/* @group footer */
/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#footer {
	border-top: 1px solid #ffa8a6;
	padding: 25px 0;
	text-align: center;
	color: #ffa8a6;
}

#footer p {
	margin-bottom: 10px;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #ffa8a6;
}
/* @end */


/* @group misc */
/* MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clearer {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: block;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

img a:hover {
	margin-bottom: -5px;
}