/*  
Theme Name: SimpleFolio
Theme URI: http://www.slimmity.com/
Description: Portfolio Theme based off SimpleBlog Theme
Version: 1.5
Author: Omar Corrales
Author URI: http://www.omarcorrales.com
*/

/* Include Reset File */
@import url("reset.css");


body {
	font-size:17px;
	line-height:24px;
	color:#5e3f25;
	margin:0px;
	background: #dcd8c4 url(images/bkg.jpg) top center;
	font-family: "PT Serif", serif;
	overflow-x:hidden;
	}	
a:link,a:visited,a:active {
	color:#b03c14;
	text-decoration:none;
}
a:hover {
	color:#aa947e;
	text-decoration:none;
}

.buyNowBtn {text-align:center;}
.buyNowBtn a:link, .buyNowBtn a:visited, .buyNowBtn a:active  {background-color:#b03c14; color:#ffffff; padding:10px 30px 10px 30px; border-radius:30px;}
.buyNowBtn a:hover {background-color:#aa947e; text-decoration:none; color:#ffffff;}

ul {
	list-style:square;
	margin-left:20px;
}
ul li {
	padding-top:15px;
}
.clear {clear: both;}
textarea,input {color:#dcd8c4;}
strong { font-weight:800;}
em {font-style:italic;}
.orangeText {color:#b03c14;}
	
p img {padding: 0;max-width: 96%;}
img.centered,img.aligncenter {display: block;margin:0 auto;overflow:hidden;padding: 2%;}
img.alignright {padding: 1.5%;margin: 2px 0 2px 10px;display: inline;border:1px solid #cbc1ad;}
img.alignleft {padding: 1.5%;margin: 2px 10px 2px 0;display: inline;border:1px solid #cbc1ad;}
img.alignnone {}
.alignright {float: right;}
.alignleft {float: left}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #cbc1ad;}
.center {text-align: center;}
.hidden {display: none;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #967861;text-align: center;background-color: #dcd8c4;padding-top: 5px;margin: 10px; max-width: 96%;}
.wp-caption img {margin: 0;padding: 0;border: 0 none; max-width: 98%;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

	
#wrapper {
	width:96%;
	max-width:976px;
	margin:0px auto 0px auto;
}
.space {
	width:100%;
	height:0px;
	clear:both;
}
h1 {
	margin:5px 0px 15px 0px;
	font-size:43px;
	line-height:43px;
	font-family: "Geologica", sans-serif;
	text-transform:uppercase;
	color:#5e3f25;
}
h2 {
	margin-bottom:10px;
	font-size:36px;
	line-height:36px;
	font-family: "Geologica", sans-serif;
	color:#5e3f25;
}

h3 {
	font-size:32px;
	font-family: "Geologica", sans-serif;
	color:#5e3f25;
	line-height:32px;
	font-weight:700;
	text-transform:uppercase;
}
h4 {
	font-size:21px;
	font-family: "Geologica", sans-serif;
	color:#b03c14;
	line-height:26px;
	font-weight:700;
	margin-bottom:10px;
}
h5 {
	margin-bottom:15px;
	font-size:25px;
	line-height:30px;
	font-family: "PT Serif", serif;
	font-weight:800;
}
h6 {
	margin-bottom:5px;
	font-size:20px;
	line-height:24px;
	font-family: "Geologica", sans-serif;
}
h6 a:link,h6 a:visited,h6 a:active {
	color:#5e3f25;
	text-decoration:none;
}
h6 a:hover {
	color:#b03c14;
	text-decoration:none;
}
.italic {
	font-style:italic;
	font-weight:700;
}
p.introduction:first-letter {
    font-family: "PT Serif", serif;
    font-size: 50px;
    float: left;
	margin:10px 1px 0px 0px;
}
.doubleLine {
	width:960;
	height:44px;
	background: url(images/double_lines.png) center center repeat-x;
	background-size:10px 4px;
	clear:both;
	margin:0px 8px 0px 8px;
	text-align:center;
	padding-top:16px;
}	
.interiorTitle {
	margin-top:-18px;
	padding-bottom:10px;
	text-align:center;
}
.interiorTitle h1 {
	margin:0px 0px 0px 0px;
	font-size:32px;
	line-height:32px;
}

/* Header */


.tagline {
	text-align:center;
	font-size:16px;
	font-weight:700;
	color:#5e3f25;
	margin:45px 0px 7px 0px;
	letter-spacing:4px;
	line-height:17px;
}
.logo {
	text-align:center;
	font-size:65px;
	color:#b03c14;
	font-family: "Geologica", sans-serif;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
	line-height:60px;
}
.ribbon {	
	background: url(images/ribbon.png) top center no-repeat;
	background-size: 960px 31px;
	height:31px;
	margin:0px 8px 30px 8px;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	padding-top:1px;
	font-weight:400;
}
.ribbonSmall {
	display:none;
}
.content {
	margin:8px;
	background-color:#f7f5ed;
	border:1px solid #f7f5ed;
	filter: alpha(opacity=85);
	opacity: 0.85;
	padding:30px;
}
.content p {
	padding-bottom:15px;
}
.contentLeft {
	width:637px;
	padding-right:35px;
	float:left;
}



/* Navbar */


.col {
	width:226px;
	float:left;
	margin:8px;
	background-color:#f7f5ed;
	border:1px solid #f7f5ed;
	filter: alpha(opacity=85);
	opacity: 0.85;
	font-size:12px;
	padding:25px 0px 0px 0px;
	text-align:center;
	height:295px;
}
.col:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor:pointer;
}
.subTitle {
	font-size:12px;
	color:#b03c14;
	margin-bottom:5px;
	font-style:italic;
}
.title {
	font-size:26px;
	line-height:26px;
	color:#b03c14;
	font-family: "Geologica", sans-serif;
	font-style:normal;
}
.colPadding {
	padding:10px 20px 0px 20px;
	text-align:center;
	font-size:13px;
	line-height:16px;
	color:#5e3f25;
}
.colSmall {
	width:226px;
	float:left;
	margin:8px;
	background-color:#f7f5ed;
	border:1px solid #f7f5ed;
	filter: alpha(opacity=85);
	opacity: 0.85;
	font-size:12px;
	padding:25px 0px 0px 0px;
	text-align:center;
	height:195px;
}
.colSmall:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor:pointer;
}
.titleSmall {
	font-size:26px;
	line-height:26px;
	color:#b03c14;
	font-family: "Geologica", sans-serif;
	font-style:normal;
}


/* Icons */

.aboutIcon {
	height:195px;
	background: url(images/about_icon.png) center bottom no-repeat;
	background-size:120px 156px;	
}
.crimesSolvedIcon {
	height:190px;
	background: url(images/crimes_solved_icon.png) center bottom no-repeat;
	background-size:195px 96px;	
	margin-bottom:5px;
}
.storiesIcon {
	height:195px;
	background: url(images/stories_icon.png) center bottom no-repeat;
	background-size:180px 105px;	
}
.booksIcon {
	height:185px;
	background: url(images/books_icon.png) center bottom no-repeat;
	background-size:160px 136px;
	margin-bottom:10px;	
}
.needSolvingIcon {
	height:190px;
	background: url(images/solving_icon.png) center bottom no-repeat;
	background-size:140px 90px;	
	margin-bottom:5px;	
}
.sportsIcon {
	height:195px;
	background: url(images/sports_icon.png) center bottom no-repeat;
	background-size:180px 130px;	
}
.recoveriesIcon {
	height:185px;
	background: url(images/recoveries_icon.png) center bottom no-repeat;
	background-size:205px 117px;
	margin-bottom:10px;		
}
.televisionIcon {
	height:185px;
	background: url(images/television_icon.png) center bottom no-repeat;
	background-size:190px 105px;
	margin-bottom:10px;			
}
.xIcon {
	height:170px;
	background: url(images/x_icon.png) center bottom no-repeat;
	background-size:195px 136px;
}
.instagramIcon {
	height:170px;
	background: url(images/instagram_icon.png) center bottom no-repeat;
	background-size:180px 126px;
}
.imdbIcon {
	height:170px;
	background: url(images/imdb_icon.png) center bottom no-repeat;
	background-size:175px 133px;
}
.citizenDetectivesIcon {
	height:170px;
	background: url(images/citizen_detectives_icon.png) center bottom no-repeat;
	background-size:195px 102px;
}



/* Sidebar */


.sidebar {
	width:190px;
	float:right;
	font-size:13px;
	padding-left:35px;
	border-left:1px solid #967861;
	line-height:19px;
}
.sidebar .widget {
	margin-bottom:25px;
}
.sidebar .widget h3 {
	margin-bottom:7px;
	font-size:24px;
	line-height:29px;
	font-family: "PT Serif", serif;
	color:#5e3f25;
	font-weight:700;
}
.sidebar .widget ul {
	list-style:square;
	margin-left:20px;
}
.sidebar .widget ul li {
	padding-top:2px;
}	

#sidebarsearch input {
	width:110px;
	float:left;
	height:14px;
	color:#000000;
}
#sidebarsearch input[type=submit] {
	width:60px;
	float:left;
	margin-left:4px;
	padding:0px 0px 10px 0px!important;
	height:20px;
	color:#ffffff;
	line-height:18px;
	background-color:#b03c14;
	border:1px solid #b03c14;
}
#sidebarsearch input[type=submit]:hover {
	cursor:pointer;
}


/* Footer */	

					
.footer {
	font-size:14px;
	text-align:center;
	width:94%; 
	max-width:1100px;
	margin:0px auto 60px auto;
}
.footer img {
	width:100%;
	height:auto;
	opacity:0.7;
}
.footer a:link, .footer a:visited, .footer a:active {
	color:#5e3f25;
	text-decoration:none;
}
.footer a:hover {
	color:#967861;
	text-decoration:none;
}


/* Videos Page */

.videosPageLeft {
	float:left; 
	width:100%;
	max-width:520px;
	margin-right:30px;
}
.videosPageLeft iframe {aspect-ratio: 16 / 9; width: 100% !important; height:auto !important;}
.videosPageRight {
	float:left; 
	width:100%;
	max-width:320px;
}
.videosPageRight h4 {
	margin-bottom:15px;
	font-size:23px;
	line-height:27px;
}


/* Citizen Detectives */

.definitionsLeft {
	float:left;
	width:48%;
	border-right:1px solid #967861;
	padding-right:2.5%;
	font-size:14px;
	line-height:20px;
}
.definitionsRight {
	float:left;
	width:45%;
	padding-left:3.5%;
	font-size:14px;
	line-height:20px;
}
.redText {
	font-size:17px;
	color:#b03c14;
}
.contentBlack {
	margin:18px 8px 18px 8px;
	background-color:#5e3f25;
	color:#ffffff;
	border:1px solid #5e3f25;
	padding:30px 30px 20px 30px;
	font-size:17px;
}
.contentBlack h5 {
	margin-bottom:15px;
	font-size:30px;
	line-height:34px;
	font-family: "Geologica", sans-serif;
	text-transform:uppercase;
}
.contentBlackLeft {
	width:54.5%;
	margin:0px 4% 0px 2.5%;
	float:left;
}
.contentBlackRight {
	width:37%;
	float:left;
}
.contentBlackLeft iframe {
	width:575px; 
	height:324px;
}
.watchBtn {
	background-color:#b03c14;
	padding:5px 10px 5px 10px;
	color:#ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
}	
.watchBtn a:link,.watchBtn a:visited,.watchBtn a:active {
	color:#ffffff;
	text-decoration:none;
}
.watchBtn a:hover {
	color:#5e3f25;
	text-decoration:none;
}
.videoColumn {
	margin:8px 8px 8px 8px;
	padding:20px;
	font-size:17px;
	width:267px;
	float:left;
	height:360px;
	font-size:14px;
	line-height:17px;
	color:#5e3f25;
	background-color:#f7f5ed;
	border:1px solid #f7f5ed;
	filter: alpha(opacity=85);
	opacity: 0.85;
}
.videoColumn iframe {
	width:267px; 
	height:165px;
	margin-bottom:10px;
}
.videoColumn img {
	width:267px; 
	height:165px;
	margin-bottom:10px;
}


/* News */


.blogpost {
	margin-bottom:32px;
	padding-bottom:32px;
	overflow:hidden;
	border-bottom:1px solid #5e3f25;
}
.blogpost .comments {
	float:right;
	margin-left:10px;
	margin-top:0px;
	background:url(images/commentcount.png) top right no-repeat;
	font-weight:600;
	font-size:12px;
	width:35px;
	height:30px;
	text-align:center;
	padding-top:5px;
	font-family: 'Open Sans Condensed', sans-serif;
}
.blogpost .comments a {
	color:#FFFFFF;
	text-decoration:none;
}
.blogpost h2 {
	margin:0;
	padding:0px 0px 0px 0px;
	margin-right:45px;
	line-height:33px;		
	font-family: "Geologica", sans-serif;
	font-size:29px;
	font-style:normal;
}
.blogpost h2 a{
	text-decoration:none;
	color:#5e3f25;
}
.blogpost h2 a:visited{
	text-decoration:none;
	color:#5e3f25;
}
.blogpost h2 a:active{
	text-decoration:none;
	color:#5e3f25;
}
.blogpost h2 a:hover{
	text-decoration:none;
	color:#b03c14;
}
.blogpost .meta {
	font-size:12px;
	padding:5px 10px 5px 10px;
	background-color:#e5e1d0;
	margin-top:15px;
	line-height:16px;
}
.blogpost .metaSingle {
	font-size:12px;
	padding:5px 10px 5px 10px;
	background-color:#e5e1d0;
	margin-top:15px;
	line-height:16px;
}
.blogpost .entry {
	clear:both;
	overflow:hidden;
	margin-top:15px;
}
.blogpost .entry p {
	padding-bottom:15px;
}

/* About */

.bioPicAbout2 img {
	width:50%;
	max-width:200px;
}

/* Selected Works */

.worksDivide {
	width:100%;
	margin:15px 0px 15px 0px;
	border-bottom:1px dashed #999999;
	clear:both;
}
.worksLeft {
	float:left;
	width:47.5%;
}
.worksRight {
	float:right;
	width:47.5%;
}
.contentArchives img {
	width:100%;
	max-width:958px;
	border:1px solid #ffffff;
	margin:8px;
}
.archivesTop {
	margin:8px 8px 16px 8px;
	background-color:#f7f5ed;
	border:1px solid #f7f5ed;
	filter: alpha(opacity=85);
	opacity: 0.85;
	padding:10px 20px 10px 20px;
	font-size:14px;	
}
.archivesLeft {
	width:230px;
	float:left;
}
.archivesRight {
	width:150px;
	float:right;
	text-align:right;
}
.archivesTitle {
	text-align:center;
	margin-bottom:15px;
}
.crimeVideosRight {
	float:right;
}
.crimeVideosRight img {
	padding:13px;
}
.crimeVideosBottom {
	display:none;
}



/* WP-PageNavi Styles */		
.wp-pagenavi {
	clear:both;
	font-size:12px;
	padding:20px 10px 0;
	text-align:right;
	text-transform:uppercase;
	border-top:1px solid #e3e3e3;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #4198D3;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #4198D3;
}
.wp-pagenavi a:hover {	
	color: #5e3f25;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #4198D3;
}
.wp-pagenavi span.pages {
	color: #737373;
	float:left;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #5e3f25;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	color: #5e3f25;
}




/* -------------------------- Responsive ----------------------------------*/


/* Size 1050px */

@media screen and (max-width:1050px) {
	
.buyNowBtn a:link, .buyNowBtn a:visited, .buyNowBtn a:active  {padding:5px 15px 5px 15px;}	

h4 {
	font-size:18px;
	line-height:22px;
}	
h5 {
	margin-bottom:10px;
	font-size:21px;
	line-height:26px;
}
#wrapper {
	width:96%;
	max-width:488px;
	margin:0px auto 0px auto;
}
.contentLeft {
	width:100%;
	padding-right:0px;
	float:none;
}
.sidebar {
	display:none;
	width:100%;
	float:none;
	padding-left:0px;
	border-left:0px;
}

/* Citizen Detectives */

.contentBlack {
	margin:18px 8px 18px 8px;
	padding:20px 30px 20px 30px;
	font-size:16px;
}
.contentBlackLeft {
	width:100%;
	margin:0px 0% 20px 0%;
	float:none;
}
.contentBlackRight {
	width:100%;
	float:none;
}
.contentBlackLeft iframe {
	width:410px; 
	height:260px;
}
.watchBtn {
	padding:3px 7px 3px 7px;
}
.videoColumn {
	margin:8px 8px 8px 8px;
	padding:30px;
	width:410px;
	height:auto;
}
.videoColumn iframe {
	margin-bottom:10px;
}
.videoColumn img {
	width:410px; 
	height:260px;
	margin-bottom:10px;
}


/* Selected Works */


.crimeVideosRight img {
	padding:6px;
}

.contentArchives img {
	width:100%;
	max-width:472px;
	border:1px solid #ffffff;
	margin:8px;
}
.worksLeft {
	float:none;
	width:100%;
}
.worksRight {
	float:none;
	width:100%;
}	
	
/* Videos Page */


.videosPageRight h4 {
	margin-top:10px;
	margin-bottom:10px;
	font-size:20px;
	line-height:24px;
}	

}



/* Size 520px */

@media screen and (max-width:520px) {
	
.buyNowBtn a:link, .buyNowBtn a:visited, .buyNowBtn a:active  {padding:10px 30px 10px 30px;}

/* Header */

#wrapper {
	width:100%;
	margin:0px 0% 0px 0%;
	max-width:520px;
	overflow:hidden !important;
}
.content {
	margin:8px 0px 8px 0px;
	padding:20px;
	
}
.tagline {
	font-size:13px;
	margin:45px 0px 4px 0px;
	letter-spacing:1px;
	line-height:14px;
}
.logo {
	font-size:47px;
	margin:0px 0px 7px 0px;
	line-height:47px;
}
.ribbon {
	display:none;
}
.ribbonSmall {	
	display:block;
	background: url(images/ribbon2.png) top center no-repeat;
    background-size: 290px 25px;
	height:24px;
	margin:0px 0px 16px 0px;
	font-size:14px;
	font-style:italic;
	color:#ffffff;
	text-align:center;
	padding-top:1px;
	font-weight:400;
}	

h1 {
	margin:5px 0px 15px 0px;
	font-size:35px;
	line-height:35px;
}
h2 {
	margin-bottom:10px;
	font-size:35px;
	line-height:35px;
	font-family: "Geologica", sans-serif;
	color:#5e3f25;
}

h3 {
	font-size:24px;
	line-height:24px;
	font-weight:700;
}

h6 {
	margin-bottom:5px;
	font-size:22px;
	line-height:25px;
}
p.introduction:first-letter {
    font-family: "PT Serif", serif;
    font-size: inherit;
    float: left;
	margin:0px 0px 0px 0px;
}
.interiorTitle {
	margin-top:0px;
	padding-bottom:5px;
	text-align:center;
}
.interiorTitle h1 {
	margin:0px 0px 0px 0px;
	font-size:24px;
	line-height:24px;
}


/* Navbar */

.col {
	width:88%;
	margin:8px 6% 8px 6%;
	font-size:12px;
	padding:18px 0px 0px 0px;
	height:auto;
}
.colSmall {
	width:88%;
	margin:8px 6% 8px 6%;
	font-size:12px;
	padding:18px 0px 0px 0px;
}
.colPadding {
	padding:0px 20px 20px 20px;
}
.colPadding2 {
	padding:0px 20px 20px 20px;
}
.doubleLine {
	margin:0px 0px 0px 0px;
}
.homeMobileBreak {display:none;}
	
/* Icons */

.aboutIcon {
	height:190px;
	margin-bottom:5px;	
}
.crimesSolvedIcon {
	height:140px;
	margin-bottom:15px;
}
.storiesIcon {
	height:175px;
	margin-bottom:15px;	
}
.booksIcon {
	height:175px;
	margin-bottom:10px;	
}
.needSolvingIcon {
	height:160px;
	margin-bottom:15px;	
}
.sportsIcon {
	height:175px;
	margin-bottom:15px;	
}
.recoveriesIcon {
	height:155px;
	margin-bottom:15px;		
}
.televisionIcon {
	height:155px;
	margin-bottom:15px;			
}
.xIcon {
	height:170px;
}
.instagramIcon {
	height:170px;
}
.imdbIcon {
	height:170px;
}
.citizenDetectivesIcon {
	height:170px;
}
	


/* Citizen Detectives */

.definitionsLeft {
	float:none;
	width:100%;
	border-right:0px;
	border-bottom:1px solid #cccccc;
	padding-right:0%;
	padding-bottom:15px;
}
.definitionsRight {
	float:none;
	width:100%;
	padding-left:0%;
	padding-top:15px;
}
.contentBlack {
	margin:18px 0px 8px 0px;
	padding:10px 20px 10px 20px;
	font-size:15px;
	line-height:19px;
}
.contentBlack h5 {
	margin-bottom:10px;
	font-size:25px;
	line-height:29px;
}
.contentBlackLeft {
	width:100%;
	margin:0px 0% 20px 0%;
	float:none;
}
.contentBlackRight {
	width:100%;
	float:none;
}
.contentBlackLeft iframe {
	height:200px;
}
.watchBtn {
	padding:3px 7px 3px 7px;
}
.videoColumn {
	margin:8px 0px 8px 0px;
	padding:20px;
	height:auto;
	width:90%;
}
.videoColumn iframe {
	margin-bottom:10px;
}
.videoColumn img {
	height:195px;
	width:100%;
	margin-bottom:10px;
}

/* Selected Works */

.crimeVideosRight {
	display:none;
}
.crimeVideosBottom img {
	width:70%;
}
.crimeVideosBottom {
	display:block;
	text-align:left;
}


/* News */

.blogpost h2 {
	margin-right:0px;
	line-height:26px;		
	font-size:23px;
}


/* Archives */

.contentArchives img {
	max-width:518px;
	margin:0px;
}
.archivesTop {
	margin:8px 0px 16px 0px;
	font-size:13px;	
}
.archivesLeft {
	width:100%;
	float:none;
	text-align:center;
}
.archivesRight {
	width:100%;
	float:none;
	text-align:center;
}

}