/*
Theme Name: Devine Photography
Description: Photography Portfolio Site
Version: 1.0
Author: BinaryM Inc., Matt Seymour

*/


/*----------------------------------------------
  BROWSER RESET, BODY, CONTAINER
  ----------------------------------------------*/

/* @group 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display:none;
}
/* @end */

/* @group GLOBALS */

body {
	line-height: 1;
	font-family: arial, helvetica, sans-serif;
	font-size: 76%;
	color: #999;
	background-color: #000;
}
body.home {
	background: #000 url(images/index-bg.jpg) no-repeat center top;
}
body.interior {	
	background: #000 url(images/interior-body-bg.jpg) no-repeat center top;
}

/* @end */	

/* @group IDs */

#container {
    width: 960px;
    margin: 0 auto;
}
/* @end */	

/* @group TYPOGRAPHY */
	
a:link {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF; 
}
a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF; 
}
a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #FFFFFF; }
	
h1 {
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: .055em; }
	
h2 { /* posts */
	font-size: 32px;
	text-decoration: none;
	margin: 5px 0 16px 0;
	/*line-height: 36px;*/
	color: #ccc;
	font-weight:bold; 
}

h3,
h3 a,
h3 a:visited {
	font-size: 24px;
	margin-bottom: 26px;
	font-weight: bold;
	color: #ccc; 	
}
h4 {
	font-size: 14px;
	margin-bottom: 21px;
	font-weight: bold;	
}
	
h5 {
	font-size: 1.0em;
	margin: 1.2em 0;
	font-weight: bold;	}
	
h6 {
	font-size: 0.8em;
	margin: 1.2em 0;
	font-weight: bold;	
}
img {
	border: 0;	}
p {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 21px;
}
	
strong, b {
	font-weight: bold;	}
	
.smalltext {
	font-size: .8em;
	color: #666; }
	
blockquote {
    margin:10px 30px;
    padding:0 10px;
    border-left:2px solid #ccc;
}

/* @end */


/*----------------------------------------------
  HEADER
  ----------------------------------------------*/	

#header {}
#header #logo a {
	display: block;
	height: 0px;
	width: 241px;
	padding-top: 90px;
	background: #000 url(images/header-logo.jpg) no-repeat 0px 0px;
	overflow: hidden;
}
#header #logo a:hover {
	background-position: 0px -90px;
}
#header-images {
	position: relative;
	height: 60px;
	float: right;
	margin: -82px 0 0 0;
}
#header-images ul {
	float: left;
	list-style-type: none;
}
#header-images ul.col-1 {}
#header-images ul.col-2 {
	margin: 0 4px;
}
#header-images ul.col-2 li {
	margin-bottom: 2px;
}
#header-images ul.col-3 li {
	margin-bottom: 2px;
}
#header-images ul.col-4 {
	margin-left: 4px;
}

/* MAIN NAV all interior pages */

#main-nav {

}
#main-nav li {
	float: left;
}
#main-nav {
	clear: right;
}
#main-nav ul {
	width: 960px;
	list-style: none;
}
.interior #main-nav ul li {
	margin-left: 11px;
}
#main-nav ul li ul {
    width:170px;
    margin:28px 0 0 -30px;
    border:1px solid #333;
}
#main-nav ul li ul li {
    margin:0;
}
#main-nav li a {
	display: block;
	margin-top: 25px;
	height: 0px;
	padding-top: 34px;
	background-image: url(images/main-nav-int.png);
	background-repeat: no-repeat;
	overflow: hidden;
}
#main-nav li ul li a,
#main-nav li ul li a:link {
    font-size:90%;
    margin:0;
    padding:4px 5px;
    height: auto;
    width:160px !important;
    background-image: none;
    background-color:#000;
    background-color:rgba(0,0,0,.8);
    color:#899d8a;
    border-bottom:1px solid #111;
    font-weight:bold;
    text-align:center;
}
#main-nav li ul li a:hover {
    text-decoration:none;
    background:#ccc;
    background:rgba(30,30,30,.8);
}

.interior #main-nav .page-item-3 a {
	width: 103px;
	background-position: 0px 0px;
}
.interior #main-nav .page-item-3 a:hover, .interior #main-nav .page-item-3.current_page_item a {
	background-position: 0px -34px;
}


.interior #main-nav .page-item-2 a {
	width: 74px;
	background-position: -103px 0px;
}
.interior #main-nav .page-item-2 a:hover, .interior #main-nav .page-item-2.current_page_item a {
	background-position: -103px -34px;
}


.interior #main-nav .page-item-4 a {
	width: 99px;
	background-position: -177px 0px;
}
.interior #main-nav .page-item-4 a:hover, .interior #main-nav .page-item-4.current_page_item a {
	background-position: -177px -34px;
}


.interior #main-nav .page-item-5 a {
	width: 92px;
	background-position: -276px 0px;
}
.interior #main-nav .page-item-5 a:hover, .interior #main-nav .page-item-5.current_page_item a {
	background-position: -276px -34px;
}


.interior #main-nav .page-item-6 a {
	width: 95px;
	background-position: -368px 0px;
}
.interior #main-nav .page-item-6 a:hover, .interior #main-nav .page-item-6.current_page_item a {
	background-position: -368px -34px;
}


.interior #main-nav .page-item-7 a {
	width: 83px;
	background-position: -463px 0px;
}
.interior #main-nav .page-item-7 a:hover, .interior #main-nav .page-item-7.current_page_item a {
	background-position: -463px -34px;
}


.interior #main-nav .page-item-8 a {
	width: 118px;
	background-position: -546px 0px;
}
.interior #main-nav .page-item-8 a:hover, .interior #main-nav .page-item-8.current_page_item a {
	background-position: -546px -34px;
}


.interior #main-nav .page-item-9 a {
	width: 93px;
	background-position: -664px 0px;
}
.interior #main-nav .page-item-9 a:hover, .interior #main-nav .page-item-9.current_page_item a {
	background-position: -664px -34px;
}


.interior #main-nav .page-item-10 a {
	width: 93px;
	background-position: -757px 0px;
}
.interior #main-nav .page-item-10 a:hover, .interior #main-nav .page-item-10.current_page_item a {
	background-position: -757px -34px;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}

.home .sf-menu li:hover ul,
.home .sf-menu li.sfHover ul {
	left:			-25px;
	top:			4.5em; /* match top ul list item height */
	z-index:		99;
}
.home .sf-menu li.page-item-4:hover ul,
.home .sf-menu li.page-item-4.sfHover ul {
	left:			-35px;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}



ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}



ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}



/*----------------------------------------------
  MAIN CONTENT
  ----------------------------------------------*/	

#content {
	padding: 0 20px 20px 0;
	margin-left: 200px;
	margin-top: 80px;
}
#content ol, #content ul, #content li {
	font-size: 14px;
	line-height: 21px; 	
}
#content ol, #content ul {
    margin:10px 10px 20px 40px;
}
#contentGallery {
	padding: 0 20px 20px 0;
	margin-top: 80px;
}
#contentGallery h2 {
    margin-left:60px;
}
#photoGallery, #photoGallery embed {
	width:100%;
	height:650px;
}

/*----------------------------------------------
  SIDEBAR
  ----------------------------------------------*/
  
#sidebar {
	float: left;
	width: 180px;
	margin-top: 28px;
	padding-left: 20px;
}
#sidebar ol, #sidebar ul, #sidebar li {
	font-size: 14px;
	line-height: 21px; 	}
	
#sidebar ol, #sidebar ul {
    margin-bottom: 21px;
}
#sidebar img {
    border:1px solid #666;
    padding:2px;
}


/*----------------------------------------------
  FOOTER
  ----------------------------------------------*/
	
/* @group FOOTER */

#footer {
	clear: both;
	background: url(images/footer-bg.jpg) no-repeat center top;
	color: #3f3f3f;
	height: 178px;
}
	
#footer a:link, #footer a:visited {
	color: #999; }
	
#footer p {
	margin-top: 10px;
	font-size: 10px;
	float: right;
}
p#binarym {
    float:left;
}
p#binarym a,
p#binarym a:hover {
    text-decoration:none;
}
/* @end */



/*----------------------------------------------
  GENERAL WP STYLES
  ----------------------------------------------*/
/* @group Wordpress */

.textwidget {
	margin-bottom:20px;
	margin-top:20px; }
                
.clear {
	clear: both; }
	
#tags {
    margin-bottom:35px; }
    
.alignright {
	float:right;
}
.alignleft {
	float:left;
}
.aligncenter {
	display:block;
	text-align:center;
}

img.alignright {
    margin:0 0 10px 10px;
    border:1px solid #666;
    padding:2px;
}
#footer img.alignright {
    margin:0;
    border:0;
    padding:0;
}
img.alignleft {
    margin:0 10px 10px 0;
    border:1px solid #666;
    padding:2px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 4px;
	-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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* @end */

/*----------------------------------------------
  SPLASH PAGE
  ----------------------------------------------*/

/* MAIN NAV all interior pages */

.home #main-nav {
	width: 960px;
	padding: 0;
}
.home #main-nav ul {
    list-style:none;
    width: 850px;
    margin: 0 auto;
}
.home #main-nav ul ul {
    width:auto;
}

.home #main-nav li a {
	display: block;
	height: 0px;
	margin-top: 0px;
	padding-top: 59px;
	background-image: url(images/main-nav.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}


.home #main-nav .page-item-3 a {
	width: 103px;
	background-position: 0px 0px;
}
.home #main-nav .page-item-3 a:hover, .home #main-nav .page-item-3.current_page_item a {
	background-position: 0px -59px;
}


.home #main-nav .page-item-2 a {
	width: 74px;
	background-position: -103px 0px;
}
.home #main-nav .page-item-2 a:hover {
	background-position: -103px -59px;
}


.home #main-nav .page-item-4 a {
	width: 99px;
	background-position: -177px 0px;
}
.home #main-nav .page-item-4 a:hover {
	background-position: -177px -59px;
}


.home #main-nav .page-item-5 a {
	width: 92px;
	background-position: -276px 0px;
}
.home #main-nav .page-item-5 a:hover {
	background-position: -276px -59px;
}


.home #main-nav .page-item-6 a {
	width: 95px;
	background-position: -368px 0px;
}
.home #main-nav .page-item-6 a:hover {
	background-position: -368px -59px;
}


.home #main-nav .page-item-7 a {
	width: 83px;
	background-position: -463px 0px;
}
.home #main-nav .page-item-7 a:hover {
	background-position: -463px -59px;
}


.home #main-nav .page-item-8 a {
	width: 118px;
	background-position: -546px 0px;
}
.home #main-nav .page-item-8 a:hover {
	background-position: -546px -59px;
}


.home #main-nav .page-item-9 a {
	width: 93px;
	background-position: -664px 0px;
}
.home #main-nav .page-item-9 a:hover {
	background-position: -664px -59px;
}


.home #main-nav .page-item-10 a {
	width: 93px;
	background-position: -757px 0px;
}
.home #main-nav .page-item-10 a:hover {
	background-position: -757px -59px;
}

/* SPLASH CONTENT */

.home #content {
	margin: 0px;
	padding: 0px;
}
#splash-logo {
	display: block;
	margin: 282px auto 0 auto;
	padding-left: 20px;
}
#tagline {
	display: block;
	margin: 42px auto 0 auto;
	padding-left: 20px;

}
#splash-images {
	padding-top: 96px;
	margin-left: 22px;
}
#splash-images ul {
    float: left;
    list-style: none;
    margin:0;
    padding:0;
}
#splash-images ul.col-1 {}
#splash-images ul.col-2 {
	margin: 0 8px;
}
#splash-images ul.col-2 li {
	margin-bottom: 2px;
}
#splash-images ul.col-3 li {
	margin-bottom: 2px;
	margin-right: 8px;

}
#splash-images ul.col-4 {
}
.home #footer {
	background: none;
	margin-top: 66px;
}

/* BLOG */

.post {
	width:100%;
	float:left;
    border-bottom:1px solid #333;
    margin-bottom:10px;
}

.postcomments {
    text-align:right;
}
.postmetadata {
	clear:both;
    color:#999;
    font-size:90%;
    background:#222;
    padding:4px 10px;
    margin:4px;
    border:1px dotted #333;
}
.postmetadata a {
    color:#999;
}
.navigation {
    float:left;
    width:100%;
    margin:10px 0;
}
.commentlist {
    list-style:none;
    margin:0;
    padding:0;
}
.comment-author {
    background:#111;
    border-bottom:1px solid #333;
    padding:4px;
    float:left;
    width:100%;
}
.comment-author a {
    font-weight:bold;
    text-decoration:none;
}
.bypostauthor .comment-author {
    background:#6eb43f;
    border-bottom:1px solid #333;
}


.comment-meta {
    font-size:80%;
    margin-left:5px;
}
.comment-meta a {
    text-decoration:none;
    color:#666;
}
.avatar {
    float:right;
    border:1px solid #999;
    padding:1px;
    margin:0 4px;
}
.comment p {
    margin:5px 15px;
}