/*
Theme Name: CDS Twelve
Theme URI: http://copterdesign.com
Description: Copter Design Studio Twelve theme (Based on Starkers and Twenty Ten)
Version: 0.12
Author: Copter Design
Author URI: http://copterdesign.com
Tags: CDS Twelve
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
/*
Standard
@font-face {
    font-family: "CJDunnProprietary";
    src: url('fonts/CJDunn_Proprietary.eot');
    src: url('fonts/CJDunn_Proprietary.eot?#iefix') format('embedded-opentype'),
         url('fonts/CJDunn_Proprietary.woff') format('woff'),
         url('fonts/CJDunn_Proprietary.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

} */
/*
 SPIFY
@font-face {
    font-family: "CJDunnProprietary";
    src: url('fonts/spify_eot.php');
    src: url('fonts/spify_eot.php?#iefix') format('embedded-opentype'),
         url('fonts/spify_woff.php') format('woff'),
         url('fonts/spify_ttf.php') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.loadfont{
	  font-family: "CJDunnProprietary";
}
*/

/*Proprietary Webfont OFF */

@font-face {
    font-family: 'cjdunnproprietary';
    src: url('type/cjdunnproprietary-book-webfont.eot');
    src: url('type/cjdunnproprietary-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/cjdunnproprietary-book-webfont.woff') format('woff'),
         url('type/cjdunnproprietary-book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

} 


/* CSS Document */

h1, p, body, html {
	margin:0;
	padding:0;}

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222222;
  background: #ffffff;

font-family: Georgia, Times, "Times New Roman", serif;   




}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #222222; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; line-height: 1; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */
.entry      {line-height: 1.6em;
}

p           { margin: 0 0 1.5em 0; 	
              line-height: 1.5em; /* was 1.6em*/
}

/* 
	These can be used to pull an image at the start of a paragraph, so 
	that the text flows around it (usage: <p><img class="left">Text</p>) 
 */
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus,
a:hover     { color: #ACD68F;}
a           { color: #222222; text-decoration: none;
	
				
				transition: color .3s ease-in-out;
				-moz-transition: color .3s ease-in-out;
				-webkit-transition: color .3s ease-in-out;
	
	}

#access .current_page_item a {
		border-bottom: 1px solid #838974 ; 
				}
/* bottom border for links */				
#access .current_page_item a, #slides a {
						border-bottom: 1px solid #838974 ; 
								}
/* no bottom border for these links*/
#slides .prev-next a, #slides .post-thumbnail a, #slides a img {
						border-bottom: 0px solid #838974; 
								}

/*needed to removed underline for images that are links*/
#slides a img {
display: block;
}

/*#slides .post-thumbnail H3 a {
						border-bottom: 1px solid #838974 ; 
								} */


blockquote  { margin: 1.5em; color: #666; font-style: italic; }

strong,dfn	{ font-weight: regular; }
/*strong,dfn	{ font-weight: bold; } disabled bold for now to avoid overuse*/

em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* General 
-------------------------------------------------------------- */

.marginright {
	margin-right: 35px;
	}

.marginleft {
		margin-left: 35px;
		}

.marginbottom {
			margin-bottom: 15px;
			}



.floatleft {
				float: left;
				} 
				

	.clear {
			line-height: 0px;
			clear: both;
			font-size: 0px;
			margin: 0px;
			padding: 0px;
			height: 0px;
		}


	.hidden {
			display: none;
		}

/*.onecolumn {
	width: 92px;
	float: left;
	} */

.twocolumn {
	width: 219px;
	float: left;
	}

/*.threecolumn {
	width: 346px;
	float: left;
	}*/
	
.fourcolumn {
		width: 473px;
		float: left;
		}
		
.fivecolumn {
		width: 600px;
		float: left;
		}
		
.sixcolumn {
				width: 727px;
				float: left;
				}
				
	
hr.sevencolumn {
		/*background-image: url(./images/hr-860.gif);*/
		margin-top: 10px;
		margin-bottom: 10px;
 /* border-bottom:1px solid; automatically has 1px border top & bottom */
		}
	

	
	
	
	


/* Start: clockwise top right bottom left*/
body {
	background: #5c6460;
}

#wrapper {
	min-height:100%;
	position:relative;
	margin: 0px 20px 0px 20px;	
}

/*added for white BG, can't figure out why there's a gap below header / above content??? */
#container {
	background: #ffffff;
	/*subtracted 50 on each side for padding, was 964*/
	max-width: 854px;

	/* large screen option
		max-width: 954px;*/
	margin: 20px auto 40px auto;
	/* was padding: 15px 50px 0px 50px;	*/
	padding: 15px 50px 0px 50px;
	
}


#header {
	margin: 0px auto 0px auto;
/* was 330
	min-width: 310px; */
/*	border-bottom:1px solid; */
			/*margin-bottom: 10px; */
}

#content {
	margin: 0px auto 0px auto;
	top: 0;
	bottom: 0;
}

#footer {
	padding: 4px 0 150px 0;
}

#slides, #site-info {
	/* was 254 */
	margin-left: 254px;
}

#slides p {
/*max-width:473px ;*/
}

#slides.single p {
	font-size: 13px;

font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Helvetica, sans-serif;

	font-family: "cjdunnproprietary", 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Helvetica, sans-serif; 

}

#slides img {
	max-width: 100%;
	height: auto;
}


.wp-post-image {
	max-width: 100%;
	height: auto;
		}



/* header 
--------------------------------------------------------------*/

div#header-image {
		background-image: url(./images/headers/cds_header.png);
		background-repeat: no-repeat;
		width: 155px;
		height: 88px;
		min-width: 155px;
		min-height: 88px;
				}

/*retina screens*/
@media screen 
and (-webkit-min-device-pixel-ratio: 2) {
	div#header-image { background: url(./images/headers/cds_header.svg); background-size: 155px auto; */}
}	

/*iPad non-retina*/							
@media only screen and (device-width: 768px) and (device-height: 1024px) {
				   div#header-image { background: url(./images/headers/cds_header.svg); /*background-size: 155px auto;*/ background-size: 100%; }
				}


#access {
		
			margin: -10px 0 0 0;
			padding: 0;
			line-height: 1em;
			font-size: 12px;
			/*color: #000000;*/
		    text-align: right;
		}
		
#access * {
		  display: inline;
		}

#access a {
		    display: inline-block;
		    white-space: nowrap;
			font-weight: bold;
		}
		
#access ul.children a {
			font-weight: normal; 
						}
						
#access ul ul li {
    margin-left:2px;
						}

#access img {
		    display: inline-block;
		    margin: 0;
		    padding: 0;
		    position: relative;
		    width: 100%;
		    border: none;
		    height: 0px;
		    color: transparent;
		    background-color: transparent;
		}

#access ul li {
		    margin-left:12px;
		}

#access ul li:first-child {
		    margin-left:2px;
		}

#access ul {
		    padding-left:0px;
			margin-right:0px;
		}



/*sidebar
--------------------------------------------------------------*/

.aside {
		width: 219px;
				}

.aside .menu  {
		line-height: 1.2em;
		font-size: 36px;
		font-weight:bold; 
		}
		
.aside .menu .current_page_item a {
 			background: #838974;
			color: #ffffff;
						}
					
/* large screen version 
.aside .menu {
		width: 219px;
		line-height: 1.1em;
		font-size: 50px;
		} */
		
		
.aside ul {
 		padding-left: 0em;
				}
				
.aside .category {
		font-size: 14px;
		line-height: 1.4em;
		font-family: "cjdunnproprietary", 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Helvetica, sans-serif; 

/* Uppercase 
text-transform:uppercase; */

				}
				
/* pen nib bullets 

.aside ul li:before {
			content: "\2712";
					} */
				

						
.title	{
				font-size: 28px;
				/* line-height was 31px */
				line-height: 1.2em;
				padding: 0px 5px 5px 0px;
				font-weight:bold;
				text-transform: none;
				margin: 0 0 5px 0px;
				text-decoration: none;
				background: #838974;
				color: #ffffff;
			}
		
/* redundant?	.postmeta.title {
	 			background: #838974;
				color: #ffffff;
							} */
							
/* for News/ Category Archive posts */
	.post-title {
	font-size:24px;
	margin-top:2px;
	margin-bottom:50px;
	font-style: italic;

	}
		
		
				
#slides.single .title  {
						display: none; 
						}
				
#slides.page-content .title  {
							display: none; 
							}			








.floatleft  {
			float: left;
	}

.floatright  {
			float: right;
		}
		
/* padding for images was 5 5 5 0*/
#content img {
			padding: 10px 5px 0px 0px;
			border: 0;
		}*/

#category  {
					font-size: 16px;
				}

/* previous page, next page*/ 
				
.prev {
	float: left;
	text-align: left;	
	
}

.prev-post {
	
}

.prev .arrow {
	float: left;
	margin-left:-13px;
}

.single #slides .arrow a {
	border-bottom: 0px;
}

.next {
	float: right;
	text-align: right;	
	
}

#bottom .prev, #bottom .next {	
	width: 100px;
	}

.next .arrow {
	float: right;
	margin-right:-13px;
	
}

.next-post {
}

#bottom.prev-next {
	border-top:1px solid;
	margin-bottom:5px;
		padding-top:5px;
	margin-top:50px;
}

/* not working so it's invisible for now, remove arrows at top?*/
#top.prev-next {
display: none;
}



/* page 
--------------------------------------------------------------*/

.page-content p {
max-width:473px ;
font-size: 14px;
line-height: 1.5em;

font-family: "cjdunnproprietary", 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Helvetica, sans-serif; 

}



.page-content {
padding-top: 20px;
}



.post-thumbnail:hover a { 
	color: #ACD68F;
	
}

/* work */



.workhead {
	font-size: 20px;
	line-height: 20px;
	color: #ACD68F;
}

.subhead {
	font-size: 11px;
	line-height: 1.1em;
}

#content .nopadding img  {
	padding: 0 0px 0px 0px;
	border: 0;
}




#site-info {

 font-style: italic;
}