/*  
Theme Name: Adz
Theme URI: http://www.adz.com.my.com/
Description: Malayasia Open Web Ads marketplace.
Version: 1.0
Author: kailoon
Author URI: http://www.kailoon.com/
*/


* {
	padding: 0; 
	margin: 0;
} 
/*--------------------------------------------------------------------- General ----------------------------------------------------------------------*/
body {
	font: 75%/170% "Verdana", Arial, Helvetica, sans-serif;
	background: url(images/bg.png) repeat-x center top;
	color: #666;
}

a {
	color: #bf6d07;
	text-decoration: none;
}

a:hover {
	color: red;
}

#wrapper {
	width: 996px;
	margin: 0 auto;
}

.clear {
	clear: left;
}

.submit {
	background: url(images/submit.png) no-repeat top left;
	width: 89px;
	height: 35px;
	display: block;
	border: 0;
	cursor: pointer;
}

div.intouch div.inputfield input.submitbutton {
	background: url(images/submit.png) no-repeat top left;
	width: 89px;
	height: 35px;
	display: block;
	border: 0;
	cursor: pointer;
	clear: left;
	margin: 0 0 0 217px;

}
/*--------------------------------------------------------------------- typography ------------------------------------------------------------*/

h1 {
	font: 900 250%/170% "Georgia",Times New Roman, Times, serif;	
}

h2 {
	font: 900 200%/150% "Georgia",Times New Roman, Times, serif;
	color: #222;
}

h2.title {
	font: 900 250% normal "Georgia",Times New Roman, Times, serif;
	padding: 0 0 15px 0;
}

h2.title a{
           color:#000;
}

h2.title2 {
	font: 900 200% normal "Georgia",Times New Roman, Times, serif;
	padding: 0 0 15px 0;
	letter-spacing: -1px;
}

h3 {
	font: 900 150%/170% "Georgia",Times New Roman, Times, serif;
	color: #434343;
}

h3.title {
	font: 900 150%/170% "Georgia",Times New Roman, Times, serif;
	color: #222;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f1f1f1;
	padding: 0 0 0 5px;
}

p {
	padding: 0 0 15px 0;
}

/*--------------------------------------------------------------------- container ------------------------------------------------------------*/

#header {
	background: url(images/header.png) no-repeat center top;
	width: 996px;
	height: 208px;
}

#main-content {
	width: 860px;
	margin: -70px auto 0 auto;

}

#content {
	width: 820px;
	margin: -70px auto 0 auto;
	padding: 0 20px;

}

#footer {
	width: 860px;
	text-align: center;
	padding: 20px 0;
	margin: 0 auto;
	background: url(images/footer.png) no-repeat center top;
}

/*--------------------------------------------------------------------- header ------------------------------------------------------------*/
#header-inside {
	width: 860px;
	margin: 0 auto;
}

#logo {
	background: url(images/logo.png) no-repeat top left;
	float: left;
	width: 230px;
	height: 66px;
	margin: 27px 0 0 53px;
}

#logo a {
	text-indent: -9999em;
	width: 130px;
	height: 66px;
	float: left;	
}

#logo span {
	float: left;
	width: 100%;
	font: 400 12px "Georgia",Times New Roman, Times, serif;	
	color: #19000f;
	padding: 2px 0 0 8px;
}

#menu {
	float: left;
	width: 461px;
	height: 31px;	
	padding: 34px 0 0 115px;
}

#menu ul {
	background: url(images/menu.png) no-repeat top left;
	float: left;
	width: 326px;
	height: 31px;	
	list-style: none;
}

#menu ul li{
	float: left;
}

#menu ul li a {
	display: block;
	padding: 6px 4px;
	margin: 0 7px;
	font: 400 16px "Georgia",Times New Roman, Times, serif;	
	color: #fff;
}

#menu ul li a:hover, #menu ul li a.current {
	color: #dd8f06;
}

#menu a#marketplace {
	background: url(images/marketplace.png) no-repeat top left;
	float: left;
	width: 135px;
	height: 31px;
	text-indent: -99999em;	
}

/*--------------------------------------------------------------------- main-page ------------------------------------------------------------*/

#main-content h2.slogan {
	text-align: center;
	color: #210016;
}

.frame {
	float: left;
	width: 400px;
	height: 237px;
	margin: 50px 11px 0 11px;
}

#publishers {
	background: url(images/publishers.png) no-repeat top left;
}

#marketers {
	background: url(images/marketers.png) no-repeat top left;
}


ul.main-list {
	list-style: none;
	padding: 50px 10px 0 20px;
	font: 400 16px "Georgia", Times New Roman, Times, serif;	
	color: #fff;

}

ul.main-list li {
	background: url(images/main-list.gif) no-repeat top left;
	padding: 2px 0 2px 22px;
	margin-top: 15px;	
}

a.more {
	float: right;
	width: 78px;
	height: 28px;
	text-indent: -99999em;
	margin: 10px;
}

/*--------------------------------------------------------------------- normal-page ------------------------------------------------------------*/

h3 strong {
	background-color: #f1f1f1;
	color: #6a0000;
	padding: 2px 4px;
	border-bottom: 1px solid #ccc;
}

/*--------------------------------------------------------------------- marketplace ------------------------------------------------------------*/

.site {
	float: left;
	width: 520px;
}

.photo {
	float: left;
	background: url(images/sc.png) no-repeat top left;
	width: 212px;
	height: 214px;
	padding: 5px;
	margin: 10px 15px;
	text-align: center;
}

.photo h2.p-title a {
	font: 900 12px "Georgia", Times New Roman, Times, serif;
	color: #450f01;	
	letter-spacing: -1px;
}

.photo a img {
	border: 1px solid #ccc;
	padding: 4px;
	background-color: #e1e1e1;
	margin: 20px 0px 0px 0;
}

.photo a:hover img {
	border: 1px solid #222;
	background-color: #e1e1e1;
}

.photo h2.p-title a:hover {
	color: #000;
	text-decoration: underline;	
}

.photo span {
	font: 900 11px "Verdana", Arial, Helvetica, sans-serif;
	color: #55001f;	
}

/*--------------------------------------------------------------------- sidebar ------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 260px;
	margin-left: 20px;
}

.simpletab-toolbar-container {

}

.simpletab-toolbar {
	list-style: none;
	float: left;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
}

.simpletab-toolbar li {
	float: left;
	padding: 0 10px 0 0;
}

.simpletab-toolbar li a {
	display: block;
	float: left;
	height: 22px;
	padding: 2px 7px 0 0;
	color: #b75986;
	text-align: center;
	font-weight: 900;
	background: url(images/tab2.png) no-repeat top right;
}

.simpletab-toolbar li a em {
	display: block;
	float: left;
	height: 24px;
	padding: 0 6px 0 0;
	margin-top: -2px;
	background: url(images/tab2.png) no-repeat top left;
}

.simpletab-toolbar li a.current, .simpletab-toolbar li a:hover {
	color: #fff;
	background: url(images/tab.png) no-repeat top right;
}

.simpletab-toolbar li a.current em, .simpletab-toolbar li a:hover em {
	background: url(images/tab.png) no-repeat top left;
}

.simpletab-container {
	float: left;
	width: 260px;
	text-align: center;
	font-family: "Georgia", Times New Roman, Times, serif;
	margin-top: 10px;
}

.simpletab-container ul.list {
	float: left;
	list-style: none;
	margin: 10px 0;
}

.simpletab-container ul.list li {
	float: left;
}

.simpletab-container ul.list li a {
	float: left;
	text-align: left;
	display: block;
	width: 238px;
	background: url(images/main-list.gif) no-repeat top left;
	padding: 4px 0 4px 22px;
	color: #333;
	font: 400 12px "Georgia", Times New Roman, Times, serif;
	border-bottom: 1px dotted #e7e7e7;
}

.simpletab-container ul.list li a:hover {
	color: #340217;
	border-bottom: 1px solid #340217;
	background-color: #f1f1f1;
}

.simpletab-container ul.list2 {
	float: left;
	padding: 10px;
}

.simpletab-container ul.list2 a {
	color: #434343;
	padding: 4px;
}

.simpletab-container ul.list2 a:hover {
	color: red;
}

.simpletab-active {
    display: block;
}

.simpletab-hidden{
    display: none;
}

/*--------------------------------------------------------------------- single ------------------------------------------------------------*/

img.float {
	float: left;
	margin: 0 5px 5px 0;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

.desc {
	float: left;
	width: 275px;
	padding:  5px 10px 10px 10px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	margin-left: 5px;
}

.desc span {
	display: block;
}

strong.money {
	color: #9f0126;
}


.desc em {
	display: block;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	font: 400 11px "Verdana", Arial, Helvetica, sans-serif;
	margin-top: 8px;
	font-style: italic;
}

a.url {
	color: #5c0f32;
	margin-bottom: 5px;
	float: left;
	padding-bottom: 5px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #ccc;
	font: 900 12px "Verdana", Arial, Helvetica, sans-serif;
}

a.url:hover {
	color: red;
}

.desc2 {
	clear: left;
}

.desc2 span {
	display: block;
	border-bottom: 1px dotted #e7e7e7;
}

.desc2 span:hover {
	border-bottom: 1px solid #e7e7e7;
	background-color: #f7f7f7;
}

.info {
	background: url(images/info.gif) no-repeat center left;
	padding: 2px 0 0 20px;
	line-height: 30px;
}

.traffic {
	background: url(images/star.gif) no-repeat center left;
	padding: 2px 0 0 20px;
	line-height: 30px;
}

.tag {
	background: url(images/attach.gif) no-repeat top left;
	padding: 2px 0 0 20px;
	line-height: 30px;
}

.form2 {
	margin-top: 20px;
}

.myform {
	border: 1px solid #ccc;
	padding: 10px;
}

.myform span {
	display: block;
	margin: 3px 0;
}

.myform span strong {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 10px;
}

input {
	border: 1px solid #ccc;
	padding: 3px;
	color: #666;
}

#submit {
	float: right;
	margin-top: -35px;
}

div.intouch div#usermessage {
	display: none;
}