/* 
	Theme Name: PETRUZZO STAGING
	Theme URL: http://william.petruzzo.com
	Description: Inspired by the theme on Worshiply.com
	Author: William Petruzzo
	Author URI: http://william.petruzzo.com
	Version: 1.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 04.13.07
			First Release of Alt Triple
*/



/* RESET VALUES
************************************/

html{color:#000; height:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,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{font-style:normal;font-weight:normal;}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:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/* defaults
**************************/

body { font-size:12px; color:#454545; font-family:Tahoma, Geneva, sans-serif; background-color:#f4f2f2; background-image:url(images/body-bg.png);}

a {text-decoration:underline;color: #3068ae;}
a:hover {text-decoration:none;color:#000;}

h1 {font-size:22px; font-family:Tahoma, Geneva, sans-serif; line-height:22px;}
h2 {font-size:14px; line-height:14px; color:#3068ae;} 
h3 {font-size:10px; line-height:10px;}
h4 {font-size:18px; font-family:Tahoma, Geneva, sans-serif; line-height:18px;}
h5 {font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:14px;}
h6 {font-size:14px; font-family:Tahoma, Geneva, sans-serif; line-height:14px;}
h7 {font-size:30px; font-family:Tahoma, Geneva, sans-serif; line-height:30px;}

h2, h3, h4 { font-weight:normal; padding:10px 0 10px 0;}
#footer h2 {padding:0 0 10px 0;}
h1 {padding:0 0 20px 0; }

h1 a {text-decoration:none;}
h1 a:hover {text-decoration:underline;}

p {  line-height:1.5; margin:1em 0 1em 0;}
strong {font-weight:bold;}
em {font-style:italic;}
strong em {font-style:italic; font-weight:bold;}
blockquote {margin:0 15px 0 15px; border-left:solid 3px #c1dfe3; border-right:solid 3px #c1dfe3; padding: 0 10px 0 10px;}

ol {padding:10px 0 10px 0;}
ol li {list-style:decimal;}
li {list-style-image:url(images/list-top.gif); margin:0 0 5px 20px;}
li li {list-style-image:url(images/sub-list.gif);}

.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}

/* Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 */


/* STRUCTURE & STYLING
******************************/
#wrap {width:100%;}
.shadow_wrap_dark {width:900px; padding:0; margin:0 auto 0 auto; background-image:url(http://www.jacobworks.com/wp-content/themes/petruzzo_2009/images/footer-bg.jpg); background-repeat:repeat-y;}

#headerwrap {width:100%; padding: 0; margin:0;}
#header {width:808px; height:146px; margin:0 auto 0 auto; background-color:#FFF; background-image:url(images/header-bg.png);  }
#header_contact {width:200px; float:right; text-align:right; padding:35px 25px 0 0;}

#menuwrap {width:100%; padding:0; margin:0; background-image:url(images/menu-bg-stretch.png); background-repeat:repeat-x;}

#menu {width:808px; height:43px; margin:0 auto 0 auto; background-image:url(images/menu-bg.png);}
#menu a {text-decoration:none; color: #f4f2f2;}
#menu a:hover {text-decoration:none;color:#f4f2f2  ;}

#contentwrap {width:100%; padding:0; margin:0;}
#content_top {width:808px; height:21px; padding: 0; margin:0 auto 0 auto; background-image:url(images/content-bg-top.png); background-repeat:no-repeat;}
#content {width:808px; padding:15px 0 15px 0; margin:0 auto 0 auto; background-image:url(images/content-bg.png); background-repeat:repeat-y; }
#content_bottom{width:808px; height:13px; padding: 0; margin:0 auto 0 auto; background-image:url(images/content-bg-bottom.png); background-repeat:no-repeat;}

#themeat_top{width:808px; height:7px; padding:0; margin:0; background-image:url(images/blogpage-themeat-top.png); background-repeat:no-repeat;}
#themeat{width:808px; padding:0; margin:0; background-image:url(images/blogpage-themeat.png); background-repeat:repeat-y;}
#themeat_bottom{width:808px; height:5px; padding: 0; margin:0; background-image:url(images/blogpage-themeat-bottom.png); background-repeat:no-repeat;}

#thepage {width:768px; padding:0 20px 0 20px; margin:0;}
#thepage_gallery {width:742px; padding:0 20px 0 20px; margin:0 auto 0 auto;}
#thepage h1 {padding:0 0 0 0; }

#mainpage_gallery {width:750px; height:352px; padding:0; margin:0 auto 15px auto; background-image:url(images/mainpage-gallery.jpg); background-repeat:no-repeat;}
#mainpage_gallery_left{float:left; height:352px; width:360px; margin:0 20px 0 0; cursor:pointer;}
#mainpage_gallery_left:hover{background-image:url(images/gallery-overlay_weddings.png);}
#mainpage_gallery_right{float:left; height:352px; width:360px; cursor:pointer;}
#mainpage_gallery_right:hover{background-image:url(images/gallery-overlay_portraits.png);}
#mainpage_gallery a {display:block; height:100%; width:100%; text-decoration:none;}

#mainpage_latest {width:750px; height:358px; padding:0; margin:0 auto 0 auto; background-image:url(images/mainpage-latest.jpg); background-repeat: no-repeat;}
#mainpage_latest_left_wrap{float:left; height:358px; width:435px; padding:0 30px 0 0; cursor:pointer;}
#mainpage_latest_left{float:left;height:88px; width:100%; padding: 265px 15px 15px 15px;}
#mainpage_latest_right {float:left; width:285px; height:356px;}
#mainpage_latest_right_top{height:160px; width:255px; padding:10px;}
#mainpage_latest_right_bottom {height:156px; width:255; padding:10px;}

#left {float:left; width:529px; margin:0 0 0 20px; }
#right {float:left; width:218px; margin:0 20px 0 20px;}
#right h2 {color:#454545;}

#footerwrap {width:100%; padding:0; margin:15px 0 15px 0; }
#footer {width:808px; height:183px; margin:0 auto 0 auto; background-image:url(images/footer-bg.png); color:#f4f2f2;	 }
#footer_left {margin: 15px 0 0 20px; float:left;width:208px;}
#footer_middle {margin: 15px 0 0 60px; float:left;width:248px;}
#footer_right {margin: 15px 0 0 20px;  float:left; width:230px; text-align:right;}

#footer a {color:#cccccc;}
#footer ul {margin:0px; padding:0px;}
#footer li {margin:0px 0px 4px 0px; padding:0; list-style:none;}


#othersites {margin:0 0 15px 0;}



#pagetabs .current_page_item {}
#pagetabs .current_page_item a {background-image:url(images/menu-linkhover.png); background-repeat:repeat-x; color:#FFF;}

.no_list_style li {margin:0; padding:0; list-style:none;}
.no_list_style ul {margin:0; padding:0; list-style:none;}
.no_list_style ul li {margin:0; padding:0; list-style:none;}


#pricetable {width:760px; height:378px; margin:2px auto 20px auto; padding:4px; background-image:url(images/pricing-bg.png)}
#c1 {float:left; width:139px; text-align:right; color:#FFF; padding:0 10px 0 0;}
#c2 {float:left; width:122px; text-align:center; cursor:pointer;}
#c3 {float:left; width:122px; text-align:center; cursor:pointer;}
#c4 {float:left; width:122px; text-align:center; cursor:pointer;}
#c5 {float:left; width:122px; text-align:center; cursor:pointer;}
#c6 {float:left; width:122px; text-align:center; cursor:pointer;}

.r1 {width:100%; height:25px; padding:5px 0 0 0; color:#FFFFFF; font-weight:bold;}
.r2 {width:100%; height:33px; padding:10px 0 0 0; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc;}
.r3 {width:100%; height:30px; padding:10px 0 0 0; border-right:1px dotted #ccc; }

#c6 .r2, #c6 .r3 { border-right:none;}
#c1 .r2, #c1 .r3 {border:none; padding:11px 0 0 0;}

#portraits { width:760px; height:342px; padding:4px; margin-top:20px; background-image:url(images/portrait-bg.png); }
#portraits_left { width:376px; height:342px; float:left; margin:0 10px 0 0; }
#portraits_right { width:373px; height:342px; float:left; }
.portraits_heading { width:100%; height:33px; color:#FFF; text-align:center; padding:15px 0 0 0; font-weight:bold;}
.portraits_body { width:90%; margin:15px auto 0 auto; }
.portraits_body_lr {width:155px; margin:15px 10px 0 0; float:left;} 

#pricing_content {text-align:justify;}
#pricing_content_left{float:left; width:448px; margin:0 20px 0 0;}
#pricing_content_right{float:left; width:300px;}
#pricing_content_right img {margin:0 0 5px 0;}

/* HEADER
*****************************/
#topmenu {width:900px; margin:40px auto 7px auto;}
#topmenu_list li {margin:0; padding:0; float:left;}
#topmenu_list a {display:block; padding: 0 15px 0 0;}

#header li {display:inline; margin:0; padding:0; list-style:none;}
#title {float:left; width:560px; height:235px; /*background-color:#F90;*/ margin:15px 15px 0 0;}
#contactinfo {float:left; width:255px; height:235px; margin:15px 0 0 0; /*background-color:#F90;*/}


#menu ul {margin:0 0 0 15px; padding:0;}
#menu li {display:inline;}
#pagetabs li {list-style:none; float:left; margin:0px;}
#pagetabs a {display:block; text-align:center; height:36px; width:70px; margin:4px 0 0 0 ; padding:11px 13px 0; 13px;}  
#pagetabs a:hover {background-image:url(images/menu-linkhover.png); background-repeat:repeat-x;} 



/* CONTENT
*****************************/
#notfound {width:860px; padding:10px; margin:0 auto 15px auto; }
.notfound {text-align:center;}
#products {width:450px; padding:10px;}
#articles {width:365px; background-color:#FFF; padding:10px; margin:15px 0 0 0;}
#intro {height:175px; width: 365px; background-color:#FFF;padding:10px;}

.postdata {border-bottom:1px dotted #333; padding:10px 0 10px 0;}
.post {margin:10px 0 0 0;}

.entry {border-bottom:1px dotted #333; padding:10px 0 10px 0; margin:0 0 10px 0;}
.page_entry {padding:0 0 10px 0; margin:0 0 10px 0;}
.page_post {margin:10px 0 0 0;}


#page_sidebar {float:left; width:185px; height:600px; margin:15px 15px 15px 15px;}


#themeat .post {padding:0 0 20px 0; margin:0 0 10px 0;}
#themeat .postdata {padding:5px; border:none; background-color:#f1f0f0}
#themeat .entry {border:none;}

/* SIDEBAR 
*****************************/



/* COMING EVENTS
*****************************/



/* FOOTER
****************************/
#copyright {width:900px; padding:3px; margin:0; text-align:left;}

/* TEXT EXPAND
***************************/

									/* PRICING */

#pricing {
	}
	
#pricing h2 {
cursor:pointer;
color:#999999;
}

#pricing h3 {
padding-left:10px;
padding-top:10px;
}

#pricing li {
list-style:circle;
margin: 5px 0 5px 35px;
}

#pricing h2:hover{
color:#660000;
}

#commercial {
	border:solid 1px #454545;
	width:650px;
	padding:10px;
	text-align:left;
}

#commercial:hover {
	background-color:#D4D0BE;
	cursor:pointer;
}

#commercial:hover h2 {
	color:#660000;
}

#master1{
	display:none;
}

#master2{
	display:none;
}

#master3{
	display:none;
}

#master4{
	display:none;
}

.com {
	width:340px;
	padding:10px;
	}
	
.column1 {
	width:360px;
	float:left;
	}
	
.column2 {
	width:360px;
	float:left;
	}
	
#promotion {
	border:solid 1px #454545;
	width:780px;
	padding:10px;
	text-align:left;
	background-color:#D4D0BE;
}

#promotion h2 {
	color:#660000;
}


												/*FAQs*/
												
												
												
#general {
	border:solid 1px #454545;
	width:650px;
	padding:10px 40px 10px 10px;
	text-align:justify;
}

#general h3 {
	color:#999999;
	font-size:14px;
	padding-left:15px;
	}
	
#general h3:hover {
	cursor:pointer;
	color:#660000;
	}

.hideme {
	display:none;
	padding-left:30px;
	}