/* 
Theme Name: client by Client
Author: Niko
Author URI: http://www.client.fi
Version: 1.0
*/

@import url(css/reset.css);

@import url(css/grid.css);

#slider { 
		height:390px;
		overflow: hidden; 
		}	
		

body { background: #fff; font-size: 62.5%; font-family: Times, Cambria, Prensa, Lucida Serif, Scala, Palatino, "Times New Roman", sans-serif;  }

h1 { font-family: "Times LT", "Times", "Times New Roman", Times, serif; font-size: 2em; font-style: italic; } 

h2 { font-family: "Times LT", "Times", "Times New Roman", Times, serif; font-size: 1.8em; text-transform: uppercase; }

h3 { font-family: Cambria, "Times New Roman", Times, serif; color: #ff0000; font-style: italic; font-weight: bold; text-transform: lowercase; font-size: 1.3em; padding-left: 2px;  }

h4 { font-family: Cambria, "Times New Roman", Times, serif; color: #868686; font-style: italic; font-size: 1.4em } 

h5 { font-family: Cambria, "Times New Roman", Times, serif; letter-spacing: 0.05em; text-transform: uppercase; font-size: 1.4em; font-weight: bold; }

#sidebar h2 { 
font-family: Cambria, Prensa, Lucida Serif, Scala, Palatino, "Times New Roman", sans-serif;
font-style: italic;
font-weight: normal;
text-transform: normal;
}

.rightbar { margin-top: 25px;}
.rightbar h3 { color: #000; text-align: right; padding-bottom: 5px; }
.rightbar ul { padding-left: 0; margin-left: 0; margin-bottom: 15px; text-align: right; }
.rightbar ul li { list-style: none; padding: 2px 0; margin-left: 0;  font-size: 1.2em; font-style: italic; }
.rightbar ul li a { color: #000; }
.rightbar ul li a:hover { color: #ff0000; }

.border-top { border-top: 1px solid #c0c0c0; padding-top: 25px;}

p { color: #1f1f1f; font-size: 1.2em; }

a { color: #FF0000; text-decoration: none; }

a:hover { color: #666; text-decoration: none; cursor: pointer }

h3.cat { margin-bottom: 3px;}
h3.cat a { color: #ff0000;}
h3.cat a:hover { text-decoration: none; color: #000;}


h1 a, h2 a, h3 a, h4 a { color: #000; } 

#header p.menu { font-style: italic; font-size: 1.5em; padding-top: 10px; letter-spacing: 0.05em; padding-top: 15px; -webkit-text-size-adjust:none; } 

#header p.menu a {color: #000;}

#header p.menu a:hover { color: #666;}

.clear { clear: both; }

p.more { padding: 10px 0px; font-size: 1.2em; }
 
p.more a, a.more { font-size: 1.2em; color: #ff0000; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;   }
.frontpage a.more { color: #0d355b}

a.more-link { font-size: 1.2em; color: #ff0000; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: capitalize;   }

p.more a:hover { color: #666;}

#sidebar p { font-size: 1.2em; font-style: italic; }

#sidebar h3 { font-style: italic; font-weight: bold;  }

.date { color: #c0c0c0; font-style: italic; }

.small { color: #c0c0c0; font-size: 1.2em; text-transform: uppercase; }

.small a { color: #c0c0c0;}

.center { text-align: center; }

.right { text-align: right;}

.hide { display: none; }

/* * * * * */


#header { height: 70px; padding-top: 25px; background: url(images/border-double.gif) repeat-x bottom;}

#container{ 
	margin: 0px auto;
	width: 98.6em;
	background: #fff;
	color: #000;
	
	}

#content h1 { padding-bottom: 10px; }

h1.pagetitle { margin-bottom: 0px;}


#content p { font-size: 1.2em; padding-bottom: 25px; line-height: 1.5em;}
#content p strong { font-weight: bold; }
#content ul { list-style: circle; padding-left: 15px;}

	
#content h2 {padding-bottom: 10px; letter-spacing: 0; }

#content h4 { padding: 10px 0px;}

ul.frontpage { list-style: none;}
ul.frontpage h2 { padding: 7px 0px;}
ul.frontpage li div.entry { margin-top: 25px; padding-right: 10px; line-height: 1.6em;}
ul.frontpage li:nth-child(3n) { margin-right: 0;}


#content { padding-top: 25px;}
#sidebar { padding-top: 0px;}

.entry p#meta { font-size: 1em;}

.entry em { font-style: italic; }
.entry blockquote { text-align: center; font-style: italic; font-size: 1.2em;}
blockquote p:before {
	content: '"'; }
blockquote p:after {
	content: '"'; }

#sidebar h3 { padding-left: 2px; margin-top: 25px; }
#sidebar h3, #sidebar h3 a, #sidebar h3 a:visited {color: #1f1f1f;}
#sidebar h3 a:hover { cursor: pointer; color: #666; text-decoration: none;}

#sidebar ul, #sidebar p { padding-bottom: 5px; padding-top: 10px; font-size: 1.2em; font-style: italic; }

#sidebar ul li { padding: 2px 0px; text-transform: lowercase; font-style: normal; color: #c0c0c0 }

#sidebar ul.join { list-style: none;}

#sidebar a {  color: #c0c0c0  }

#sidebar a:hover { text-decoration: none; color: #3e3d40;}

#sidebar p.sidebarfooter { font-style: normal; color: #c0c0c0; font-size: 1.1em; text-transform: uppercase; padding-top: 25px;}

.large-footer { border-bottom: 1px solid #c0c0c0;}
#footer a { color: #c0c0c0; text-decoration: underline; }
#footer p { font-style: normal; color: #c0c0c0; font-size: 1.1em; text-transform: uppercase;  font-style: normal;}
#footer #twitter_update_list li { list-style: none;}
#footer div#twitter_update_list { color: #c0c0c0; font-size: 1.1em; font-style: italic;} #footer div#twitter_update_list:hover, #footer div#twitter_update_list a:hover { color: #000;}
#footer { padding: 25px 0px; margin: 25px 0px 50px 0px; border-top: 1px solid #c0c0c0}
#footer h3 {color: #000; margin-bottom: 10px;} #footer h3 a {color: #000; text-decoration: none;}
#footer ul { padding-left:0; margin-left: 0; list-style: none;}
#footer ul li { padding: 5px 0px; color: #c0c0c0; font-size: 1.1em;} #footer ul li a { text-decoration: none;} #footer ul li a:hover { color: #000;}

.archive .post { margin-bottom: 0px; padding-bottom: 10px; border-bottom: 1px solid #c0c0c0; padding-top: 10px; }

.singles h2 { font-family: 'Adobe Garamond LT', Garamond, 'Times New Roman', Palatino, serif; font-size: 3.2em; border-top: 5px solid #0d355b; margin-top: 0; padding-top: 25px; }
.singles .date { border-bottom: 1px solid #c0c0c0; padding: 10px 0px 25px 0px; margin-bottom: 2em;}
.singles .entry { border-top: 5px solid #c0c0c0; padding-top: 22px;}
.singles p.goback { padding-top: 25px; font-family: Cambria, "Times New Roman", Times, serif; color: #ff0000; font-style: italic; font-weight: bold; text-transform: lowercase; font-size: 1.3em; padding-left: 2px; color: #000; } 
.singles p.comments {   } .singles p.comments a { color: #000;}
.singles p.company a, .singles p.location a { color: #c0c0c0; text-transform: capitalize;} 
.singles div.sharer {border-bottom: 1px solid #c0c0c0; padding-bottom: 25px;}

.feature { margin-bottom: 25px; padding-bottom: 10px;  padding-top: 10px;}

.feature h2 { font-family: 'Adobe Garamond LT', Garamond, 'Times New Roman', Palatino, serif; font-size: 3.2em; border-top: 4px solid #0d355b; margin-top: 0; padding-top: 25px; display: block; }
.feature h2:hover { border-top: 4px solid #c0c0c0; color: #000; }

.feature .date { border-bottom: 1px solid #c0c0c0; padding: 10px 0px 25px 0px; margin-bottom: 2em;}

.feature .entry {  padding-bottom: 25px;}

.feature .locate { color: #c0c0c0; font-size: 1.2em; margin-top: 25px;} .feature .locate a { color: #c0c0c0;}

.feature img.wp-post-image {   }

.affairs { margin-bottom: 25px; padding-bottom: 10px;  padding-top: 10px;}

ul.affairs { margin-bottom: 0px; padding-bottom: 0px;  padding-top: 0px;}

.affairs h2 { font-family: 'Adobe Garamond LT', Garamond, 'Times New Roman', Palatino, serif; font-size: 2.4em; border-top: 1px solid #0d355b; margin-top: 0; padding-top: 25px; }
.affairs .meta {  padding: 0px 0px 15px 0px; margin-bottom: 2em;}
.affairs .comments { font-style: italic;} .affairs .comments a { color: #000;}
.affairs .entry {  padding-bottom: 25px;}
.affairs .text {border-top: 1px solid #c0c0c0; padding-top: 10px;}
.affairs img.attachment-single-post-thumbnail { margin-bottom: 10px;}
.affairs-text {}
.affairs img.wp-post-image { }

.featured h2 { font-family: 'Adobe Garamond LT', Garamond, 'Times New Roman', Palatino, serif; font-size: 2.4em; border-top: 1px solid #0d355b; margin-top: 0; padding-top: 25px; }
.featured .meta {  padding: 0px 0px 15px 0px; margin-bottom: 2em;}
.featured .comments { font-style: italic;} .affairs .comments a { color: #000;}
.featured .entry {  padding-bottom: 25px;}
.featured .featured-story {border-top: 1px solid #c0c0c0; padding-top: 10px;}
.featured img.attachment-single-post-thumbnail { margin-bottom: 10px;}

.featured img.wp-post-image { }

#postmeta { }

.meta .location a { color: #c0c0c0; text-transform: capitalize;}

#postmeta p { }

.postnavigation{}
#searchform{}
.navigation {font-style: italic;} .navigation a { color: #000; font-size: 1.2em;} .navigation a:hover { color: #c0c0c0;}
.navigation .nav-previous { float:left; height: 35px; }
.navigation .nav-next { float:right; height: 35px; }

#nav-below { border-top: 1px solid #c0c0c0; clear: both; padding-top: 25px; margin-top: 15px;}

.singles #footer {margin-top: 0px;} 

#comments { }

.commentcount { border-top: 1px solid #c0c0c0; padding-top: 10px;}
.commentcount a { color: #000;}
.commentcount a:hover { text-decoration: none;}

#commentform { margin-bottom: 25px;}

#commentform input { margin: 5px 0px;}

div.comment-author { font-size: 1.4em; font-style: italic;}
div.comment-meta a { color: #000; font-size: 1.2em}
div.comment-meta { padding-bottom: 15px;}

.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

p.wp-caption-text:before {}

p.wp-caption-text { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 10px; padding-top: 3px; text-align: right}

textarea#comment { width: 652px;}

ol.commentlist { list-style: none; padding-top: 10px; }

div.wpcf7-response-output { font-size: 1.3em; }


/* Easy Slider */

	#slider ul, #slider li,
	#project-slider ul, #project-slider li{
		margin:0;
		padding:0;
		list-style:none;
		}

	#project-slider li{ 
	
		width:654px;
		height:450px;
		overflow: hidden; 
		}
	#slider li{ 

		width:820px;
		height:390px;
		overflow: hidden; 
		}
			
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin: 1em 0 0em 0;
		padding: 0;
		float: right;
		height:28px;
			
		}
	ol#controls li{
		margin:0 0px 0 2px; 
		padding:0;
		float:left;
		list-style:none;
		height: 28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		font-size: 1.1em;
		color: #c0c0c0;
		padding:0 8px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background: url(images/rounded.gif) no-repeat center;
		color:#000;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	
/* // Easy Slider */


img.size-thumbnail { float: left; margin-right: 5px; }



