/*
Theme Name: Fireworks 4 Weddings
Version: 1.0
Author: Chris Hutchison
*/

@import 'reset.css';

body{
    font-size:0.8em;
    background: #f0f0f0 url('images/background.gif') no-repeat top center;
    font-family: Georgia,Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4 {
    padding-left:5px;
    padding-bottom:3px;
    border-left: 2px solid olive;
    color:#525252;
    font-size: 19px;
    margin-bottom:10px;
    font-weight:normal;
    font-style: italic;
}
h2, h3, h4 {
    margin-top:15px;
}
h4 {
    font-size:17px;
    line-height:25px;
    margin-top:25px;
    margin-bottom:25px;
}


strong { font-weight:bold; font-style: italic; }

em{ font-style: italic; }

.centergrid{
    width:960px;
    margin:0 10px;
}

.quarter{
	float:left;
	width:220px;
	margin:0 10px;
}


.third{
	float:left;
	width:280px;
	padding:10px;
	margin:0 10px;
}

.clear{
	clear:both;
}

#wrapper{
    width:960px;
    margin:0 auto;
    background: #fff;
}

#header{
	margin:0 10px;
}

	#logo{
		float:left;
		height:92px;
                margin-top:10px;
                margin-left:19px;
		width:199px;
		background:url(images/logo.jpg) no-repeat;
		text-indent:-999em;
	}
            logo br {
                margin:0;
                padding:0;
            }


	.phone_number{
		float:right;
                margin-top:5px;
                font-size: 25px;                 
                color: #777;
                margin-right:21px;
                padding:5px 0;
                text-align:right;
	}
            .phone_number strong{
		font-weight:normal;
                font-style: normal;
            }
            .phone_number span{
               font-size: 20px;
               
            }

	#banner{
                margin-top:15px;
                height:183px;
	}

		#home_intro{
			width:480px;
			float:right;
			margin-top:50px;
			color:#fff;
		}

			#home_intro h3{
				font-size:1.2em;
				margin-bottom:10px;
			}

#container{
	float:left;
	padding-bottom:20px;
}

	#content{
		margin:0 10px 0 17px;
		width:440px;
		padding:10px 10px 0 10px;
	}
        #widecontent{
		margin:0 10px 0 17px;
		width:912px;
		padding:10px 10px 0 10px;
	}
            #widecontent p{
                line-height:1.6em;
                margin: 10px 0;
                color: #666;
            }
            #widecontent h1{
                 margin: 20px 0;
            }
            #widecontent li{
                 list-style-position:inside;
                 margin:10px 0;
                 color: #644820;
            }
            #widecontent li a{
                 
                 color: #644820;
                 font-size:16px;
                 text-decoration:underline;
            }
            #widecontent ul{
                 background: #fff5c6;
                 padding:10px;
            }
            #widecontent td{
                 line-height:16px;
                 padding:8px;
                 font-size:12px;
            }
        #content2 {
                margin:0 10px 0 17px;
                padding:0 10px 10px 10px;
                width:440px;
        }

	.hentry p, .hentry ul{
		margin-bottom:10px;
		margin-top:10px;
		line-height:1.6em;
                color:#666;
	}

	.hentry ul{
		margin-left:25px;
	}
	
	.entry-meta{
		padding:10px;
		margin:10px 0;
		background:#eee;
	}

#sidebar, #sidebar-home, #sidebar-blog{
	float:right;
	margin:0 10px;
        position:relative;
}
.bottom-boxes{
    float:left;
    width:300px;
    margin-right:20px;
    
}

#footer{
	clear:both;
	background: #e0e0e0;
        border-top: 2px solid olive;
        width:960px;
        height:266px;
}

	.footer-box{
		width:260px;
		margin:0 15px;
		padding:10px;
		float:left;		
    font-size: 11px;
                 
	}

	.footer_text{
		margin:0 10px;
	}
.footer-box {
         list-style:none;
}
        .footer-box li{
             list-style:none;
             margin:10px 0;
        }
        .footer-box h3{
             background:none;
             font-size:12px;
             margin:0;
             padding:0;
             border:none;
             font-weight:normal;
             font-style:normal;
             margin-bottom:25px;
             color:#111;
        }
        .footer-box a{
             color: #333;
             text-decoration:none;
             font-size:11px;
        }
        .footer-box a:hover{
             color: #777;
             text-decoration:underline;
        }

.slider {
    list-style:none;
    text-align:center;
    margin-left:14px;
}

#specialsBanner{
    background: url('images/specialbanner.gif') no-repeat;
    height:73px;
    width:514px;
    position:absolute;
    right:-37px;
    color:#fff;
    top:6px;
}
    #specialsBanner p {
        float:left;
        padding-top:7px;
        width:325px;
        line-height:20px;
        
    }
    #specialsBanner a {
        color:#fff;
        text-decoration:none;
    }

        #specialsBanner span{
            float:left;
            padding-left:40px;
            font-size:18px;
            margin-right:13px;
            line-height:53px;
        }
#contactBanner{
    background: url('images/contactbox.gif') no-repeat;
    height:230px;
    width:478px;
    position:absolute;
    right:-38px;
    top:80px;
    color:#fff;
}
    #contactBanner .wpcf7{
        width:331px;
        margin-left:130px;
        line-height:1.4em;
        margin-top:10px;
        color: #3a2b0c;
    }
        #contactHead{
            font-size:17px;
            margin-bottom:10px;
        }
        #contactDesc{
            font-size:11px;
            font-style:italic;
            margin-bottom:10px;
        }
        #contactSubmit{
            margin-top:5px;
        }
        #contactName{
            margin-bottom:5px;
        }
        #contactPhone{

        }
#testimonials {
    width:360px;
    position:absolute;
    top:320px;
    right:79px;
    color: #555;
    
}
    #testimonials a{
      text-decoration:none;
    }
    #testimonials p{
        color:#777;
        line-height: 1.5em;
        margin-bottom:10px;
        padding-left:35px;
        font-size:13px;
        font-style:italic;
        background: url('images/quote.gif') no-repeat top left;
    }
    #testimonials span{
        padding-left: 35px;
    }
#featuredVideo {
    width:425px;
    position:absolute;
    top:510px;
    right:15px;
    color: #555;
    
}
    #featuredVideo p{
        color:#999;
        line-height: 1.5em;
        margin-bottom:10px;        
        font-size:13px;
        font-style:italic;        
    }
    #featuredVideo span{
        font-style:italic;
    }
#previousClients {

}
#contactFormLeft{
    float:left;
    width:283px;
}
#contactFormRight{
    float:left;
    width:283px;
}
#contactFormText{
    float:left;
    width:345px;
}
#wpcf7-f2-p18-o1{
    margin-top:15px;
}
.cf-date{
width:20px;}
.smallfont{
font-size:10px;
}
.smalltext{
font-size:10px;
}


/* Superfish styles */

/*** ESSENTIAL STYLES ***/
#access, #access * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#access {
	line-height:	1.0;
}
#access li {
	float:			left;
	position:		relative;
}
#access a {
	display:		block;
	position:		relative;
}


/*** BBox menu SKIN ***/
	#navi{
		background:#fff;
                border: 1px solid #e3e2e2;
		width:904px;
		height:43px;
                margin-left:17px;
	}

		#access li{
                        background: url('images/navbg.gif') repeat-x;
			display:inline;
                        border-right:1px solid #e3e2e2;
                        margin-right:1px;
		}
                /* last nav object - member-area */
                #access .member-area{
                        margin-right:0px;
                        border-right:none;
                }
                #access .current{
                        background: url('images/navbgactive.gif') repeat-x;
                }
                    #access .current a {
                        color:#111;
                    }

#access a {
	font-size:16px;
padding:14px 26px;
	text-decoration:none;
        
}
#access a  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
#access li:hover, #access li.sfHover,
#access a:focus, #access a:hover, #access a:active {
    background: url('images/navbgon.gif') repeat-x;
    color:#111;
}
#access ul {

}
#access li:hover ul,
#access li.sfHover ul {
	top:32px; /* overriding essential styles */
}
#access ul ul {
    margin-top:0;
}
#access ul a {
    background:#fafafa;
	border-bottom:none;
}
#access ul a:hover {
    color: #FF4B33;
}
.ngg-galleryoverview{
    margin-left:13px;
}
.slider{display:none;}

#yVideos p{

background:#fff6ac url('images/vidback.gif');
border: 1px solid #e3cc0e;
float:left;
height:145px;
margin:10px;
padding:15px;
width:250px;
color:#4c3815;
}
#yVideos p br{

margin: 10px 0;

}
/*wordpress default stles */
 
/*	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 */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
/* 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 */