/*
Theme Name: CBP
Theme URI: http://ezrapendleton.net
Description: HTML 5 built 2012.
Version: 1.0
Author: Ezra Pendleton.
Author URI: http://ezrapendleton.net/
Tags: minimalist, html5

	CBP v1.0
	http://ezrapendleton.net

	From H5 template by Jeff Starr who blogs at perishablepress.com and designs at monzilla.biz
*/


/* == BASICS == */

header, footer, section, article, aside, nav {
	display: block;
	}
header {
	z-index: 9999;

}

body {
	margin: 2% 50px 0px 50px;
	width: 90%;
	}

nav+section {
	overflow: hidden;
	width: 600px;
	margin: 44px 30px 100px 40%;
	float: left;
	clear: both;
	font-family: 'FuturaOblique', Arial, Helvetica;
	overflow:auto;
	padding-bottom: -250px;
	min-height: 100%;
	}

@font-face {
    font-family: FuturaOblique;
    src: url('fonts/FuturaOblique.eot');
    src: url('fonts/FuturaOblique.ttf');
    src: url('fonts/FuturaOblique.otf');
    src: url('fonts/Futura-Light.eot');
    src: url('fonts/Futura_Light.ttf');
    src: url('fonts/Futura_Light.otf');
}
 
h2{
    font-family: FuturaOblique;
    font-size: 18pt;
}

h3{
    font-family: FuturaOblique;
    font-size: 10pt;
    color: #353535;
}

h4{
    font-family: FuturaOblique;
    font-size: 10pt;
    color: #5f5f5f;
}
fb2 {
    font-family: FuturaOblique;
    font-size: 8pt;
    color: #353535;
}

ch3{
    font-family: FuturaOblique;
    font-size: 12pt;
    color: #353535;
    font-weight: 1000;
    margin: 120px 0px 20px 0px;
    line-height: 36px;

}
as5{
	font-family: 'Futura-Light', Arial, Helvetica;
	font-size: 10pt;
    color: #353535;
    float: right;
    letter-spacing: 1px;
	margin: 0px 270px 0px 0px
}

as6 {
	font-family: 'Futura-Light', Arial, Helvetica;
	font-size: 8pt;
    color: #000;
    float: right;
    width: 500px;
    letter-spacing: 1px;
    line-height: 12px;
}

hpc {
    padding: 20px 0px 0px 175px;
}


/* == LINKS == */

a:link, a:visited {
	text-decoration: none;
	color: #141414;
	}
a:hover, a:active {
	text-decoration: none;
	color: #ce0000;
	}

/* == HEADER == */


body>header {
	width: 350px;
	margin: 10px 0px 50px 38px;
	position: absolute;
	}
	body>header h1 {
		margin: 0;
		position: absolute;
		display: none;
		}
		body>header h1 a:link, body>header h1 a:visited {
			text-decoration: none;
			color: #ddd;
			}
		body>header h1 a:hover, body>header h1 a:active {
			text-decoration: none;
			color: #fff;
			}

/* == POSTS == */

article[id*=post-] {
	margin: 75px 0px 180px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	font-size: 12px;
	line-height: 16px;
	width: 600px;
	}
	
article2[id*=post-] {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 5% 0px;
	clear: both;
	font-size: 12px;
	line-height: 16px;
	width: 600px;
	height:auto;	
	position: absolute;
	}

article>header {
display: none;
}
	
article>header p, {
display: none;
}
article>footer p {
	font-style: italic;
	display: none;
	}
article+nav {
	font-weight: bold;
	}
section {
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	min-height: 100%;
	}
section>h1 {
	padding-top: 10px;
	}
	
#contact {
	margin: 122px 0px 0px 0px;
	color: #141414;
	font-size: 14px;
	line-height: 24px;
}
#contact-text{
	margin: 20px 0px 0px 0px;
	color: #141414;
}

/* == NAVIGATION == */

nav {
	text-align: center;
	clear: both;
	}
body>nav {
	background: none;
	padding: 10px 0;
	}
	body>nav ul {
		text-align: left;
		margin: 0;
		}
		body>nav li {
			margin-right: 20px;
			font-weight: bold;
			display: inline;
			}


/* == SLIDESHOW == */

#slideshow {
margin: -125px 0px 0px 0px;
position:absolute;
}


/* == FANCYBOX == */

#inline1 {
width: 100%;
height: 100%;
padding: 20px 20px 30px 20px;
font-family: 'Futura-Light', Arial, Helvetica;
letter-spacing: 1px;
}
 
#fancybox{
display: none;
font-family: 'Futura-Light', Arial, Helvetica;
margin-left: 100px;
}


/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0px 15px 0px;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* == SIDEBAR == */

aside {
	font-family: 'Futura-Light', Arial, Helvetica;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 1px;
	line-height: 26px;
	margin: 85px 0px 0px 0px;
	overflow: hidden;
	width: 300px;
	float: left;
	clear: none;
	position: absolute;
	}
	aside li {
		list-style: none;
		}
		aside li ul li {
			list-style: disc outside;
			}		

/* == GALLERY SLIDER == */

.rsUni .rsFullscreenIcn {
    display: none !important;
}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background: #FFF !important;
    color: #FFF;
}
rsUni .rsArrowIcn {
    width: 0px;
    height: 0px;
}

/*
.rsUni .rsGCaption {
display: none !important;
}
*/

/* == FOOTER == */

.footer {
	font-family: 'FuturaOblique', Arial, Helvetica;
	font-size: 8px;
	letter-spacing: 1px;
	color: #838383;
	padding-top: 90px;
	padding-left: 42px;
	float: left;
	position: relative;
	}

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == ELEMENTS == */

/* a place for misc. styles */
@media screen {
      body {
 
      }
      
}

@media print {
      body {
          width: 100%;
                    height: 100%;

      }
}

@media all and (max-width: 480px) and (min-width: 320px) {
  body {
  width:80%;
          height: 100%;
          	margin: 0px 0px 0px 0px;
    background: #fff;
  }
  
  section {
  margin: 0% 0 0 35%;
  clear:both;
  float:left;
  }
  

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

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media screen and (min-width: 768px) and (max-width: 959px) {}

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

@media handheld, screen and (min-width: 340px) and (max-width: 479px) {
  body {
    background: #fff;
  }



}

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

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


	header, footer, section, article, aside, nav {
	display: inline-block;
	font-size: 100%;
	width: 100%;	
	}

aside {
    	margin: 475px 0px 0px -50% !important;
	clear: both !important;
	display: inline !important;
	}

	body {
	margin: 5% 30px 0px 10%;
	width: 50%;
	}
	
	#slideshow {
    	margin: -120px 0px 0px 0px;
    	position: absolute;
	text-align: center;
    	width: 100%;
	}


	#fancybox-wrap {
	position: relative;
	top: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
	}

	section {
    	margin: 0% 0 0 0;
    	clear: both;
    	float: left;
	}

	#dc_jqaccordion_widget-3-item ul ul a {
    	margin: -15px 0px -10px 100px;
    	padding: 0px 0px 10px 35px;
    	font-size: 15px !important;
    	color: #000;
	width: 100%;
	}

	.ngg-slideshow img {
	margin: auto;
	}

.royalSlider {
    margin: 0 -40px !important;
}

.rsUni.rsWithThumbsHor .rsThumbsContainer {
    position: relative;
    height: 100%;
    padding: 10px 0 0 0;
}
.rsUni .rsGCaption {
    position: absolute;
    float: none;
    bottom: 6px;
    left: 6px; 
    text-align: center !important;
    background: #FFF !important;
    color: #222 !important;
    padding: 2px 0px;
    width: 100%;
    font-size: 12px;
    border-radius: 2px;
    margin: 0px auto 0 auto !important;
}

}