/* CSS Document */

body{
	margin:0;
	background: #232522 url(/png-maker/images/main_bg.gif);
	color: #B6B6B6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4{
	margin: 5px 0px;
}
h1, h3, h4{
	font-family: 'Philosopher', arial, serif;
}
h2{
	font-family: 'Cuprum', arial, serif;
}
h1 {
		color: #575757;
		font-size: 40px;
		text-shadow: #91919F -2px -2px 2px;
}
h1 a {
		color: #575757;
		text-decoration: none;
}
h1 a:hover {
		color: #575757;
}
h2 {
		color: #d6d6d6;
		font-size: 24px;
		padding-bottom: 0px;
		line-height:18pt
}
h2 a {
		color: #d6d6d6;
		text-decoration: none;
}
h2 a:hover, h3 a:hover, h4 a:hover {
		color: #a98e2e;
		text-decoration:none;
}
h3, h4, h3 a, h4 a {
		color: #556;
		text-shadow: #11111F 2px 2px 2px;
}
h3 {
		font-size: 20px;
		margin
}
h4 {
		font-size: 16px;
}
button, .button{
	background: #2A2A2F;
	border: 1px solid #555;
	color: #776421;
	display: inline-block;
	margin-top: 6px;
	margin-left: 0px;
	padding: 2px 6px;
	text-decoration: none;
	border-radius:3px;
	box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
}
button:hover, .button:hover{
	background: #555;
	border-color:#2A2A2F;
	color: #a98e2e;
	border-radius:3px;
	box-shadow: 2px 2px 4px #000;
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
}
button:active, .button:active{
	margin-top:7px;
	margin-left:1px;
	box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000
}
.clear{
	clear:both;
}
.container{
	width:960px;
	margin:0 auto;
}
.header{
	background: #2A2A2A url(/png-maker/images/header_bg.png);
	display: block;
	height: 140px;
	overflow: hidden;
}
.header h1{
	position:relative;
	top:68px;
	width:960px;
	margin:0 auto;
}
.header h3{
	left: 580px;
	position: relative;
	top: 56px;
	font-weight:normal;
}
#picker_wrapper, #generate_wrapper{
	position:relative;
	width:430px;
	float:left;
	background: url(/png-maker/images/postunit_bg.png) repeat-x 40px 100%, url(/png-maker/images/k-trans_25pc.png);
	border: 2px dashed #11111A;
	border-radius: 10px 10px;
	float: left;
	margin-top: 10px;
	padding:10px;
}
#picker_wrapper{	
	margin-bottom:12px;
}
.colorpicker, #slider{
	margin:0 auto 10px;
}
#slider{
	width:333px;
}
.form_fields input, #bg_opt_url{
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 11px;
	margin: 0px;
	padding: 0px;
	background:#121212;
	border:1px solid #2f2f2f;
}
#generate_wrapper{
	clear:left;
}
#generate_wrapper div{
	float:left;
	margin-right:10px;
}
#generate_wrapper h3{
	margin:none;
}
#preview_wrapper{
	position:relative;
	width:460px;
	height:330px;
	float:right;
	background: transparent url(/png-maker/images/k-trans_50pc.png);
	border: 2px dashed #22222A;
	border-bottom: 10px 10px;
	margin-top: -289px;
	padding: 10px;
	margin-bottom:20px;
}
#preview_bg{
	position:relative;
	width:195px;
	height:195px;
	background:url(/png-maker/images/checker.gif) center repeat, url(/png-maker/images/preview_bg.jpg) center repeat;
	margin-left: auto;
	margin-right: auto;
}
#preview_border{
	position:relative;
	top:48px;
	width:99px;
	height:99px;
	margin:auto;
	background:transparent;
	outline:1px #FF6 solid;
	outline-offset:2px;
}
#preview{
	position:relative;
	top:0px;
	width:99px;
	height:99px;
	margin:auto;
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter: alpha(opacity=50);
	background-color:#F00;
	margin-bottom:20px;
}
.opt_label, .opt_bg, .opt_url{
	position:absolute;
	top:257px;
}
.opt_label{
	left:10px;
}
#label_bg, #label_url{
	margin-top:9px;
}
#bg_opt_check{
	left:90px;
}
#bg_opt_image{
	left:180px;
}
#label_url{
	top:300px;
}
#bg_opt_url{
	top:310px;
	left:80px;
	width:210px;
}
#bg_button_url{
	top:299px;
	left:300px;
}
.footer{
	display:table;
	width:1000px;
	margin-left:-20px;
	margin-bottom:20px;
	clear:both;
	background: #2A2A2F;
	border-radius: 5px 5px;
	padding: 5px 10px;
}
.footer h4{
	padding-top:2px;
}
.footer_left{
	float:left;
}
.footer_right, .footer_right h4{
	float:right;
}
.jq_icon{
	float:right;
	padding:2px 4px;
	margin-left:15px;
	border-radius:2px 2px;
}
.jq_icon:hover{
	background:#444;
}
.jq_icon a{
	border:none;
}