/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
	
/* #containers / content areas
================================================== */
img {
	max-width: 100%;
}

.full-width-container {width: 100%; margin: 0 auto; }



.logo {margin:0 0 10px 0; height:100px; padding: 0px 0 0 0; background:#FFF}

.sidebar { 
position: fixed;
top: 0;
left: 0;
width: 350px;
height: 100%;
color: #FFF;	
box-shadow: inset -0.25em 0 0.25em 0 rgba(0,0,0,0.1);
text-align: right;
/* fallback */
background-color: #B58F50;
background: -webkit-linear-gradient(left top, #764A25, #B58F50); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, #764A25, #B58F50); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, #764A25, #B58F50); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right,#764A25, #B58F50); /* Standard syntax */
}

.header-row {background:#FFF;  position:fixed; height:105px; top:0;  z-index:1500; }
.header-row p { font-size: 22px; color:#444; padding-top: 38px; padding-left: 376px; margin-right: 20px; text-align:right; }

/*LEFT SIDEBAR ADDRESS BLOCK*/	

.address-block {margin-top: 80px; color:#FFF; padding-right:20px}
.address-block address {border-bottom: 1px dotted #8E6435; padding-bottom:10px; margin-bottom:10px} 
.address-block a {color:#FFF; text-decoration:underline}
.address-block a:hover {color:#FFF; text-decoration:none}
.address-block  p {margin-bottom:15px}

.disclaimer {border-top: 1px dotted #83894D; padding-top:10px; padding-bottom:40px}
.disclaimer a {color:#FFF;  text-decoration:underline}
.disclaimer a:hover {color:#FFF; text-decoration:none}



.content {margin-left: 350px}
.content {position: absolute;
		top: 105px;
		left: 0;
		height: 100%;}

.content .big-photo {padding-top: 550px; padding-bottom: 0px;background-position: center center fixed; background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; max-width: 890px; }

.main-content {max-width: 840px; padding: 20px 20px; }
.main-content-2 {max-width: 840px; padding: 8px 20px 20px 20px; }



/* #Site Styles
================================================== */

.bio-image {float:right; margin-left:30px}


/*LEFT SIDEBAR */	


/* #Accordion Sidebar Styles
================================================== */

#accordian {
	background: transparent;
	color: white;
	margin:0
}

/*heading styles*/
#accordian h3 {
font-size: 18px;
	padding: 4px 20px 4px 20px;
	cursor: pointer;
	background: transparent; 
	color:#FFF;
	margin-bottom:0;
	font-weight:400
}

#accordian h3 a {color:#FFF; text-decoration:none; font-size: 18px;}

#home h3.home {background:#7B4F28; color:#FFF}
#attorneys h3.attorneys {background:#7B4F28; color:#FFF}
#practice h3.practice {background:#7B4F28; color:#FFF}
#about h3.about {background:#7B4F28; color:#FFF}
#staff h3.staff {background:#7B4F28; color:#FFF}
#contact h3.contact {background:#7B4F28; color:#FFF}

/*heading hover effect*/
#accordian h3:hover {

	background: #7B4F28; 
	color:#FFF;
}

#accordian h3 a.active {
	background: #666; 
	color:#FFF;
}


/*list items*/
#accordian li {
	list-style-type: none;
	margin:0
}

/*list items*/
#accordian li a {
	text-decoration: none;
}



/*list items*/
#accordian ul li ul li {
	list-style-type: none;
	border-bottom:0
}

#accordian ul {

}

/*links*/
#accordian ul ul li a {
	color: #EEE;
	text-decoration: none;
	font-size: 15px;
	line-height: 27px;
	display: block;
	padding: 0 15px 0 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;

}
/*hover effect on links*/
#accordian ul ul li a:hover, #accordian ul ul li a:active {
	background: #FFF;
	border-left: 25px solid #444;
	color: #444;
}

/*hover effect on links*/
#accordian ul ul li a.selected {
	background: #FFF;
	border-left: 25px solid #444;
	color: #444; 
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
	margin: 10px 0 10px 20px
}
#accordian li.active ul {
	display: block;
	
}





nav.primary select {
	display: none;
	width:  100%;
	height: 36px;
	margin: 15px 0;
	background: #333;
	color:white
}


/* #Page Styles
================================================== */

.bio-contact-links {text-transform:uppercase; font-weight:400; font-size: 13px; border-bottom: 1px solid #EEE; padding-bottom: 10px; margin-bottom: 10px}

.bio-contact-links span {color: #000}

iframe, object, embed{max-width: 100%;}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

.header-row {line-height: 31px; margin-right: 0; text-align:center; padding-top: 30px; max-width: 959px}
}

/* TABLET PORTRAIT size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

body {background: #FFF}
.logo {text-align:center; background:#FFF}	
nav.primary select {display: block; }
.header-row {display: none;}
nav.primary select {display: block;}
nav.primary ul {display: none;}
.logo {text-align:center}
.address-block {text-align:center; padding-bottom: 30px; margin-top: 30px}
.header-row p { font-size: 22px; color:#444; padding-top: 38px; margin-right: 0; }
.content {position: relative; top: 0;}
.content .big-photo {padding-top: 400px; padding-bottom: 0px;background-position: center center fixed; background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; max-width: 700px; margin: 0 auto}
}

/* iPAD LANDSCAPE  */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { .header-row {text-align:center; width: 700px}}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

body {background: #FFF}
.logo {text-align:center; background:#FFF}	
.header-row {display: none;}
nav.primary select {display: block; }
nav.primary select {display: block;}
nav.primary ul {display: none;}
.address-block {text-align:center; padding-bottom: 30px; margin-top: 30px}

.header-row {line-height: 31px; margin-right: 0; text-align:center; padding-top: 30px}
.header-row p { font-size: 22px; color:#444; padding-top: 38px; margin-right: 0; }
.content {position: relative; top: 0;}
.content .big-photo {padding-top: 300px; padding-bottom: 0px;background-position: center center fixed; background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; max-width: 500px; margin: 0 auto}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

body {background: #FFF}

.logo {text-align:center}	
nav.primary select {display: block;}
nav.primary ul {display: none;}
.sidebar {padding-left:0px;}
.content {position: relative; top: 0;}
.header-row {width:290px;  }
.top-right {position: absolute; top: 0; margin:0 auto; z-index: 11;}
.address-block {text-align:center; padding-bottom: 0px; margin-top: 0px}
.header-row {line-height: 31px; margin-right: 0; text-align:center; padding-top: 30px}
.header-row p { font-size: 22px; color:#444; padding-top: 38px; margin-right: 0; }

.bio-image {float:none; margin-left:0; margin-bottom: 20px; text-align:center}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

body {background: #FFF}

nav.primary select {display: block;}
nav.primary ul {display: none;}
.sidebar {padding-left:0px;}
.content {position: relative; top: 0;}
.address-block {text-align:center; padding-bottom: 30px; margin-top: 30px}
.jumbotron {margin: 0 auto 0 auto;}
.header-row {line-height: 31px; margin-right: 0; text-align:center; padding-top: 30px}
.header-row p { font-size: 22px; color:#444; padding-top: 38px; margin-right: 0; }
.bio-image {float:none; margin-left:0; margin-bottom: 20px; text-align:center}
}



/* Tablet */
@media (max-width: 800px) {

	.sidebar {position: static; float: none; width: 100%; height: auto; }
	.content {margin: 0 auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;}
		

}