/* Copyright (c) 2009-2011 Ryan Ours. */
/* www.ryanours.com */
/* Main CSS for angelabeaulieuphoto.com */

/* Main Styles */
* { margin:0; padding:0; }
body { background:#fff; }
#main { width:960px; margin:0 auto; position:relative; }
#header { position:absolute; left:12px; margin-top:20px; }
#sub-header { width:313px; float:left; }
#wrapper { width:960px; margin:0 auto; overflow:none; }
#wrapper-top { width:960px; height:116px; margin:0 auto; float:left; background:url(images/wrapper-top-bg.png) no-repeat 0 0; }
#wrapper-bottom { width:960px; height:125px; margin:0 auto; float:left; background:url(images/wrapper-bottom-bg.png) no-repeat 0 0; }
#content {
	width:910px;
	margin:0 auto;
	float:left;
	background:url(images/bg.png) repeat-y 0 0;
	padding:0 25px;
}
#content.home #sub-content { float:left; background:#89d1d8; margin:0 auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding: 10px; width: 890px; }
#content #sub-content { float:left; background:#89d1d8; margin:0 auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding: 10px; width: 890px; }
#gallery { width:890px; float:left; }
#copy { float:left; background:#6AA0A7; -moz-border-radius:10px; -webkit-border-radius:10px; padding:15px; }
body#blog #content { width:660px; float:left; }
body#about-page #copy { width:560px; float:left; height:389px; }
#sidebar { width:270px; padding:15px; float:right; background:#6AA0A7; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
body#about-page #sidebar { width:259px; height:389px; }
#nav { float:left; width: 960px; background:url(images/bg.png) repeat-y 0 0; padding:10px 0; }
#footer { width:940px; margin: 0 auto 10px auto; clear:both; height:36px; }
#content div.post { background:#2a2a2a; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:15px; margin-right:20px; margin-bottom:20px; float:left; width:610px; }
#respond { background:#2a2a2a; float:left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:15px; margin-right:20px; margin-top:20px; }
.col-1, .col-2 { width:408px; float:left; padding:0 10px; border-left:1px solid #fff; min-height: 1544px; }
.col-2 { border-right:1px solid #fff; }
#menu { width:745px; margin:0 auto; }
#gallery-container { width:800px; margin:10px auto 0 auto; }
.divider {width:408px; height:1px; border-bottom:1px dotted #fff; margin:0 0 10px 0;}

/* Image Styles */
img { border:0; }
#header img.logo { float:left; width:56px; height:56px; margin:5px 20px 0 0; }
#content img.panel-one-sm { margin:0 9px 0 0; float:left; height:450px; width:auto; }
#content img.panel-two-sm, #content img.panel-three-sm, #content img.panel-four-sm { margin:0 9px; float:left; height:450px; width:auto; }
#content img.panel-five-sm { margin:0 0 0 9px; float:left; height:450px; width:auto; }
#content img.panel-one-lg { margin:0 9px 0 0; float:left; height:450px; width:auto; }
#content img.panel-two-lg, #content img.panel-three-lg, #content img.panel-four-lg { margin:0 9px; float:left; height:450px; width:auto; }
#content img.panel-five-lg { margin:0 0 0 9px; float:left; height:450px; width:auto; }
#content #sub-content img.facebook-galleries { width:390px; float:left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:5px solid #fff; }
#content #sub-content img.enter-site { width:390px; float:left; margin-right:11px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:5px solid #fff; }

/* Link Styles */
a { outline-style:none; }
p a { outline-style:none; text-decoration:none; border:0; color:#fff; }
p a:hover { color:#89d1d8; border-bottom:1px dotted #89d1d8; }
#header a { color:#333; text-decoration:none; }
#header h1 a { color:#333; text-decoration:none; }
#header h2 a { color:#999; text-decoration:none; }
#nav a { color:#fff; text-decoration:none; }
#nav a:hover { color:#89d1d8; }
#nav a.active { color:#89d1d8; }
p.footer a { color:#bbb; }
p.footer a:hover { color:#6AA0A7; }
#sidebar a { color:#ccc; text-decoration:none; }
#content .post a, .comment-meta.commentmetadata a { color:#6198e0; border-bottom:1px dotted #6198e0; text-decoration:none; }
#content .post a:hover, .comment-meta.commentmetadata a:hover { color:#ccc; border-bottom:1px dotted #ccc; text-decoration:none; }
#content .post h2 a, #content .post h2 a:hover { border:none; }
#sidebar a:hover { color:#6198e0; border-bottom:1px dotted #6198e0; }
a.go-back { color:#6aa0a7; font-family:"Century Gothic",Helvetica,arial,sans-serif; text-decoration:none; }
a.go-back:hover { color:#fff; }

/* Text Styles */
p, span { font:normal 14px/16px "Century Gothic", Helvetica, arial, sans-serif; color:#000; padding:10px 0; }
small { color:#6f6f6f; font-family: Helvetica, arial, sans-serif; }
#main #header h1 { color:#ccc; float:left; letter-spacing:3px; font-weight:normal; font-family:"Century Gothic", Helvetica, arial, sans-serif; }
#main #header h2 { color:#ccc; float:left; padding-left:7px; letter-spacing:21px; font-size:10px; font-weight:normal; font-family:"Century Gothic", Helvetica, arial, sans-serif; }
#content #nav h2 { color: #FFFFFF; float: left; font-family: "Century Gothic",Helvetica,arial,sans-serif; font-size: 16px; font-weight: normal; letter-spacing: 3px; padding: 0 4px; text-transform: none; }
#content h2 { color:#6F6F6F; font-weight:normal; letter-spacing:2px; }
#nav h2 { color: #FFFFFF; float: left; font-family: "Century Gothic",Helvetica,arial,sans-serif; font-size: 16px; font-weight: normal; letter-spacing: 3px; padding: 0 4px; text-transform: none; }
#wrapper h2 { color:#6F6F6F; font-weight:normal; letter-spacing:2px; }
body#galleries-page.galleries #content h2 { float:none; }
#copy h2 { color:#fff; font-family: "Century Gothic",Helvetica,arial,sans-serif; line-height: 23px; margin-bottom:6px; }
p.footer { color: #bbb; float: right; padding: 20px 7px 0 0; text-align: right; }
#sidebar h2 { color:#fff; }
strong.author, span.pink { color:#fff; }
span.asterisk { color:#89d1d8; }
span.price { color:#89d1d8; font-weight:bold; }
#copy h3 { font-family:"Century Gothic", Helvetica, arial, sans-serif; color:#89d1d8; text-shadow:1px 1px #000; }
#copy p { color:#000; }
.entry p { color:#ccc; }
h2.pagetitle { background:#2a2a2a; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:15px; margin-right:20px; margin-bottom:20px; }
#content .post h2 { color:#6198e0; border-bottom:1px dotted #6198e0; text-decoration:none; }
h3#comments { background:#2a2a2a; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; padding:15px 15px 0 15px; margin-right:20px; color:#ccc; }
#respond h3 { color:#ccc; }
#copy ul { font-family:"Century Gothic", Helvetica, arial, sans-serif; list-style:disc; list-style-position:inside; color:#fff; font-weight:bold; }
#copy li { font-size:14px; font-family:"Century Gothic", Helvetica, arial, sans-serif; text-indent:0px; font-weight:normal; }
p.note { width:100%; float:left; }
body#galleries-page #sub-content h2, body#contact-page.contact #content h2 { color:#fff; font-family: "Century Gothic",Helvetica,arial,sans-serif; line-height: 23px; margin-bottom:6px; }
body.galleries #sub-content h1 { color:#6AA0A7; font-family: "Century Gothic",Helvetica,arial,sans-serif; text-shadow:1px 1px #000; text-align:center; font-size:72px; }
body.galleries #sub-content p { color:#fff; font-family: "Century Gothic",Helvetica,arial,sans-serif; text-align:center; font-size:18px; line-height:24px; width:400px; margin:0 auto; }
body.galleries #sub-content p a { border-bottom:1px dotted #fff; }
body.galleries #sub-content p a:hover { border-bottom:1px dotted #6AA0A7; color:#6aa0a7; }
body.contact #sub-content p a:hover { border-bottom:1px dotted #6AA0A7; color:#6aa0a7; }

/* Contact Form Styles */
#main form { display: block; width: 508px; margin:0 auto; padding: 25px 0 20px 0;}
#main form fieldset { display: block; position: relative; height: 20px; margin-bottom: 6px; border:none; padding:10px 0; }
#main form fieldset div.errormessage { font-size:12px; line-height:32px; color: #fff; background: #6aa0a7; padding: 0 8px; position: absolute; left: 515px; top:1px; height:34px; width:170px; font-family: "Century Gothic",Helvetica,arial,sans-serif; }
#main form fieldset.message { position: relative; height: 150px; margin-bottom: 8px; }
#main form fieldset label { font-size: 20px; color:#000; position: absolute; left: 0; top: 0; line-height: 32px; width: 90px; font-family: "Century Gothic",Helvetica,arial,sans-serif; }
#main form fieldset label.submitter { font-size: 1.5em; display: none; }
#main form fieldset input { position: absolute; left: 95px; top: 0; line-height: 22px; height:24px; width: 400px; border: 1px solid #242424; padding: 5px; background-color: #fff; font:16px "Century Gothic",Helvetica,arial,sans-serif; color:#313131;}
#main form fieldset input#submitter {font-size: 26px; background:#6aa0a7; border:none; padding:5px; color:#fff; cursor:pointer; width:146px; height:42px; float:left; }
#main form fieldset input#submitter:hover {font-size: 26px; background:#4e8890; border:none; padding:5px; color:#fff; cursor:pointer; width:146px; height:42px; float:left; }
#main form fieldset textarea { position: absolute; left: 95px; top: 0; width: 400px; height: 145px; border: 1px solid #383531; padding: 5px; background-color: #fff; font: 16px "Century Gothic",Helvetica,arial,sans-serif; color:#313131; }
#main form fieldset input:focus, form fieldset textarea:focus { border: 1px solid #193441; } /* Needs emulation in IE 6 and testing in IE 7 */
#main p.success { color:#2d8a43; font-weight: bolder; }

/* Social Networking Styles */
ul.social-networking { list-style:none; text-indent:0; }
ul.social-networking li { float:left; display:inline; width:32px; height:32px; padding:0 5px; }
ul.social-networking li a { float:left; width:32px; height:32px; }
a.twitter { background:url(images/twitter_32.png) no-repeat 0 -32px; }
a.twitter:hover { background-position:0 2px; }
a.facebook { background:url(images/facebook_32.png) no-repeat 0 -32px; }
a.facebook:hover { background-position:0 2px; }
a.myspace { background:url(images/myspace_32.png) no-repeat 0 -32px; }
a.myspace:hover { background-position:0 2px; }
a.flickr { background:url(images/flickr_32.png) no-repeat 0 -32px; }
a.flickr:hover { background-position:0 2px; }
a.modelmayhem { background:url(images/modelmayhem_32.png) no-repeat 0 -32px; }
a.modelmayhem:hover { background-position:0 2px; }
a.mail { background:url(images/email_32.png) no-repeat 0 -32px; }
a.mail:hover { background-position:0 2px; }

#content #sub-content a.facebook-galleries { background:url(images/facebook-galleries.jpg) no-repeat 0 0; width:430px; height:505px; float:left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:5px solid #fff; }
#content #sub-content a.facebook-galleries:hover { background-position:-430px 0; }
#content #sub-content a.enter-site { background:url(images/enter-site.jpg) no-repeat 0 0; width:430px; height:505px; float:left; margin-right:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:5px solid #fff; }
#content #sub-content a.enter-site:hover { background-position:-430px 0; }

/* Blog Styles */
body#blog #sidebar ul { list-style:none; text-indent:0; }
body#blog #sidebar ul li { color:#ccc; }
ol.commentlist { list-style:none; background:#2a2a2a; float:left; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; width:610px; padding:15px; margin-right:20px; }
ol.commentlist li { float:left; }
textarea#comment { width:610px; }
#respond form { padding:0; }
li.comment { border-bottom:1px dotted #6198e0; margin-bottom:15px; width:100%; }
cite.fn { color:#c94185; padding-left:5px; }
cite.fn a { color:#c94185; text-decoration:none; }
body.single .navigation { color:#c94185; float:left; width:610px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#2A2A2A none repeat scroll 0 0; margin-bottom:20px; margin-right:20px; padding:15px;}
.navigation .alignright { float:right; }
.navigation .alignleft { float:left; }
.navigation a { font-family:Helvetica,arial,sans-serif; color:#ccc; text-decoration:none; border-bottom:1px dotted #6198E0; }
.navigation a:hover { color:#c94185; text-decoration:none; }
#respond input#submit { background:#c94185; border:none; padding:5px; color:#fff; cursor:pointer; }
#respond input#submit:hover { background:#6198E0; border:none; padding:5px; color:#fff; cursor:pointer; }

/* Gallery Styles */
#content #gallery a img { border:5px solid #fff; }
#content #gallery a { display:block; color:#666; text-decoration:none; outline-style:none; }
#content #gallery a:hover { color:#58365e; outline-style:none; }
#content #gallery a:hover img { border:5px solid #6AA0A7; }
#content #gallery span.caption { font-size:10px; text-transform:uppercase; padding:0; display:block; text-align:center; }
#content #gallery a:hover span.caption { font-size:10px; text-transform:uppercase; padding:0; display:block; color:#6AA0A7; }

/* Twitter Widget Styles */
#content .twtr-widget .twtr-tweet { border-bottom:1px dotted #6198E0; overflow:hidden; }
#content #twtr-widget-1 { float:right; }
#content #twtr-widget-1 .twtr-tweet a { color:#C94185 !important; text-decoration:none !important; }
#content #twtr-widget-1 h4 { display:none; }
#content #twtr-widget-1 .twtr-ft a img { display:none; }

#boudoir, #cake-smash, #families, #maternity, #newborns, #save-the-date, #tots-to-tweens, #weddings { width:205px; float:left; margin:10px 0; }
#boudoir, #cake-smash, #families, #newborns, #save-the-date, #tots-to-tweens { margin-right:20px; }