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

/* Main Styles */
* { margin:0; padding:0; }
body { background:#242424; }
#main { width:960px; margin:0 auto; padding:30px 0; }
#header { width:100%; float:left; padding:0; margin:0 0 30px; }
#content.home { width:1120px; float:left; margin:0 auto; overflow:none; }
#content { width:960px; float:left; margin:0 auto; overflow:none; }
#gallery { width:800px; float:left; margin:0 auto; }
#copy { float:left; width:100%; background:#2a2a2a; -moz-border-radius:10px; -webkit-border-radius:10px; padding:15px; }
body#blog #content { width:660px; float:left; }
body#about-page #copy { width:620px; float:left; }
#sidebar { width:270px; padding:15px; float:right; background:#2a2a2a; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
body#about-page #sidebar { width:259px; }
#nav { width:960px; clear:both; margin:0 auto; padding-top:30px; }
#footer { width:100%; float:left; margin-top:25px; margin-bottom:25px; padding-bottom:25px; }
#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, .col-3, .col-4 { width:218px; float:left; padding:0 10px; border-left:1px solid #6F6F6F; min-height: 695px; }
.col-4 { border-right:1px solid #6F6F6F; }

/* Image Styles */
img { border:0; }
#header img.logo { float:left; width:76px; height:76px; margin-right:20px; }
#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; }

/* Link Styles */
a { outline-style:none; }
p a { outline-style:none; text-decoration:none; border:0; color:#fff; }
p a:hover { color:#6198e0; border-bottom:1px dotted #6198e0; }
#header a { color:#6F6F6F; text-decoration:none; }
#nav a { color:#6f6f6f; text-decoration:none; }
#nav a:hover { color:#fff; }
#nav a.active { color:#fff; }
p.footer a { color:#3e3d3d; }
p.footer a:hover { color:#6198e0; }
#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:#C94185; float:left; font:12px/43px normal georgia, Arial,"Times New Roman"; padding:0 0 0 15px; text-decoration:none; text-transform:uppercase; cursor:pointer; }
a.go-back:hover { color:#6198e0; cursor:pointer; }

/* Text Styles */
p, span { font:normal 14px/16px Helvetica, arial, sans-serif; color:#6F6F6F; padding:10px 0; }
small { color:#6f6f6f; font-family: Helvetica, arial, sans-serif; }
#main #header h1 { color:#ccc; float:left; padding-top:20px; letter-spacing:3px; font-weight:normal; }
#nav h2 { float:left; padding:0 5px; text-transform:uppercase; font-weight:normal; letter-spacing:2px; font-size:22px; }
#content h2 { color:#6F6F6F; font-weight:normal; letter-spacing:2px; }
body#galleries-page #content h2 { float:left; }
body#galleries-page.galleries #content h2 { float:none; }
#copy h2 {color:#6198e0;}
p.footer { float:right; text-align:right; color:#3e3d3d; padding:20px 0 0 0; }
#sidebar h2 { color:#fff; }
strong.author, span.asterisk, span.pink { color:#c94185; }
span.price { color:#6198e0; }
#copy h3 { color:#c94185; }
#copy p { color:#ccc; }
.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 { list-style:disc; list-style-position:inside; color:#ccc; font-weight:bold; }
#copy li { text-indent:20px; font-weight:normal; }
p.note { width:100%; float:left; }

/* Contact Form Styles */
#main form { display: block; width: 100%; 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:13px; color: #242424; background: #6198E0; padding: 0 8px; position: absolute; left: 515px; top:1px; height:34px; width:170px; }
#main form fieldset.message { position: relative; height: 150px; margin-bottom: 8px; }
#main form fieldset label { font-size: 22px; color:#646464; position: absolute; left: 0; top: 0; line-height: 36px; width: 90px; }
#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 Georgia,Times,'Times New Roman',serif; color:#313131;}
#main form fieldset input#submitter {font-size: 26px; background:#c94185; border:none; padding:5px; color:#fff; cursor:pointer; width:146px; height:42px; float:left; }
#main form fieldset input#submitter:hover {font-size: 26px; background:#6198E0; 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 Georgia,Times,'Times New Roman',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; }

/* 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 { float:left; display:block; color:#666; padding:0 10px 0 10px; margin-bottom:20px; text-decoration:none; outline-style:none; }
#content #gallery a:hover { color:#58365e; outline-style:none; }
#content #gallery a:hover img { border:5px solid #c94185; }
#content #gallery span.caption { font-size:10px; text-transform:uppercase; padding:0; display:block; }
#content #gallery a:hover span.caption { font-size:10px; text-transform:uppercase; padding:0; display:block; color:#c94185; }
body#home-page #content span.caption { font-size:10px; text-transform:uppercase; padding:0; display:none; float:left; }
body#home-page #content .panel-one a:hover span.caption { font-size:10px; text-transform:uppercase; padding:0; display:block; color:#c94185; position:absolute; bottom:-20px; left:0; }
body#home-page #content .panel-two a:hover span.caption, body#home-page #content .panel-three a:hover span.caption, body#home-page #content .panel-four a:hover span.caption, body#home-page #content .panel-five a:hover span.caption { font-size:10px; text-transform:uppercase; padding:0; display:block; color:#c94185; position:absolute; bottom:-20px; left:10px; }
.panel-one, .panel-two, .panel-three, .panel-four, .panel-five { position:relative; float:left; height:450px; width:auto; }

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