/* 

Theme Name: Clara Ganey Photography
Theme URL: http://claraganey.com

Description: A multiple columns, page templated, gray, white and black professional photography portfolio theme.

Author: Joshua Lynch

Author URI: http://joshualyn.ch

Version: 1


/*================================================


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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 400;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body  {
	line-height: 1;
	color: #000;
	background: #FFF;
}

ol,ul  {
	list-style: none;
}

th,td  {
	text-align: left;
	font-weight: 400;
}


sub  {
	vertical-align: sub;
}


sup  {
	vertical-align: super;
}

/*================================================

--------------------------------------------------

1. Structure

2. Header

3. Sidebar

4. Content

5. Comments (when not handled by IntenseDebate)

6. Footer

7. Homepage


================================================*/
/* tags */

a  {
	color: #387348;
	text-decoration: none;
}

ol li, 
ul li  {
	padding-bottom: 2px;
	list-style: none;
}


a:hover  {
	color: #2a2a2a;
}


a img  {
	border: 0 none;
}


.clr  {
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
	display: block;
}


.button a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-decoration: none;
	padding: 5px 10px;
	background: #387348;
	color: #FFF;
	font-weight: 700;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: right;
	clear: both;
	border: none;
}


.button a:hover  {
	background: #2a2a2a;
	color: #FFF;
	text-decoration: none;
}

/*================================================

1. Structure

================================================*/

body  {
	margin: 0;
	padding: 0;
	background: #ECEAE8 url(images/bg.png) 50% 0%;
	font-size: 87.5%;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	border-bottom: 7px solid #2A2A2A;
	width: 100%;
}

/*contains ccontainer, sidebar and footer*/

#container  {
	width: 960px;
	margin: 0 auto;
	position: relative;
}


#header  {
	margin-bottom: 50px;
	height: 80px;
	background: none;
	position: relative;
}

/* contains content + sidebar */

#ccontainer  {
	background: #fff;
	-moz-box-shadow: 5px 2px 5px #cae1db;
    -webkit-box-shadow: 5px 2px 5px #cae1db;
    box-shadow: 5px 2px 5px #cae1db;
}


#sidebar  {
	width: 180px;
	padding: 20px 20px 30px 20px;
	float: left;
	position: relative;
	background: #f6f4f2;
	-moz-box-shadow: 2px 1px 2px #eceae8;
    -webkit-box-shadow: 2px 1px 2px #eceae8;
    box-shadow: 2px 1px 2px #eceae8;
	margin: 30px 0;
}

#widepage .content {
	width: 940px;
	padding: 10px;
	position: relative;
	margin-bottom: 30px;
	float:left;
}

#homepage .content {
	width: 960px;
	padding: 0;
	position: relative;
	margin-bottom: 30px;
	float:left;
}

.content  {
	width: 680px;
	padding: 10px;
	float: right;
	position: relative;
	margin-bottom: 30px;
}

#footer  {
	background: none;
	position: relative;
	margin-bottom: 50px;
	height: 90px;
}

/*================================================

2. Header

================================================*/

/* ----		Pre-Header Search Area		---- */

#pre-header {
border-top: 7px solid #2A2A2A;
width: 100%;
margin-bottom: 20px;
}

	
#blogtitle {
	padding: 0;
	float: left;
	margin-top: 25px;
	z-index: 500000;
	width: 400px;
	height: 69px;
	background: url(images/headerlogo.png) no-repeat;
}

#blogtitle a {
	display: block;
	text-decoration: none;
	height: 0;
	width: 400px;
	position: absolute;
	margin: 0;
	padding: 69px 0 0;
	text-indent: -5000em;
	overflow: hidden;
}

#blogdescrip  {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: 110px;
}

/* navigation */

#nav  {
	padding: 10px 0;
	width: 500px;
	float: right;
	margin-top: 35px;
}

#nav ul  {
	list-style: none;
	margin-left: 10px;
}


#nav ul li a  {
	color: #fff;
	margin-right: 10px;
	font-family: 'Crushed', Georgia, serif;
	padding: 10px;
	letter-spacing: .1em;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #2a2a2a;
	text-decoration: none;
	height: 40px;
	font-weight: 900;
}

#nav ul li a:hover,#nav ul li a:active {
	background: #2a2a2a;
	color: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


#nav li  {
	float: left;
	list-style: none;
}

#nav a:hover,#nav a:active,.current_page_item a,#home .on  {
}


#nav li ul  {
	position: absolute;
	left: -999em;
	top: 36px;
	height: auto;
	width: 140px;
	z-index: 50000;
	padding: 0;
}


#nav li li  {
	width: 140px;
	background-color: #262a31;
	padding-bottom: 10px;
	padding-left: 10px;
}


#nav ul .children  {
	position: inherit;
}


#nav ul li ul li ul li  {
	width: 125px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 0;
}

#nav li li a,#nav li li a:visited  {
	font-weight: 400;
	font-size: .9em;
	color: #FFF;
}

#nav li li a:hover,#nav li li a:active  {
	text-decoration: underline;
	border: none;
}


#nav li:hover ul  {
	left: auto;
}


a.main:hover  {
	background: none;
}

/* Page name banner */

#banner {
	width: 960px;
	height: 90px;
	background: white url(images/stripe-bg.jpg) no-repeat;
}

#banner h2.pagetitle {
	font-family: 'Crushed', Georgia, serif;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2.6em;
	padding-top: 25px;
}

/*================================================

3. Sidebar

================================================*/

#sidebar ul li  {
	padding-bottom: 2px;
}


h2.widgettitle {
	font-family: 'Crushed', Georgia, serif;
	font-size: 1.29em;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin: 0;
}

#sidebar a.more-link  {
	font-size: 1.1em;
	font-family: 'Crushed', Georgia, serif;
	text-decoration: none;
	color: #2a2a2a;
	font-weight: normal;
	float: right;
	margin-top: 10px;
	padding-left: 15px;
}
#sidebar a:hover.more-link  {
	padding-left: 15px;
	background: url(images/listitems.png) no-repeat;
	background-position: 0 2px;
	margin-top: 10px;
}	


#sidebar ul li ul {
	border-top: 1px solid #CDCED0;
	border-bottom: 1px solid #fff;
}

#sidebar li li  {
	list-style-position: inside;
	margin: 0;
	list-style-type: none;
	padding: 5px 0 5px 15px;
	border-bottom:1px solid #cdced0;
	border-top:1px solid #fff;
	font-size: .93em;
}

#sidebar li li a {
	display:block;
}

#sidebar li  {
	padding: 0;
	list-style-type: none;
	margin: 0 auto 40px;
}


#sidebar p  {
	font-size: .93em;
	margin-bottom: 3px;
	line-height:1.2;
}

/*================================================

4. Content area

================================================*/

#breadcrumbs  {
	position: relative;
	margin-bottom: 30px;
}

#breadcrumbs li  {
	list-style-type: none;
	display: inline;
	font-size: .79em;
	color: #cdced0;
	font-style: italic;
}

#breadcrumbs li a {
	color: #cdced0;
	font-style: italic;
}

#breadcrumbs li a:hover {
	text-decoration: underline;
}

#breadcrumbs li:after  {
	content: "  > ";
}


#breadcrumbs li:last-child:after  {
	content: "";
}

/*Next and previous entries link at bottom of content area*/

.postnavigation p a  {
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
}

/* normal entry styles */
h2,h3,h4,h5,h6  {
	margin-bottom: 15px;
	font-family: Helvetica, Arial, sans-serif;
}


h3  {
	font-size: 1.5em;
	margin-top: 20px;
}


h4  {
	font-size: 1.4em;
	margin-top: 15px;
	font-family: 'Crushed', Georgia, serif;
}


h4 a  {
	border: none;
	text-decoration: none;
	color: #2a2a2a;
}


h4 a:hover  {
	text-decoration: underline;
}

h5  {
	font-size: 1.2em;
}


h6  {
	font-size: .86em;
}


.content .featured  {
	border: 1px dotted #f0efed;
	padding: 10px;
	margin-bottom: 30px;
}


.content .featured .post  {
	margin: 0;
}


.content .post  {
	margin-bottom: 40px;
	border-bottom: 1px solid #f6f4f2;
}

h2.title {
	margin-bottom: 5px;
	font-size: 1.8em;
}

h2.title a  {
	color: #387348;
}


h2.title a:hover  {
	color: #2a2a2a;
	text-decoration: none;
}


.postmeta  {
	margin-bottom: 15px;
}


.postmeta ul  {
	display: inline;
}


.content .post .postmeta li  {
	color: #2a2a2a;
	margin-right: 20px;
	display: inline;
	font-size: 1.1em;
	font-family: 'Crushed', Georgia, serif;
	list-style-type: none;
}


.content .post .postmeta li a  {
	color: #2a2a2a;
	display: inline;
}


.content .post .postmeta li a:hover  {
	text-decoration: underline;
}


.content .post .body  {
	font-size: .89em;
	line-height: 1.4;
}


.content .post .alert  {
	background: #ffffe0;
	border: 1px #e6db55 solid;
	padding: 10px 5px;
	margin-bottom: 20px;
}


.content .post .body .thumbnail img  {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border: 2px solid #ceced0;
	clear: both;
}


.content .post .body a  {
	font-weight: bold;
}

.content .post .body p  {
	margin-bottom: 10px;
}

.content .post .body strong,.content .post .body strong em  {
	font-weight: 700;
}

.content .post .body em,.content .post .body em strong  {
	font-style: italic;
}


.content .post .body blockquote  {
	margin: 0 0 0 -5px;
	padding: 5px 20px 10px 70px;
	background: #f6f4f2 url(images/blockquote.png) no-repeat;
	clear: both;
}


.content .post .body .leftpullquote  {
	padding: 5px 5px 10px 65px;
	background: url(images/blockquote.png) no-repeat;
	border-bottom: 5px solid #9e9ea0;
	float: left;
	width: 200px;
	font-size: 1.2em;
	color: #262a31;
	font-weight: 700;
	margin: 10px 10px 10px 0;
}


.content .post .body .rightpullquote  {
	padding: 5px 5px 10px 65px;
	background: url(images/blockquote.png) no-repeat;
	border-bottom: 5px solid #9e9ea0;
	float: right;
	width: 200px;
	font-size: 1.2em;
	color: #262a31;
	font-weight: 700;
	margin: 10px 0 10px 10px;
}


code  {
	color: #386b9e;
	font-family: "Courier New", Courier, monospace;
}


pre  {
	padding: 10px;
	background: #ceced0;
	font-family: "Courier New", Courier, monospace;
	margin-bottom: 20px;
}

.content .post .body ul {
	margin: 0 0 10px 40px;
	list-style-type: disc;
}

.content .post .body ol {
	list-style: decimal outside none;
	margin: 0 0 10px 55px;
}

.content .post .body ol li {
	list-style-type: decimal;
}


.content .post .body ul a  {
	text-decoration: none;
	border-bottom: none;
}

.content .post .body ul li {
	list-style-type: none;
	padding-left: 15px;
	background: url(images/listitems.png) no-repeat;
	background-position: 0 2px;
}

#pricing-table {
	margin: 0 auto;
}

.content .post .body  #pricing-table ul li {
	background: none;
}
 
.content .post a.more-link  {
	font-size: 1.1em;
	font-family: 'Crushed', Georgia, serif;
	text-decoration: none;
	color: #2a2a2a;
	font-weight: normal;
	float: right;
}

.content .post a:hover.more-link  {
	padding-left: 15px;
	background: url(images/listitems.png) no-repeat;
	background-position: 0 2px;
}	

/* Captions */

.wp-caption  {
	text-align: center;
	background-color: #eceae8;
	padding-top: 4px;
	margin: 10px 10px 5px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


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


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


.wp-caption p.wp-caption-text  {
	font-size: .79em;
	line-height: 1.2;
	padding: 5px 4px;
	margin: 0;
}

/*WordPress image alignment */

img.aligncenter  {
	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;
}

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


.content .post h4.tags  {
	padding-bottom: 10px;
	border-bottom: 1px solid #9e9ea0;
	font-size: .86em;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}


.content .post h4.cat  {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: .86em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.content .post h4.cat a,
.content .post h4.tags a {
	font-weight: bold;
	color: #387348;
}

.content .post h4.cat a:hover,
.content .post h4.tags a:hover {
	text-decoration: none;
	color: #2a2a2a;
}

#individual .content .post  {
	margin-bottom: 10px;
}


.content #prevlink h5 {
	float: left;
	font-family: Helvetica, Arial, sans-serif;
}


.content #nextlink h5 {
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 25px;
}


.content .post ul.cat li a  {
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: .71em;
	color: #bdbdbd;
	display: inline;
	margin-right: 15px;
}


.content .post ul.cat li a:hover  {
	font-size: .79em;
}

/*================================================


5. Comments


================================================*/

#comments  {
	margin: 30px 0;
}

#comments h4 {
	margin-bottom: 10px;
}


#comments .comments_meta  {
	font-size: .93em;
	font-weight: 700;
	margin-bottom: 10px;
	padding-top: 5px;
	border-top: solid 1px #cdced0;
}


#comments .comment_text  {
	padding: 10px 0;
	font-size: .9em;
}


#comments .comment_text p  {
	margin-bottom: 10px;
}

#message {
	width: 82%;
}

#submit input,
#send {
	position:relative;
	left: 520px;
	top: 10px;
	border: none;
	background: #387348;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.comments_reply h4 {
	font-family: Helvetica, Arial, sans-serif;
	color: #387348;
}

.comments_reply ul li  {
	margin: 5px 0;
}

/*================================================


6. Footer


================================================*/

/* copyright */

#footer .credits {
	float: left;
	width: 626px;
}

#footer .credits h3,
#footer .credits address  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .71em;
	margin: 10px;
}


#footer .credits h3 a  {
	font-weight: bold;
	text-decoration: none;
}

#iconli {
	float: right;
	background: url(images/linkedin.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 10px;
	padding: 0;
}	

#icontwit  {
	float: right;
	background: url(images/twitter.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 10px;
	padding: 0;
}

#iconrss  {
	float: right;
	background: url(images/rss.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 10px;
	padding: 0;
}


#iconli a, 
#iconrss a, 
#icontwit a  {
	height: 0;
	margin: 0;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	padding: 50px 0 0;
}


/* Let's remove that Wordpress Stats Smiley Face */

img#wpstats  {
	display: none;
}

/*================================================

7. Homepage

================================================*/

.lof-container {
	margin-bottom: 40px;
}

#aside-left {
	float: left;
	margin-bottom: 20px;
	width: 580px;
	padding-left: 10px;
}

#aside-left h2.widgettitle,
#aside-right h2.widgettitle {
	font-family: 'Crushed', Georgia, serif;
	font-size: 1.43em;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 5px solid #ceced0;
	margin-bottom: 15px;
}

#aside-right {
	float: right;
	width: 300px;
	margin-bottom: 20px;
	padding-right: 10px;
}

#aside-left p {
	font-size: 1.43em;
	margin-bottom: 20px;
	color: #9e9ea0;
	font-style: italic;
}

#aside-right ul li {
	font-size: 1.14em;
	list-style-type: none;
	padding-left: 15px;
	background: url(images/listitems.png) no-repeat;
	background-position: 0 2px;
}

#aside-left a img {
	float: left;
	margin: 0 5px 5px 0;
}

#aside-left a.more-link,
#aside-right a.more-link {
	font-family: 'Crushed', Georgia, serif;
	color: #2a2a2a;
	font-size: 15px;
	float: right;
}	

#aside-left a:hover.more-link,
#aside-right a:hover.more-link {
	padding-left: 15px;
	background: url(images/listitems.png) no-repeat;
	background-position: 0 2px;
}

/*================================================
7. Portfolio page
================================================*/

#portfolio ul {
	margin: 0;
	padding: 0;
}

/* The wider the #list_wrapper is, the more columns will fit in it */

#listwrapper  {
	width: 680px;
}

/* The wider this li is, the fewer columns there will be */

#portfolio ul li  {
	float: left;
	list-style: none;
	width: 200px;
	height: 150px;
	margin: 0 25px 0 0;
}

#portfolio ul li a img {
	-moz-box-shadow: 2px 2px 2px #ceced0;
    -webkit-box-shadow: 2px 2px 2px #ceced0;
    box-shadow: 2px 2px 2px #ceced0;
}

#portfolio ul li a p {
	font-size: .93em;
	margin-bottom: 3px;
	line-height:1.2;
}

#portfolio ul li.left a h2,
#portfolio ul li.left a p {
	position: relative;
	bottom: 118px;
	right: 249px;
	width: 180px;
	color: #F6F4F2;
	-webkit-transition: color 1s ease-in; 
    -o-transition: color 1s ease-in; 
	-moz-transition: color 1s ease-in;
	transition: color 1s ease-in;
}

#portfolio ul li.left a:hover h2,
#portfolio ul li.left a:hover p {
	display: block;
	position: relative;
	bottom: 118px;
	right: 249px;
	z-index: 5000;
	width: 180px;
	color: #2a2a2a;
}


#portfolio ul li.middle h2,
#portfolio ul li.middle p {
	position: relative;
	bottom: 118px;
	right: 474px;
	width: 180px;
	color: #F6F4F2;
	-webkit-transition: color 1s ease-in; 
    -o-transition: color 1s ease-in;
	-moz-transition: color 1s ease-in;
	transition: color 1s ease-in; 
}


#portfolio ul li.middle a:hover h2,
#portfolio ul li.middle a:hover p {
	display: block;
	position: relative;
	bottom: 118px;
	right: 474px;
	z-index: 5000;
	width: 180px;
	color: #2a2a2a;
}

#portfolio ul li.right h2,
#portfolio ul li.right p {
	position: relative;
	bottom: 118px;
	right: 699px;
	width: 180px;
	color: #F6F4F2;
	-webkit-transition: color 1s ease-in; 
    -o-transition: color 1s ease-in;
	-moz-transition: color 1s ease-in;
	transition: color 1s ease-in; 
}

#portfolio ul li.right a:hover h2,
#portfolio ul li.right a:hover p {
	display: block;
	position: relative;
	bottom: 118px;
	right: 699px;
	z-index: 5000;
	width: 180px;
	color: #2a2a2a;
}

#sidebar-portfolio  {
	width: 180px;
	height: 300px;
	padding: 20px 20px 30px 20px;
	float: left;
	position: relative;
	background: #f6f4f2;
	-moz-box-shadow: 2px 1px 2px #eceae8;
    -webkit-box-shadow: 2px 1px 2px #eceae8;
    box-shadow: 2px 1px 2px #eceae8;
	margin: 30px 0;
}


/*================================================
7. Portfolio Slideshows
================================================*/

.galobj-ad-gallery .galobj-ad-controls  {
	display: none !important;
}

.galobj-ad-gallery .galobj-ad-thumbs li a img {
              border: 3px solid #ceced0 !important;
              display: block;
}			  
            
.galobj-ad-gallery .galobj-ad-thumbs li a.galobj-ad-active img {
              border: 3px solid #9e9ea0 !important;
}

.galobj-ad-gallery .galobj-ad-image-wrapper .galobj-ad-image .galobj-ad-image-description span {
	font-weight: bold; !important
}