/*
Theme Name: Lauren Bennet
Theme URI: http://lauren-bennett.com/
Description: Lauren Bennet Theme
Version: 1.0
Author:Lauren Bennett

	Lauren Bennett v1.0

*/

/* reset
-----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul, dl {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1, h2, h3, h4, h5, dt {font-weight:normal;}

/* body
-----------------------------------------------------------------*/
body {
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
color:#666;
/*background:#fff url('images/body_bg.jpg') top center no-repeat;*/
}

/* layout
-----------------------------------------------------------------*/
#page {
margin: 0px auto;
width: 980px;
padding:0px 0px 100px;
position:relative;
z-index:10;
}
.narrowcolumn {
float: left;
width: 630px;
}
.widecolumn {
width: 980px;
}
#content {
min-height:300px;
}
/* Header
-----------------------------------------------------------------*/
#header {
width: 980px;
padding:50px 0px 0px;
margin:0px 0px 50px;
}
#header h1 {
margin:0px 0px 0px 315px;
width:556px;
height:113px;
background:url('images/logo.gif') top left no-repeat;
text-indent:-9999px;
}
#header h1 a {
width:556px;
height:113px;
display:block;
text-indent:-9999px;
}

/* Navigation
-----------------------------------------------------------------*/
#navigationWrapper {
width:100%;
height:36px;
border-bottom:1px solid #979797;
background:#000 url('images/nav-tile.png') top left repeat-x;
position:relative;
z-index:10;
}
#mainNavigation {
width:812px;
margin:0px auto;
}
#mainNavigation li {
float:left;
height:36px;
}
#mainNavigation li a {
background-image:url('images/nav.png');
background-repeat:none;
display:block;
height:36px;
text-indent:-9999px;
}
#mainNavigation li.page-item-4 {
width:92px;
}
#mainNavigation li.page-item-4 a {
background-position:0px 0px;
}
#mainNavigation li.page-item-6 {
width:167px;
}
#mainNavigation li.page-item-6 a {
background-position:-92px 0px;
}
#mainNavigation li.page-item-8 {
width:74px;
}
#mainNavigation li.page-item-8 a {
background-position:-259px 0px;
}
#mainNavigation li.page-item-10 {
width:77px;
}
#mainNavigation li.page-item-10 a {
background-position:-333px 0px;
}
#mainNavigation li.page-item-17 {
width:87px;
}
#mainNavigation li.page-item-17 a {
background-position:-410px 0px;
}
#mainNavigation li.page-item-12 {
width:154px;
}
#mainNavigation li.page-item-12 a {
background-position:-497px 0px;
}
#mainNavigation li.page-item-15 {
width:161px;
}
#mainNavigation li.page-item-15 a {
background-position:-651px 0px;
}
#mainNavigation li.page-item-4 a:hover {
background-position:0px -36px;
}
#mainNavigation li.page-item-6 a:hover {
background-position:-92px -36px;
}
#mainNavigation li.page-item-8 a:hover {
background-position:-259px -36px;
}
#mainNavigation li.page-item-10 a:hover {
background-position:-333px -36px;
}
#mainNavigation li.page-item-17 a:hover {
background-position:-410px -36px;
}
#mainNavigation li.page-item-12 a:hover {
background-position:-497px -36px;
}
#mainNavigation li.page-item-15 a:hover {
background-position:-651px -36px;
}

/* Footer
-----------------------------------------------------------------*/
#footerWrap {
width:100%;
height:120px;
/* background:url('images/footer_bg.png') top left repeat-x; */
background:#000;
border-top:10px solid #fd02fd;
clear: both;
position:relative;
z-index:10;
}
#footer {
width: 950px;
padding:40px 15px 0px;
margin:0px auto;
}
.footerColA {
width:475px;
float:left;
}
.socialLinks {
width:200px;
float:left;
width:128px;
height:31px;
}
.socialLinks li {width:24px;height:24px;float:left;}
.socialLinks li a {
background-image:url('images/social-links.png');
background-repeat:no-repeat;
display:block;
width:24px;
height:24px;
float:left;
text-indent:-9999px;
}
.socialLinks li.youTube {
margin-right:9px;
}
.socialLinks li.facebook, .socialLinks li.mySpace {
margin-right:8px;
}
.socialLinks li.youTube a {
background-position:0px 0px;
}
.socialLinks li.facebook a {
background-position:-33px 0px;
}
.socialLinks li.mySpace a {
background-position:-65px 0px;
}
.socialLinks li.twitter a {
background-position:-97px 0px;
}
#footer h4 {
background:url('images/footer-logo.png') top left no-repeat;
width:427px;
height:23px;
text-indent:-9999px;
margin-bottom:5px;
}
#footer h4 a {
display:block;
width:427px;
height:23px;
text-indent:-9999px;
}
#footer #copyright {
font-size:10px;
color:#eee;
}
#footer #footerNavigation {
width:630px;
float:left;
}
#footer #footerNavigation li {
display:inline;
float:left;
border-right:1px solid #666;
padding-right:8px;
margin-right:8px;
}
#footer ul#footerLinks {
width:300px;
float:right;
text-align:right;
}
#footer #footerNavigation li.page-item-2, #footer #footerNavigation li.page-item-15 {
border-right:none;
}
#footer #footerNavigation li a, #footer p a, #footer ul#footerLinks a {
color:#fff;
}
#footer #footerNavigation li a:hover, #footer p a:hover, #footer ul#footerLinks a:hover {
color:#fd02fd;
text-decoration:none;
}
#footer p {
font-size:11px;
color:#999;
clear:both;
padding:30px 0px 0px;
}

/* Home
-----------------------------------------------------------------*/
#homeCategories {
width:950px;
margin:0px auto;
}
.homeModule {
position:relative;
z-index:10;
text-align:center;
background-color:#eee;
padding:7px 0px 0px;
cursor:pointer;
display:block;
overflow:hidden;
}
.homeModule img {position:relative;}
.homeModuleOver {
background-color:#fd02fd;
}
#homeCategories h2 {
background-image:url('images/home_cat_heading_sprite.png');
background-repeat:no-repeat;
text-indent:-9999px;
height:36px;
position:absolute;
bottom:0px;
left:0px;
}
#homeModule1 h2 {
background-position:0px 0px;
width:260px;
}
#homeModule1 h2.over {
background-position:-390px 0px;
width:260px;
}
#homeModule2 h2 {
background-position:0px -36px;
width:390px;
}
#homeModule2 h2.over {
background-position:-390px -36px;
width:390px;
}
#homeModule3 h2 {
background-position:0px -72px;
width:260px;
}
#homeModule3 h2.over {
background-position:-390px -72px;
width:260px;
}
#homeModule4 h2 {
background-position:0px -108px;
width:260px;
}
#homeModule4 h2.over {
background-position:-390px -108px;
width:260px;
}
#homeModule5 h2 {
background-position:0px -144px;
width:390px;
}
#homeModule5 h2.over {
background-position:-390px -144px;
width:390px;
}
#homeModule6 h2 {
background-position:0px -180px;
width:260px;
}
#homeModule6 h2.over {
background-position:-390px -180px;
width:260px;
}
#homeModule1, #homeModule2, #homeModule4, #homeModule5 {
float:left;
}
#homeModule3, #homeModule6 {
float:right;
}
#homeModule4 {
clear:both;
}
#homeModule1, #homeModule2, #homeModule4, #homeModule5 {
margin-right:20px;
}
#homeModule1, #homeModule3 {
width:260px;
height:243px;
}
#homeModule2 {
width:390px;
height:293px;
}
#homeModule4, #homeModule6 {
width:260px;
height:203px;
}
#homeModule5 {
width:390px;
height:203px;
}
#homeModule1, #homeModule3 {
top:50px;
}
#homeModule1, #homeModule2, #homeModule3 {
margin-bottom:30px;
}

#homeModule2 span.frame {
width:378px;
height:250px;
display:block;
position:absolute;
top:7px;
left:6px;
overflow:hidden;
}
#homeModule1 span.frame, #homeModule3 span.frame {
width:248px;
height:200px;
display:block;
position:absolute;
top:7px;
left:6px;
overflow:hidden;
}
#homeModule4 span.frame, #homeModule6 span.frame {
width:248px;
height:160px;
display:block;
position:absolute;
top:7px;
left:6px;
overflow:hidden;
}
#homeModule5 span.frame {
width:378px;
height:160px;
display:block;
position:absolute;
top:7px;
left:6px;
overflow:hidden;
}

#homeModule1 span.frame {
background-image:url('images/home_pics_color.jpg');
background-repeat:no-repeat;
background-position:0px 300px;
}
#homeModule2 span.frame {
background-image:url('images/home_photography_color.jpg');
background-repeat:no-repeat;
background-position:0px 300px;
}
#homeModule3 span.frame {
background-image:url('images/home_art_color.jpg');
background-repeat:no-repeat;
background-position:0px 300px;
}
#homeModule4 span.frame {
background-image:url('images/home_blog_color.jpg');
background-repeat:no-repeat;
background-position:0px 300px;
}
#homeModule5 span.frame {
background-image:url('images/home_music_color.jpg');
background-repeat:no-repeat;
background-position:0px 300px;
}
#homeModule6 span.frame {
background-image:url('images/home_bio_color.jpg');
background-repeat:no-repeat;
background-position:0px 300px;
}

/* Headers
-----------------------------------------------------------------*/
h2#photography, h2#pics, h2#art, h2#music, body.page-id-15 .post h2, body.page-id-2 .post h2, h2#bio {
background-image:url('images/section_headers.png');
background-repeat:no-repeat;
text-indent:-9999px;
background-position:0px 0px;
height:19px;
margin-bottom:30px;
line-height:19px;
}
h2#photography {
background-position:0px 0px;
}
h2#pics {
background-position:0px -40px;
}
h2#art {
background-position:0px -20px;
}
h2#music {
background-position:0px -80px;
}
body.page-id-15 .post h2, body.page-id-2 .post h2, h2#bio {
background-position:0px -100px;
}

/* Bio Contact Page
-----------------------------------------------------------------*/
.contactInfo {
}
.colA {
float:left;
width:630px;
}
.colB {
float:right;
width:300px;
}
.colA p {
margin-bottom:15px;
}
.colB dl dt {
font-size:14px;
font-weight:700;
color:#333;
margin-bottom:5px;
}
.colB dl dd a {
font-weight:700;
}
.colB dl dd {
margin-bottom:15px;
}
/* Custom Photo Gallery Styles
-----------------------------------------------------------------*/
.gallery dl a img {
border:3px solid #eeeeee;
background-color:#eeeeee;
}
.gallery dl a:hover img {
border:3px solid #a4e015;
background-color:#a4e015;
}
.post .gallery .gallery-row {
margin-bottom:30px;
}
#cboxTitle {
padding:0px 30px;
}
#cboxCurrent {
font-size:10px;
}
.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.widecolumn .entry p {
font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}

.widecolumn {
line-height: 1.6em;
}

.narrowcolumn .postmetadata {

}

.thread-alt {
background-color: #f8f8f8;
}
.thread-even {
background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

}

#footer {

}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3 {
font-weight: 700;
}

h1 {
font-size: 4em;
}

.description {
font-size: 1.2em;
}

h2 {
font-size: 1.6em;
}

h2.pagetitle {
font-size: 1.6em;
}

#sidebar h2 {
font-size: 1.2em;
}

#content h3 {
font-size: 20px;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #000;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

.sticky {
background: #f7f7f7;
padding: 0 10px 10px;
}
.sticky h2 {
padding-top: 10px;
}

.commentlist li, #commentform input, #commentform textarea {

}
.commentlist li ul li {
font-size: 1em;
}

.commentlist li {
font-weight: bold;
}

.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p {

}

.commentmetadata {
font-weight: normal;
}

#sidebar {

}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}

code {

}

acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
}
a {
color:#fd02fd;
text-decoration:none;
}
a:hover {
color: #000;
text-decoration: underline;
}
h2 a:hover, h3 a:hover {
color: #000;
text-decoration: underline;
}
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */

/* Begin Structure */
body.blog .post, body.single .post, body.archive .post, body.error404 .post, body.search .post, body.search .hentry {
border:1px solid #ccc;
padding:15px;
background-color:#fff;
margin-bottom:30px;
}
body.search .noResults p {
font-size:14px;
margin-bottom:15px;
}
body.blog .entry, body.single .entry, body.archive .entry {
margin-bottom:30px;
}
body.single-post .entry {
margin-bottom:0px;
}
.addtoany_share_save_container {
text-align:right;
}
body.archive h2, body.error404 h2, body.search h2 {
font-size:30px;
line-height:36px;
margin:0px 0px 30px;
}
body.error404 .post p {
padding:0px;
}
.post hr {
display: block;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 30px 0;
}

.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}

.postmetadata {
clear: both;
}

.clear {
clear: both;
}
/* End Structure */



/*Begin Headers */
h1 {
	
}

h2 {

}
.post h2, .post h3 {
font-size:30px;
line-height:36px;
margin-bottom:10px;
}
.post .entry p {
font-size:15px;
line-height:20px;
padding:0px 0px 5px;
}
.post p.postmetadata {
padding:10px 0px 0px;
margin-bottom:10px;
}
.post p.commentsCount {
padding:10px 0px 0px;
border-top:1px solid #ccc;
}
h2.pagetitle {
margin-top: 30px;
}

#sidebar h2 {
text-transform:uppercase;
font-size:15px;
margin-bottom:5px;
}

h3 {

}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */



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



/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

#sidebar ul li#categories-3 {
text-transform:capitalize;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 0px 0px 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style-type: none;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 0px 0px 3px;
}

#sidebar form#searchform {
margin-bottom:30px;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {

}

#sidebar div {
	height:28px;
	position:relative;
	width:245px;
}
	#sidebar #searchform #s {
		position:absolute;
		top:1px;
		left:0px;
	}
	
	#sidebar #searchform #searchsubmit {
		position:absolute;
		top:0px;
		right:0px;
	}

#sidebar #searchform #s, body.search .noResults #searchform #s {
width: 200px;
height:20px;
border:1px solid #ccc;
padding: 6px 5px 0px;
color:#666;
}

#sidebar #searchsubmit, body.search .noResults #searchsubmit {
border:none;
background:url('images/search.png') top left no-repeat;
width:29px;
height:29px;
text-indent:-9999px;
margin:0px;
padding:0px;
cursor:pointer;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform input#author, #commentform input#email, #commentform input#url {
border:1px solid #CCCCCC;
color:#666666;
height:20px;
padding:6px 5px 0;
width:250px;
margin:0px 5px 5px 0px;
}

#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-bottom:30px;
padding:15px;
width:598px;
color:#666;
font-family:Arial,Helvetica,sans-serif;
}
#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
margin:0px 0px 30px;
text-align: justify;
}

.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;

}
.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
margin: 5px 0;
}

.nocomments {
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */



/* Begin Sidebar */
#sidebar {
float:right;
width: 300px;
}

#sidebar form {
margin: 0;
}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */



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

.screen-reader-text {
position: absolute;
left: -1000em;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
margin-top: 10px;
margin-bottom: 60px;
font-size:20px;
font-weight:700;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
text-align: center;
padding-top: 4px;
margin: 0px 0px 15px;
}

.wp-caption img {
margin: 0px 0px 10px;
padding: 0;
border: 0 none;
}

.wp-caption a img {
background-color:#eee;
border:7px solid #eee;
}
.wp-caption a:hover img {
border:7px solid #a4e015;
background-color:#a4e015;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding:0px 5px;
margin-bottom:10px;
}
/* End captions */

.page-id-8 #content .entry h3 {
text-transform:uppercase;
color:#FD02FD;
font-size:22px;
border-bottom:1px solid #000;
margin-bottom:15px;
clear:both;
}

body.page-template-photography-php .entry br, body.page-template-pics-php .entry br {display:none;}

/* full screen background image styles
-----------------------------------------------------------------*/
#supersized{
    position:fixed;
	top:0px;
	left:0px;
}
#supersized img{ -ms-interpolation-mode: bicubic; }
#supersized img, #supersized a{
    height:100%;
    width:100%;
    position:absolute;
    z-index: -1;
}

#supersized .prevslide, #supersized .prevslide img{
    z-index: 1;
}
#supersized .activeslide, #supersized .activeslide img{
    z-index: 2;
}

body.mobile {background:#fff;}
body.mobile #page {padding-bottom:200px;}
body.mobile #supersized img {display:none;}