/*
Theme Name: Viewport Child
Description: Child theme for the Viewport theme
Author: Chantal-and-Ryan
Template: viewport
*/
@import url("../viewport/style.css");

@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400italic);
@import url(http://fonts.googleapis.com/css?family=Oranienbaum);
@import url(http://fonts.googleapis.com/css?family=Volkhov:400,700,400italic,700italic);

a { 
	color: #189499;
	text-decoration: none; 
	border: none;
	font-weight: 200;
	-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Georgia', serif;
	color: #202222;
	font-weight: bold;
	padding: 0;
}

.archive .page-title h1 { font-family: 'Old+Standard+TT';
	font-size: 32px; font-weight: bold;
	line-height: 28px;
}


h2 {
	font-size: 24px;
	line-height: 22px;
	margin: 0 0 15px 0;
}

h3 {
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 10px 0;
}

h4 {
	font-size: 14px;
	line-height: 18px;
}

h5 {
	font-size: 12px;
	line-height: 18px;
}

h6 {
	font-size: 10px;
	line-height: 16px;
}


.search-results .page-title { font-family: 'Old+Standard+TT';
	font-size: 18px;
	line-height: 20px;
font-weight: bold; margin-bottom: 17px; margin-left: 15px; }

.search-results #primary { margin-left: 5px; }

.search-results .entry-title { margin-top: -3px; }

.archive .page-title {
    background: none;
    margin-left: 5px;
}

.entry-content h2 { margin-top: 20px;  
}
.entry-content h3 { margin-top: 20px; 
}

a[href$=".jpg"], a[href$=".jpg"]:hover { border-bottom: none; }

/* Structure --------------------------------------------------------------*/
	
.inner,
#content {
	width:1060px;
	margin: 0 auto; 
}

#primary {
	float: left;
	width: 670px;
margin-left: 5px; margin-right: 0px; margin-bottom: 20px; }


.page-template-template-home-fullwidth-php #primary { width: 100%; }

#content { 
	padding-top: 20px;
	background: none;
}

body.home #content,
body.page-template-template-home-fullwidth-php #content { background: none; }

body.page-template-template-home-blog-php #content { background: none; }

body.page-template-template-full-width-php #content { background: none; }

#sidebar {
	float: right;
	width: 340px;
	padding-top: 15px
}


font-family: 'Old Standard TT', serif;
font-style: italic;
font-weight: 400;
font-size: 24px;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;

.post,
.type-page {
	width: 670px;
	padding: 20px 20px 5px 20px;
	margin-bottom: 0; 
margin-left: 15px;
margin-right: 10px;
}

body.home .post,
body.page-template-template-home-fullwidth-php .post {
	width: 280px;
	float: left;
}

body.archive .post,
body.page-template-template-home-blog-php .post, .entry-summary {
	background: url(images/splitter.png) repeat-x 0 100%;
	margin-right: 10px;

	padding: 25px 0 20px;
    overflow: hidden;
    width: 630px;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Header Styles
/*-----------------------------------------------------------------------------------*/

#header { background: #fff; }


#header .inner {
width: 1026px;
position: relative; padding-left: 5px;
}

#logo {	
	display: inline-block;
	margin: 15px 0 15px 0;
}
#logo,
#logo a {
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	padding: 0;
}

#logo a:hover { text-decoration: none; }

#tagline {
	display: inline;
	margin: 0;
	color: #999;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}


/*-----------------------------------------------------------------------------------*/
/*	3.	Navigation & Menus
/*-----------------------------------------------------------------------------------*/

#primary-nav {
    bottom: 0;
    float: right;
    position: absolute;
right: -6px;
}

#primary-nav ul li .sep {
	position: absolute;
	top: 21px;
	right: -3px;
	color: #A3AEBC;
	font-size: 12px;
}

/* top level skin ---------------------------------------------------------*/

#primary-nav ul a {
	font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 14px;
	text-transform: uppercase;
	padding: 0 10px;
	font-weight: bold;
	height: 65px;
	line-height: 55px;
}

#primary-nav ul a:hover,
#primary-nav ul li.sfHover a,
#primary-nav ul li.current-cat a,
#primary-nav ul li.current_page_item a,
#primary-nav ul li.current-menu-item a {
	text-decoration: none;
	color: #A3AEBC;
}

blockquote {
	font-family: 'Old+Standard+TT', serif;
	color: #787a7b;
	font-style: italic;
	padding: 0 40px;
	margin: 30px 0;
	font-size: 16px;
	line-height: 24px;
}


/*-----------------------------------------------------------------------------------*/
/*	5.	Post Content Styles
/*-----------------------------------------------------------------------------------*/

.entry-title { margin-bottom: 10px; }

.entry-title, 
.entry-title a {
	font-family: 'Volkhov', serif; }
font-family: 'Volkhov', serif;
font-style: normal;
font-weight: 700;
font-size: 36px;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.4;
	color: #202222;

	border: 0;
}

.archive #content .entry-title,
.archive #content .entry-title a,
.page-template-template-home-blog-php .entry-title,
.page-template-template-home-blog-php .entry-title a {
    font-size: 20px;
    line-height: 28px;
}

body.home .entry-title,
body.home .entry-title a,
body.page-template-template-home-fullwidth-php .entry-title,
body.page-template-template-home-fullwidth-php .entry-title a {
	font-size: 28px;
	line-height: 33px;
}

#content .entry-title a:hover {
	background: transparent; border: none;

}

.feature-credit { font-family: "Helvetica Neue", Arial, sans-serif; }

.feature img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.feature-content h1,
.feature-content h2 {
	display: block;
	font-family: 'Old+Standard+TT', serif;
	font-weight: bold !important;
	font-size: 34px;
	line-height: 44px;
	max-width: 450px;
margin-left: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	8.	Pagination
/*-----------------------------------------------------------------------------------*/

.page-navigation,
.single-page-navigation { 
	background: #fff;
	border-top: 6px solid #242626;
	min-height: 60px;
	text-transform: uppercase;
	padding-top: 35px;
	line-height: 16px;

}

.page-navigation .nav-next,
.single-page-navigation .nav-next { 
	float: left; 
	width: 43%;
	margin-left: 60px;
margin-bottom: 20px;
}

.page-navigation .nav-previous,
.single-page-navigation .nav-previous { 
	float: right; 
	width: 43%;
	text-align: right;
	margin-right: 60px;
}

.page-navigation a,
.single-page-navigation a {
	color: #787a7b;
	border: 0;
	font-size: 12px;
	position: relative;
} 

.page-navigation a:hover,
.single-page-navigation a:hover { color: #202222; }

.page-navigation a span,
.single-page-navigation a span {
	display: inline-block;
	background: url(images/pag-arrows.png) no-repeat 0 0;
	width: 37px;
	height: 37px;
	text-indent: -9999px;
	position: absolute;
	top: 2px;
	overflow: hidden;
} 


#footer .footer-bottom p { color: #aeaeae; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 12px; margin: 0; }

/* Video Widget ----------------------------------------------------------*/

.zilla_video_widget .zilla_video { margin-bottom: 20px; }

#sidebar .zilla_video_widget {
margin-right: 0;
	position: relative;
border-top: 3px solid #000;
background: transparent; 
}

#sidebar .zilla_video_widget .widget-title {
	left: 0;
	top: 0px;
}

#sidebar .zilla_video_widget .zilla_video {
	width: 240px;
	height: 160px;
}

#sidebar .zilla_video_widget .zilla_video video,
#sidebar .zilla_video_widget .zilla_video iframe,  
#sidebar .zilla_video_widget .zilla_video object,  
#sidebar .zilla_video_widget .zilla_video embed {
	width:100% !important;
	height:100% !important;
font-size: 10px;}


#sidebar .zilla_video_widget .zilla_video_desc {
	text-align: center;
	font-family: 'Oranienbaum', serif;
	font-size: 14px;
	line-height: 22px;
	color: #cfcfcf;
}

.widget {border-top: 3px solid #000;
}

#feature-wrapper.zilla-video .embed-video { height: 560px; margin-top: -41px; }

.widget-title { left: 0px; }

.post,
.type-page {
	width: 660px;
	margin: 0px 0px 20px 16px;
}


.error404 .entry-content p { margin-top: -5px; font-family: 'Old Standard TT', serif; color: #202222; font-size: 24px; line-height: 24px;
font-style: italic; font-style: italic; }

#footer {
	background: #2d2e2e;
	color: #aeaeae;
width: 100%; }