/*
Theme Name: Yoko Child Theme for Surf City
Theme URI: http://www.elmastudio.de/wordpress-themes/yoko/
Description: Custom theme for Surf City based on Yoko. Yoko is a modern three-column blog theme. A responsive layout optimizes the theme for mobile devices like tablet pcs and modern smartphones (the layout switches to a two- or one-column layout depending on the screen size the theme is viewed on). To make your blog post more flexible you can use different kinds of post formats such as gallery, image, video, aside, link or quotes. To customize the theme you can choose your own background, link color, logo and header image. Yoko also comes with a custom social links widget and shortcodes for text columns, info boxes and highlighted text.
Author: Annette Loudon
Author URI: 
Version: 1.0
Tags: light, three-columns, right-sidebar, flexible-width, custom-colors, custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready
Template: yoko
License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/

@import url("../yoko/style.css");


/* Google Fonts Import
--------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:regular,bold|Droid+Serif:regular,italic,bold,bolditalic&subset=latin);


body {
	font-family:'Droid Sans', arial, sans-serif;
}


#page {
min-width: 1100px;
max-width: 1300px;
padding-right: 0px;
padding-left: 0px;
background-color: #F5F5C6;
}

#branding {
padding: 0px;
background-image:url('images/header-surf.gif');
background-repeat:repeat-x; 
}

#wrap { 
padding-right: 30pt;
padding-left: 30pt;
padding-top: 0pt;
border: 0px;
}


#content .page-entry-header h1.entry-title {
height:0px;
visibility:hidden;
margin:0px;
padding:0px;
font-size: 4em;
text-transform:uppercase;
color: #FFF684;
color: #694102;
color: #FFF;


}

#content em {
font-family: Arial,sans-serif;
font-style: italic;

}

#content p em {
font-family: Arial,sans-serif;
font-style: italic;

}

#content .post p 

{
padding-bottom: 0px;
}

#content .entry-details {
padding-top: 2px;
padding-right: 18px;
float: left;
font-family: 'Droid Serif',Times,serif;
font-style: italic;
font-variant: normal;
font-weight: normal;
font-size: 0.8em;
line-height: 1.4;


}

#intro {
font-size: 140%;
line-height: 1.4;
color: #DE821B;
color: #694002;
padding-left:40px;
}

#headertext {
font-size: 140%;
line-height: 1.4;
color: #DE821B;
color: #694002;
}

#captiontext {
font-size: 40%;
line-height: 1.4;
color: #DE821B;
color: #694002;
float: left;
}

#visitorcomment {
width:700px;
diplay:block;
border-bottom: 4px dotted #fff;

}







/* Nav
--------------------------------------------- */

a.footerlink { 
background-image: url (images/hht-logo.png) repeat-x center;
color:#694002;
 }



a:visited.footerlink { 
color:#694002;
 }

a:hover.footerlink { 
color:#f60 !important;
}