/*
Theme Name: WordPress ygcomm
Theme URI: http://wordpress.org/
*/
* {margin:0;padding:0;}

body { background: #fff url("/wp-content/themes/ygcomm/images/body_bg.png") repeat-x top center; margin: 0; padding: 0; font-family: arial, verdana, helvetica, sans-serif; font-size: 0.72em; line-height: 1.4; color: #1e1e1e; }

h1, h2, h3, h4 {
margin: 0; padding: 0;
}

p { margin-bottom: 15px; }

a { color: #89B354; text-decoration: underline; }
a:hover { color: #89B354; text-decoration: none; }

.page_margins { margin: 0 auto; width: 890px; background: #fff url("/wp-content/themes/ygcomm/images/page_bg.png") repeat-y top left; }
.page { padding: 0px; position:relative;}

#header { height: 163px; color: #000; position: relative; background: #fff url("/wp-content/themes/ygcomm/images/header_bg.png") no-repeat top left; }
#logo { position: absolute; top: 12px; left: 20px; }
#text_bubbles { position: relative; top: 89px; left: 10px; }
#text_bubble_left { position: absolute; top: 2px; left: 20px; color: #89B354; font-weight: bold; background: url("/wp-content/themes/ygcomm/images/text_bubble_left.gif") no-repeat top left; width: 233px; height: 66px; }
#text_bubble_left p { margin: 8px 6px 6px 6px; }

#text_bubble_mid { position: absolute; top: 0px; right: 350px; color: #2B85BB; font-weight: bold; background: url("/wp-content/themes/ygcomm/images/text_bubble_right.gif") no-repeat top right; width: 211px; height: 69px; }
#text_bubble_mid p { margin: 28px 6px 6px 6px; }

#text_bubble_right { position: absolute; top: 0px; right: 40px; color: #2B85BB; font-weight: bold; background: url("/wp-content/themes/ygcomm/images/text_bubble_right.gif") no-repeat top right; width: 211px; height: 69px; }
#text_bubble_right p { margin: 28px 6px 6px 6px; }

#footer { background: #fff url("/wp-content/themes/ygcomm/images/footer_bg.png") no-repeat top center; margin: 0; padding: 18px 25px 0px 25px; height: 59px; color:#a5a5a5; clear: both; font-size: 90%; font-weight: bold; }
#footer a { color:#a5a5a5; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .copyright { float: left; }
#footer .links { float: right; text-transform: uppercase; }
#footer .links a { margin-left: 12px; color: #849EB0; }
#footer .links li {float:left;list-style:none;}

#nav { position: absolute; top: 55px; right: 20px; }
#nav ul { margin: 0px; padding: 0; list-style-type: none; }
#nav ul li { float: left; margin: 0 0 0 20px; padding: 0; }
#nav ul li a { color: #373737; text-decoration: none; font-size: 125%; font-weight: normal; text-transform: uppercase; }
#nav ul li a:hover { text-decoration: underline; }


/* Home page - col1 is main content, col3 is sidebar */

#home { margin: 0px; }

#home #col1 { float: right; width: 350px; margin: -20px 30px 0 0;position:relative;z-index:1; }
#home #col2 { display:none}
#home #col3 { width: auto; margin: -22px 420px 0 35px;position:relative;z-index:1; }
#home #col1_content { padding: 0 0px 15px 0px; font-size: 100%; }
#home #col3_content { padding: 0 0px 15px 0px; }


/* Inside page - col1 is main content, col3 is sidebar */

#inside { margin: 0px;  }
.content_top_bg { margin: 0px; padding: 0px; height: 49px; background: #fff url("/wp-content/themes/ygcomm/images/content_top_bg.png") repeat-y top left;position:relative;z-index:1; }

#inside #col1 { float: left; width: 600px; margin: -20px 0 0 0;position:relative;z-index:2; }
#inside #col2 { display:none}
#inside #col3 { width: auto; margin: 0 0 0 640px;position:relative;z-index:2; }
#inside #col1_content { padding: 0px 0px 15px 40px; font-size: 100%; }
#inside #col3_content { padding: 0px 0px 15px 0px; font-size: 100%; width: 168px; }


/*-------------------------------------------------------------------------*/

/* Home page styles */

#home #col1 h2 {
display: none;
}

#home #col1 h3 {
margin: 0px;
padding: 0;
font-size: 180%;
color: #89B354;
font-weight: normal;
}

#home #col3_content h3 {
color: #8D0000;
font-size: 125%;
font-weight: normal;
text-transform: uppercase;
}



/* Inside page styles */


#inside #col1 h2 {
margin: 0;
font-size: 170%;
font-weight: normal;
color: #89B354;
}

#inside #col3_content h2 {
margin: 15px 0 0px 0;
color: #505050;
font-size: 130%;
}

#inside #col3_content h3 {
margin: 15px 0 10px 0;
color: #001244;
font-size: 110%;
text-transform: uppercase;
}


/* End Typography & Colors */



/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

ul {margin-left:20px;}




/*
	Styles for "NORMAL" browsers
	Christopher Webb, christopher@teamIPC.com			
*/
#content {position:relative;padding:50px 20px 0;position:relative;margin:0;}
/* HEADER ELEMENTS */
#steps,#steps6 {position:absolute;left:10px;top:10px;list-style:none;margin:0 !important;}
#steps li {float:left;margin-right:5px;font-size:0.833em;}
#steps li a {padding:10px;text-align:center;background:#fff;font-family:verdana,tahoma,sans-serif;letter-spacing:-1px;text-transform:uppercase;font-weight:bold;border:1px solid #ddd;display:block;text-decoration:none;color:#000;}
#steps6 li {float:left;margin-right:5px;font-size:0.833em;padding:10px;text-align:center;background:#fff;font-family:verdana,tahoma,sans-serif;letter-spacing:-1px;text-transform:uppercase;font-weight:bold;border:1px solid #ddd;color:#000;}
#steps li span,#steps6 li span {font-weight:normal;padding-left:5px;letter-spacing:2px;}
#steps li.current a,#steps6 li.current {background:#ccc;}
#examples_tab, #help_tab {position:absolute;bottom:0;right:20px;padding:10px 10px 5px;background:#EFE375 url(http://www.ygcommemorative.com/order/images/help_arrow.gif) top right no-repeat;text-decoration:none;color:#000;font-family:georgia,times,'times new roman',serif;font-style:italic;width:100px;text-align:left;}
#examples {display:none;padding:20px;background:#FEFEDC;border-bottom:1px solid #EFE375;position:relative;}
#close {position:absolute;bottom:0;right:20px;padding:10px;background:#EFE375 url(http://www.ygcommemorative.com/order/images/help_arrow.gif) bottom right no-repeat;text-decoration:none;color:#000;font-family:georgia,times,'times new roman',serif;font-style:italic;width:100px;text-align:left;}

/* EVERYTHING ELSE */
.trim {margin:0;}
#content p, #examples p {margin-bottom:5px;}
#content ul, #content ol, #examples ul, #examples ol {margin:0 0 10px 30px;}
#thumbnail {float:left;margin-right:10px;}
form label {display:block;padding:0 5px 5px 0;}
.select label {display:inline;float:left;margin-top:6px;}
.select select {float:left;margin-top:1px;}
.text, .file, .pic, .select, .color, .checkbox, .checkbox2, #image_container {padding-bottom:15px;clear:both;}
.text a {background:#ccc;padding:5px 10px;display:block;margin:-2px 0 0 5px;width:140px;text-decoration:none;color:#333;font-weight:bold;}
.file input {float:left;margin-right:10px;}
.file span {float:left;font-style:italic;margin-top:11px;font-size:0.917em;}
input {border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;padding:3px;font-size:1em;}
.buttons input {margin:10px 10px 0 0;padding:10px 20px;background:#ddd;border:1px solid #999;float:left;}
#products .buttons input {margin:30px 20px 0 0;padding:10px 20px;background:#ddd;border:1px solid #999;float:right;}
.select, .nudge {float:left;}
.nudge label {float:left;padding-top:6px;margin:0 0 0 15px;}
.nudge input {float:left;}
.nudge a {float:left;width:22px;height:23px;margin:0 3px 0 3px;padding:0;}
.pic p {width:400px;text-align:right;}
.pic p a, #recrop {padding:5px 10px 10px;background:#ccc;text-decoration:none;color:#333;font-family:georgia,times,'times new roman',serif;font-style:italic;width:185px !important;display:block;float:right;text-align:center;}
#customize {margin-top:30px;}
#customize table {width:100%;}
#customize td {width:50%;}
#start_over, #total p a {float:left;text-decoration:underline;color:#333;font-family:georgia,times,'times new roman',serif;font-style:italic;margin-left:10px;margin-top:33px;font-size:0.857em;}
#total p a {margin:0;padding:0;float:none;}
#total p {margin:5px;text-align:center;}
#start_over:hover, #total p a:hover {text-decoration:none;}
#intro {background:#efefef;padding:20px;color:#333;margin-bottom:20px;}
strong {font-weight:bold;}
#content p {margin-bottom:10px;}
p.instructions {line-height:25px;background:#FEFEDC;border-top:1px solid #EFE375;border-bottom:1px solid #EFE375;padding:20px 20px 40px;position:relative;margin-bottom:0 !important;}
#image_container {position:relative;margin-top:30px;}
#mask {position:absolute;top:26px;right:8px;z-index:9999;}
#customize #mask {left:0;top:19px;}
#error, #js_req {line-height:25px;background:#F7CBCA;border-top:1px solid #CC0000;border-bottom:1px solid #CC0000;padding:20px;margin:20px 0 20px;clear:both;}
#examples td {width:50%;padding:20px;}
#examples tr.bottom td {border-bottom:1px solid #000;}
#examples h4 {font-family:verdana,tahoma,arial,sans-serif;text-transform:uppercase;font-size:14px;}
#spanResetPlaceholder {display:none;}
.char {font-style:italic;font-family:georgia,times,sans-serif;font-weight:bold;color:#999;}
.color label {display:block;float:none;}
.color .colors {float:left;margin:2px 8px 0 0;width:20px;height:20px;text-indent:-9999px;border:1px solid #999;outline:3px solid #fff;}
.color .selected {outline:3px solid #333;}
.font .fonts {display:block;background: url(http://www.ygcommemorative.com/order/images/font_bg2.gif) repeat-x left bottom;width:140px;font-size:20px;padding:11px 20px 0 40px;text-decoration:none;color:#000;margin-bottom:20px;color:#999;}
.font .selected {background: url(http://www.ygcommemorative.com/order/images/font_bg_selected.gif) repeat-x left bottom;padding-left:40px;width:140px;color:#000;}
.alignment_toggle {background:none !important;color:#666 !important;}
.alignment {padding:0 10px 10px 10px;width:375px;color:#333;margin-left:5px;}
.alignment .select {padding-bottom:0;clear:none;}
.second label {margin-left:15px;}
.checkbox label {display:inline;margin-left:5px;}
#content .checkbox2 label {display:inline !important;margin-left:10px;float:none;}
#photo_upload {margin-top:30px;}
#live_preview {min-height:490px;height:auto !important;height:490px;position:relative;border-left:1px solid #efefef;padding-left:30px;}
#live_preview label {display:inline;line-height:16px;width:95px;padding:0;}
#live_preview .sub_container {position:relative;width:400px;height:425px;overflow:hidden;}
#loading {position:absolute;top:220px;left:213px;z-index:9999;}
#thumb {position:absolute;left:46px;top:60px;}
#recrop {position:absolute;top:444px;left:50%;margin-left:-105px;}
.flash {font-size:0.833em;color:#999;}
.flash a {display:block;text-indent:-9999px;background:url(http://www.ygcommemorative.com/order/images/get_flash_player_dim.gif) no-repeat;width:112px;height:33px;}
#print {margin:10px 0;float:right;font-weight:bold;}
#mask_containers {height:50px;}

/* FORMS */
.order_form {float:left;width:400px;}
.order_form td {vertical-align:top;}
.order_form label,#customer_info .text input,#customer_info select {display:block !important;float:none;margin:0;padding:0;}
.order_form .text input {width:97%;padding:3px;}
.order_form .third {width:33.3%;}
.order_form .third input {width:90%;}
.order_form .third select {width:128px;display:block;}
#order_form {position:relative;margin-top:30px;}
#order_form .radio input, #order_form .radio label {display:inline;}
#order_form .radio {margin-bottom:30px;}
label.format {color:#999;font-size:10px;letter-spacing:1px;margin:2px 0 0 8px;}
#exp_month {width:180px;}
#exp_year {margin-top:16px;width:180px;}
.error {color:red;}
input.error {border:1px solid #000;}
span.required {color:red;font-weight:bold;}
.small {font-size:0.833em;}
.order_form td td .text input {width:94%;}
#school_aff {width:195px;}
.buttons {clear:both;}
#if_ship {clear:both;margin-top:30px;}
#billing_address {float:right;}
#billing_address .checkbox label {display:inline !important;margin-left:5px;}
#school_id {margin-bottom:3px;width:113px;}
.loader {margin-left:5px;}
.accepted {margin-left:5px;}
.message {font-weight:bold;}

#products .select {text-align:center;width:100%;}
#products .select select {float:none;}
#products .select label {margin:0 !important;padding:0 !important;display:block !important;float:none;}
#products {float:right;width:400px;}
#products a, #products a:hover {text-decoration:none;color:#000;}
#products td {vertical-align:top;padding-bottom:10px;}
#mountain {background:url(http://www.ygcommemorative.com/order/images/mountain.gif) left 1px no-repeat;display:block;width:141px;height:159px;}
#mountain.selected {background-position:left center;}
#mountain.not_selected {background-position:left -319px;}
#medallion {background:url(http://www.ygcommemorative.com/order/images/medallion.gif) left 1px no-repeat;display:block;width:141px;height:159px;}
#medallion.selected {background-position:left center;}
#medallion.not_selected {background-position:left -319px;}
h3 .png {vertical-align:bottom;margin-left:5px;}

#payment_wrap {width:100%;position:relative;}
table#payment_wrap td.side {vertical-align:top;width:50%;}
#total {margin:0 auto;position:relative;}
#total table {border-top:1px solid #ccc;border-left:1px solid #ccc;background:#f5f5f5;}
#total table td,#total table th {border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:10px;width:100% !important;}
#total th {background:#eee;text-align:center;font-weight:bold;padding:10px;}
#total td.price, #total tr.total_line td, #total tr.shipping_line td {background:#eee;text-align:right;}
#total table td.qty {text-align:center;width:75px !important;}
#total tr.total_line td, #total tr.shipping_line td {background:#ddd;font-weight:bold;}
#total #medallion_qty, #total #mountain_qty {display:none;margin:0 auto;}
#total a {color:#373737;text-decoration:underline;}
#total a:hover {text-decoration:none;}

/* RECEIPT */
.billing {border:none !important;}
.billing * {border:none !important;}
.billing .label {font-weight:bold;border:}

/* RECEIPT */
#receipt table {width:100%;border-left:1px solid #999;border-top:1px solid #999;}
#receipt th {font-weight:bold;text-align:center;font-size:18px;border-right:1px solid #999;padding:10px;}
#receipt th, #receipt td {width:100%;border-right:1px solid #999;border-bottom:1px solid #999;padding:10px;vertical-align:top;width:50%;}
#receipt #total {position:relative;top:0;left:0;}
#receipt #total table {margin:0 auto;}
#receipt td.right {text-align:right;}
#medallion_container {position:relative;width:400px;height:410px;}
#medallion_image {position:relative;left:46px;top:42px;}
#medallion_mask {position:absolute;top:0;right:0;}

/* ENLARGE SIDEBAR IMAGES */
#enlarge .mountain {background:url('/wp-content/themes/ygcomm/images/enlarge.jpg') 0 -162px no-repeat;display:block;width:176px;height:162px;text-indent:-9999px;}
#enlarge .mountain:hover {background-position:0 0;}
#enlarge .medallion {background:url('/wp-content/themes/ygcomm/images/enlarge.jpg') right -162px no-repeat;display:block;width:176px;height:162px;text-indent:-9999px;}
#enlarge .medallion:hover {background-position:top right;}

.fonts {height:20px;}
.georgia img {margin-bottom:-5px;}

/* SELF-CLEARING FLOATS */
.group:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.print_only {display:none;}


#ie6 {background:#9CC0FA;border-top:10px solid #2662DF;position:relative;width:790px;margin:20px 0 20px 40px;padding:10px;}
#ie6 .left {width:460px;float:left;}
#ie6 ul {list-style:none;float:right;margin:0;}
#ie6 ul li {display:block;margin:10px;}
#ie6 ul li a {text-indent:-9999px;background:url(http://www.ygcommemorative.com/order/images/download.gif) no-repeat;display:block;width:300px;height:51px;}
#ie6 ul li.item2 a {background-position:0 -51px;}
#ie6 ul li.item3 a {background-position:0 -102px;}
.clear {clear:both;}

/* SELF-CLEARING FLOATS */
.clearfix:after,
.group:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* MESSAGE BAR */
#message_bar {background:url(/wp-content/themes/ygcomm/images/scroller_bg.jpg) no-repeat;width:642px;padding:5px 10px 9px;margin:-40px auto 30px;position:relative;z-index:2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#message_bar .inside {height:17px;overflow:hidden;}
#message_bar p {float:left;margin-left:50px;}

/* AUTHORIZE */
#authorize {width:90px;margin:0 auto;}

.crop_aid {margin-bottom:10px;width:100%;}
.crop_aid th {text-align:left;width:50%;}

.shipping_verbage u {display:block;}

.sign_up,.about_sign_up {display:block;margin-top:10px;}
.about_sign_up {margin-left:30px;}