/*
Author: media junction®
Project: Cook It Up Website
Date: July 14, 2011
*/

/*
# Reset defaults ################### 
*/
@import url('reset.css');

/* 
Begin General Elements ###################
*/  

body {font:20px/32px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#bbb; background:url(../images/ciu-bkg.jpg) repeat top center;}

/* Links */
a:hover, a:active {outline: none;}
a, a:active, a:visited {color:#bd1e2c;}
a:hover {color:#bbb;}

::-moz-selection{background: #bd1e2c; color:#fff; text-shadow: none;}
::selection {background:#bd1e2c; color:#fff; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: #bd1e2c;}

/* Typography */
h1, h2, h3 {font-weight: normal;}
	
p {text-align:left;}
ul {margin-left:30px;}
	nav ul, nav li {margin: 0;} 
ol {margin-left:30px; list-style-type: decimal;}

/* Images */
img {border:none;}
	img.left{margin:0 10px 10px 0;}
	img.right{margin:0 0 10px 10px;}

/* 
Begin Custom Elements ############################
*/
#wrapper {background:url(../images/header-border.png) repeat-x 0 -2px; width:100%; margin:0 auto;}
#container {margin:0 auto; z-index:5;}

/* Header */
header#top {min-height:320px; position:relative;}
	header#top a:link.logo, header#top a:visited.logo {
		position:absolute; top:0; left:10px;
		width:480px; height:316px; display:block; text-indent:-9999px;
		background:url(../images/cook-it-up.png) no-repeat 0 0;
		}
	header#top hgroup {position:absolute; top:97px; right:10px; text-align:center;}
		header#top hgroup h1 {
			width:369px; height:73px; margin:0 0 0 28px;
			text-indent:-9999px; background:url(../images/pizza-fundraiser-title.png) no-repeat top center;
			}
		header#top hgroup h2 {font-size:43px; line-height:50px; color:#222;}
		header#top hgroup h2 span {font-size:55px;}	

/* Main Content Container */
section {margin:0 auto; z-index: 5;}

#pizza {}
	#pizza h1 {text-indent:-9999px; width:960px; height:72px; margin-bottom:34px; background:url(../images/our-pizza-title.png) no-repeat 0 0;}
	#pizza img {margin-left:5%;}
	#pizza p {font-size:42px; line-height:28px; text-align:center; color:#000; margin-bottom:10px}
	#pizza p span {font-size:28px; color:#bd1e2c;}
	#pizza p small {font-size:11px; line-height:13px; font-style:italic; display:block; padding-top:5px;}
	#pizza p.price {
		width:131px; height:58px; font-size:34px; line-height:58px; margin:0 auto;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
		background:url(../images/transparent-orange.png);
		}
		
#how-it-works {width:882px; margin:10px auto -70px auto; padding-top:40px; background-color:#fff; position:relative; z-index:4;}
	#how-it-works .top-shadow {
		width:960px; height:31px; position:absolute; left:-37px; top:0; z-index:2;
		background:url(../images/sheet-slice-shadow.png) no-repeat top center;
		}
	#how-it-works .sheet-shadow {
		width:100%; height:23px; position:absolute; left:0; bottom:-23px;
		background:url(../images/sheet-shadow.png) no-repeat top center;
		}
	#how-it-works h2 {text-indent:-9999px; width:100%; height:42px; margin-bottom:20px; background:url(../images/how-it-works-title.png) no-repeat top center;}	
	#how-it-works h3 {color:#bd1e2c; font-size:28px; margin-bottom:10px; padding-left:33px;}
	#how-it-works p {padding:0 33px 22px 33px; margin:0; color:#444;}
	#how-it-works p.small {font-size:12px; font-style:italic;}
	#how-it-works p.box {
		margin:0 33px 22px 33px; background-color:#eee; color:#000;
		padding-top:22px; text-align:center; font-size:22px;
		border:2px dashed #bd1e2c;
		}	
	
/* Footer */
#footer-container {width:100%; padding-top:100px; min-height:392px; background:url(../images/footer-bkg.jpg) repeat-x top center; position:relative; z-index:2;}
#footer-container .footer-bar {width:100%; height:77px; position:absolute; left:0; bottom:0; background:url(../images/footer-border.png) repeat-x bottom center;}
footer {margin:0 auto; min-height:442px;}
footer h2 {
	text-indent:-9999px; width:235px; height:37px; margin-bottom:25px;
	background:url(../images/contact-us-title.png) no-repeat 0 0;
	}
footer p {color:#222; font-size:18px; line-height:22px; margin-bottom:22px;}
footer p strong {display:block; font-size:22px; margin-bottom:5px;}
footer p.phone {font-size:28px; line-height:30px;}

footer p.copyright {font-size:12px; margin-bottom:0;}

/* MJ Site Tag (for alternate light logo use 'mj_sitetag-alt.png' instead) */
div.sitetag {width:225px; height:20px; position:relative; padding:0;}
div.sitetag p {margin:0; float:left; font:11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.sitetag a.mj-logo {
	width:92px; height:20px; float:right; display:block; text-indent:-9999px; 
	background:url(http://www.mediajunction.com/client_sitetag/mj_sitetag_alt.png) no-repeat 0 0;
	}
	
	
/*
jQuery Tools ########################
	
	#slideshow-nav {}	
	#slideshow {}
	#slideshow .slide {
		display:none; position:absolute; top:0; left:0;
		width:; height:;
		}

	.overlay {
		width:; height:; padding:0; display:none; background:#fff; z-index:10000;	
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
		box-shadow:#222 0 2px 5px; -webkit-box-shadow:#222 0 2px 5px; -moz-box-shadow:#222 0 2px 5px;
		}		
	.overlay .close {		
		height:28px; width:28px; position:absolute; right:-15px; top:-15px; cursor:pointer; z-index:10000;	
		background-image:url(../images/apple-close.png);
		}

*/

/* 
Print Stylesheets ###################
*/
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}