/*   
Theme Name: YC-BURST
Theme URI: http://www.yellowcards.com
Description: Custom theme for Yellow Cards Advertising
Author: Dustin Hoyman
Author URI: http://www.AhoyMan.com/
Version: .1b
@package; YellowCards
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

Begin YUI CSS Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* End YIU CSS Reset */

p {margin:12px 0;}
strong {font-weight:bold;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.none{display:none;}

a {color:#0000ff;text-decoration:none;}
a:visited {color:#000099;text-decoration:underline;}	
a:active{color:red;}
a:hover {background-color:#ffff55;color:#000000;}



h1, h2, h3 {
	font-family:"trebuchet ms", tahoma, arial, helvetica, sans-serif;
	font-weight:bold;
}

h1 {
	font-size:2.5em;
}

body
	{
	background:#ffffff url(images/scrib-bg.jpg) center top no-repeat;
	font-family:tahoma, arial, helvetica, sans-serif;
	height:100%;
	line-height:1.35em;
	width:100%;
	}
body.burst{background-image:url(images/burst-bg.jpg);	}
body.samples{background-image:url(images/samples-bg.jpg);	}

#header
	{
	background:url(images/topbar.gif) center bottom no-repeat;
	height:60px;
	margin:0 auto;
	padding:1px 6px;
	width:875px;
	}
	
#headerlogo a, #headerlogo a:hover
	{
	background:transparent;
	color:#ffffcc;
	font-family:tahoma, arial, helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	float:left;
	padding:20px 6px;
	text-decoration:none;
	}
	
#header ul li
	{
	display:inline;
	float:left;
	}
	
#header ul li a
	{
	border-right:1px solid #555555;
	border-left:1px solid #3a3a3a;
	color:#fefefe;
	display:block;
	font-family:arial, helvetica, sans-serif;
	font-size:.9em;
	font-weight:bold;
	padding:19px 14px;
	position:relative;
	text-decoration:none;
	}
#header ul li a:hover,#header ul#top-links > li.current_page_item > a:hover, #header ul#top-links > li.current_page_parent > a:hover {background:#ffffcc url(images/top-bar-hover.gif) center repeat-x;color:#000000;}

#header ul li ul
	{
	margin-top:1px;
	position: absolute;
	visibility: hidden;
	}
#header ul li ul li
	{
	display:inline;
	float:none;
	z-index:1000000;
	}

#header ul li ul li a
	{
	background-color:#666666;
	background-image:none;
	border:1px solid #000000;
	color:#fefefe;
	font-size:.8em;
	padding:8px 10px;
	width:200px;
	}

#header ul li span
	{
	color:#ffffcc;
	float:left;
	font-size:1em;
	font-weight:bold;
	padding:20px 0px 20px 12px;
	}
	
#header ul li span img
	{
	margin:20px 0 0 -55px;
	position:absolute;
	visibility:hidden;
	}
	
#header ul#top-links > li.current_page_item > a, #header ul#top-links > li.current_page_parent > a
	{
	background:#232320 url(images/current.gif) bottom left no-repeat;
	text-shadow:2px -2px 0px #000000;
	}
#header ul#top-links > li.current_page_item > a:hover, #header ul#top-links > li.current_page_parent > a:hover {text-shadow:0 0 0 #000000;}
	
div#headline
	{
	margin:0 auto;
	padding:30px;
	width:875px;
	}
	
#headline img
	{
	border:none;
	float:left;
	padding:0 20px;
	}

#headline h1
	{
	font-size:2.2em;
	font-weight:bold;
	line-height:1em;
	margin-left:50px;
	padding-top:30px;
	padding-right:30px;
	}
h1#home-headline
	{
	background:url(images/powerful-postcard-marketing.gif) center top no-repeat;
	height:200px;
	margin-left:350px;
	text-indent:-9999px;
	width:405px
	}

#headline h2
	{
	font-family:"trebuchet ms", tahoma, arial;
	font-size:1.4em;
	line-height:1em;
	margin-left:80px;
	margin-top:12px;
	padding-right:20px;
	}
	
.burst #headline h2{
	font-family:"trebuchet ms", tahoma, arial;
	font-size:1.75em;
	line-height:.25em;
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
}

#benefits
	{
	margin-top:15px;
	width:100%;
	}

#benefits li
	{
	background:url(images/bbox.gif) center bottom no-repeat;
	float:left;
	font-size:1.2em;
	margin:0 8px 15px 8px;
	min-height:65px;
	padding:0 20px 20px 20px;
	width:200px;
	}

#content
	{
	clear:both;
	margin:0 auto;
	padding:0 25px;
	width:800px;
	}
	
#content h1
	{
	margin:12px 0;
	padding:12px 0;
	}

#content h2
	{
	font-size:1.5em;
	margin:8px 0;
	padding:8px 0;
	}
	
#content h3
	{
	font-size:1.3em;
	margin:8px 0;
	padding:8px 0;
	}

#content p
	{
	font-family:arial, helvetica, sans-serif;
	line-height:1.25em;
	}

.numberbox
	{
	float:left;
	padding:0 35px 50px 15px;
	margin:8px;
	width:200px;
	}

#box1 h2, #box2 h2, #box3 h2
	{
	font-size:1.5em;
	max-height:50px;
	min-height:50px;
	width:170px;
	}

.numberbox p
	{
	margin-top:50px;
	}

#box1
	{
	background:url(images/123.png) left top no-repeat !important;
	background-image: url(images/123.gif);
	}

#box2
	{
	background:url(images/123.png) -250px 0px no-repeat !important;
	background-image: url(images/123.gif);
	}

#box3
	{
	background:url(images/123.png) -504px 0 no-repeat !important;
	background-image: url(images/123.gif);
	}

.homebtn
	{
	padding:20px;
	}

.alignright{float:right;}
.alignleft{float:left;}

#countlinks
	{
	margin:50px 10px;
	}

#countlinks li
	{
	display:inline;
	margin:50px 10px;
	}

#countlinks li a
	{
	background-color:#ffff88;
	border:1px solid #dddd00;
	color:#000000;
	font-weight:bold;
	padding:30px 10px;
	text-decoration:none;
	}

#countlinks li a:hover
	{
	background-color:#ffff66;
	border:1px solid #ffff66;
	}

fieldset
	{
	border:1px solid #888888;
	padding:12px;
	}

legend
	{
	margin:0 20px;
	padding:0 12px;
	}
	
label {
	font-family:"trebuchet ms", arial, san-serif;
	font-size:1.1em;
}
	
	
#contactform {
	width:300px;
}

#contactform input, textarea, select {
	color:#444444;
	font-size:1.2em;
	margin-bottom:15px;
	padding:4px;
	width:250px;
}

#contactform select{
	#font-size:1.2em;
}

.text_input{
	color:#444444;
	font-size:1.2em;
	margin-bottom:15px;
	padding:4px;
	width:250px;
}

.go_button, .grey_button,#sample_back a, #sample_next a {
	background-color: #FFEA33;
	border: 1px solid #C6A00C;
	color:black;
	font-family:tahoma, arial;
	font-weight:bold;
	text-decoration:none;
	padding:8px 12px;
	
/* CSS3 */
	/* Rounded Borders */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.go_button:hover, .grey_button:hover,#sample_back a:hover, #sample_next a:hover {
	background-color: #FFFF88;
	border: 1px solid #888800;
}


.grey_button, #sample_back a {
	background-color:#dddddd;
	border-color:#aaaaaa;
	font-size:.8em;
}


hr 
	{
	background-color:#000000;
	border:none;
	clear:both;
	color:#000000;
	height:1px;
	margin:20px auto;
	width:80%;
	}

dl#faq
	{
	padding:10px;
	}

dl#faq dt {
	cursor:pointer;
	padding:4px;
	text-decoration:underline;
	}

dl#faq dt:hover {
	color:blue;
}

dl#faq dd {
	background-color:#ffffdd;
	border:1px solid #eeeeaa;
	margin:10px 50px;
	padding:8px;
}


/* Pricing Page */

#price table {
	width:50%;
}

#price td {
	padding:4px;
}

#price thead {
	border-bottom:1px solid black;
	font-weight:bold;
}

#price tr:nth-child(2n) {
	background-color:#eeeeee;
}

.narrowcolumn  .post{
	border-bottom:1px dashed #000000;
	line-height:1.5em;
	padding:0 10px 10px 10px;
	width:500px;
}

.narrowcolumn h2 a {
	color:#000000;
	font-size:1.25em;
	text-decoration:none;
}

.narrowcolumn h2 a:hover {
	background-color:#ffff55;
}

.narrowcolumn li {
	font-size:1em;
	list-style-type: disc;
	padding:12px;
}

#rss {
	border-top:1px solid black;
	float:right;
	padding:0 8px;
	position:relative;
}

.postmetadata {
	background-color:#eeeeee;
	padding:12px;
}

#bottomlinks
	{
	clear:both;
	}

#footer
	{
	background:#ffffff url(images/footer.jpg) center top no-repeat;
	clear:both;
	height:250px;
	padding-top:50px;
	}

#footer p, #footer ul 
	{
	clear:both;
	font-size:.75em;
	margin:0 auto;
	width:800px;
	}

	
#footer ul li, #footer ul li.current_page_item, #footer ul li a
	{
	background:none;
	color:#000000;
	float:left;
	padding:8px;
	}