
/* 
	Theme Name: Clichestudio
	Theme URL: http://www.clichestudio.com/
	Description: Cliche - Letterpress Studio.
	Author: Elnio
	Author URI: http://www.elnio.ru/
	Version: 1.0
*/

/*============================================================================
CLEAN CSS
==============================================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:					0;
padding:				0;
border:					0;
outline:				0;
font-weight:			inherit;
font-style:				inherit;
font-size:				100%;
font-family:			inherit;
vertical-align:			baseline;
}

/* remember to define focus styles! */
:focus {
outline:				0;
}

body {
line-height:			1;
color:					black;
background:				white;
}

ol, ul {
list-style:				none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:		separate;
border-spacing:			0;
}

caption, th, td {
text-align:				left;
font-weight:			normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: 				"";
}

blockquote, q {
quotes: 				"" "";
} 

/*============================================================================
GLOBAL
==============================================================================*/

body {
font:					normal 62.5%/1.6em Georgia, serif;
color:					#000000;
background:				#ffffff;
}

#container {
margin:					0px auto;
position:				relative;
width:					940px;
min-height:100%;
height:auto !important;
height:100%;
}

a img {
border:					0;
}

html, body {height: 100%;}


/*============================================================================
HEADER
==============================================================================*/

.header {
width:					940px;
height:					90px;
border-bottom:			1px solid #d3d3d3;
padding:				20px 0px 0 0px;
}

.header_column_left,
.header_column_centre,
.header_column_right {
float:					left;
display:				inline;
height:					70px;
}

/* ==== Logo === */

.header_column_left {
width:					220px;
margin:					0;
}

/* ==== Logo Text === */

.header_column_centre {
width:					190px;
margin:					0;
}

.header_column_centre h2 {
font-size:				1.8em;
color:					#0096cf;
line-height:			1.0em;
margin:					0;
padding:				5px 140px 30px 30px;
}

.header_column_centre a {
color:					#0096cf;
text-decoration:		none;
}

/* ==== Menu === */

.header_column_right {
width:					530px;
margin:					0;
}

.pagelink_menu_1 {
font-size:				1.6em;
text-decoration:		none;
color:					#595959;
margin:					0 0 0 25px;
border-bottom:			1px solid #595959;
}

.pagelink_menu_1_selected {
font-size:				1.6em;
text-decoration:		none;
margin:					0 0 0 25px;
color:					#0096cf;
border-bottom:			1px solid #0096cf;
}

.pagelink_menu_2 {
font-weight:			normal;
font-style:				italic;
text-decoration:		none;
font-size:				1.1em;
color:					#969696;
}

#menu a:hover {
color:					#0096cf;
border-bottom:			1px solid #0096cf;
}

#menu ul li a:hover {
border-bottom:			none;
}

#menu, #menu ul {
list-style:				none;
margin:					0;
padding:				5px 0 0 0;
}

#menu li {
float:					left;
position:				relative;
}

#menu li ul{
display:				none;
position:				absolute;
padding:				5px 0 0 25px;
width:					85px
}

#menu li:hover ul {
display:				block;
}

/*============================================================================
CONTENT
==============================================================================*/

.content_box {
width:					940px;
height:					585px;
}

.content_column_left,
.content_column_right {
float:					left;
display:				inline;
}

/* ==== Sider === */

.content_column_left {
width:					220px;
}

.content_column_left_sider {
font-weight:			normal;
font-style:				italic;
font-size:				1.1em;
text-align:				right; 
color:					#969696;
margin:					0 30px 0 30px;
}

.content_column_left_sider a {
font-style:				normal;
color:					#0096cf;
text-decoration:		none;
}

.content_column_left_sider a:hover {
color:					#0096cf;
border-bottom:			1px solid #0096cf;
}

.content_sider_cliche {
margin:					26px 0 0 0;
}

.content_sider_cliche_1 {
margin:					16px 0 0 0;
}

.content_sider_letterpress {
margin:					30px 0 0 0;
}

#menu_2 {
padding:				26px 0 0 0;
}

#menu_2 li {
padding:				0 0 20px 0;
}

#menu_2 .pagelink_menu_2_1 {
font-size:				1.4em;
line-height:			1.2em;
font-style:				italic;
text-decoration:		none;
color:					#595959;
border-bottom:			1px solid #595959;
}

#menu_2 a:hover {
color:					#0096cf;
border-bottom:			1px solid #0096cf;
}

#menu_2 .pagelink_menu_2_1_selected {
font-size:				1.4em;
line-height:			1.2em;
font-style:				italic;
text-decoration:		none;
color:					#0096cf;
border-bottom:			1px solid #0096cf;
}

#menu_3 {
padding:				10px 0 0 0;
}

#menu_3 li {
padding:				0 14px 10px 0;
}

#menu_3 .pagelink_menu_3_1 {
font-size:				1.4em;
line-height:			1.2em;
font-style:				italic;
text-decoration:		none;
color:					#969696;
}

#menu_3 a:hover {
color:					#0096cf;
}

#menu_3 .pagelink_menu_3_1_selected {
font-size:				1.4em;
line-height:			1.2em;
font-style:				italic;
text-decoration:		none;
color:					#0096cf;
}

#free_s {
padding:				0 16px 0 0;
}





/* ==== Slogan === */

.content_column_right {
width:					720px;
}



.content_column_right_slogan em {
font-style:				italic;
}

.content_column_right_photo {
height:					525px;
padding:				30px 30px 0 30px;
}

.content_column_right h1 {
font-size:				2.4em;
line-height:			1.3em;
color:					#595959;
padding:				20px 30px 0px 30px;
}

.content_column_right_slogan h1 {
height:					95px;
font-size:				2.8em;
line-height:			1.25em;
color:					#595959;
padding:				18px 0 0px 30px;
}


.content_column_right p {
font-size:				1.6em;
line-height:			1.5em;
color:					#595959;
padding:				18px 30px 0px 30px;
}

.content_column_right a {
font-size:				1.6em;
line-height:				1.5em;
font-style:				italic;
color:					#0096cf;
}

.content_column_right a:hover  {
font-size:				1.6em;
line-height:				1.5em;
font-style:				italic;
color:					#ff0000;
}

.content_column_right_block {
height:					158px;
}
  
.content_column_right_block img,
.content_column_right_block p {
float:					left;
}

.content_column_right_block img {
width:					125px;  
height:					128px;
padding:				22px 0 0 40px;
}
 
.content_column_right_block p {
width:					480px;
font-size:				1.4em;
line-height:			1.4em;
color:					#969696;
font-style:				italic;
padding:				17px 0 0 30px;
}

.content_column_right blockquote {
font-size:				1.4em;
line-height:			1.4em;
color:					#969696;
font-style:				italic;
padding:				15px 0 0 90px;
}

.content_column_right_work {
padding:				25px 0 0 30px;
}

.content_column_right_work img {
width:					100px;  
height:					100px;
margin:					0 25px 25px 0;
border:					5px solid #EBEBEB;
}

.content_column_right_work a:hover img {
border:					5px solid #5EB6DE;
}

#price_1 {
padding:				18px 30px 0px 90px;
}

.price_icon {
margin:					0px 0px 0px 7px;
}

#store {
padding:				20px 30px 0 30px;
}

.content_column_right h4 {
font-size:				2.0em;
font-style:				italic;
line-height:			1.5em;
color:					#595959;
padding:				18px 0px 0px 30px;
}

/*============================================================================
FOOTER
==============================================================================*/

.footer {
width:					940px;
height:					80px;
border-top:				1px solid #d3d3d3;
clear:					both;
}

.footer_column_left,
.footer_column_right {
float:					left;
display:				inline;
height:					50px;
}

/* ==== Copyright === */

.footer_column_left {
width:					220px;
}

#footer_copyright {
font-size:				0.9em;
color:					#969696;
margin:					28px 0 0 30px;
}

/* ==== Contact Info === */

.footer_column_right {
width:					720px;
}

.footer_column_right p {
float:					left;
}

.footer_contact_1 {
font-style:				italic;
text-decoration:		none;
font-size:				1.4em;
color:					#595959;	
margin:					25px 0 0 0;
}

.footer_contact_2 {
text-decoration:		none;
font-size:				1.6em;
color:					#0096cf;
margin:					25px 31px 0 5px;
}

#footer_contact_tel {
margin:					0 0 0 30px;
}

.footer a {
color:					#0096cf;
text-decoration:		none;
}

.footer a:hover  {
border-bottom:			1px solid #0096cf;
}

.footer_contact_3 {
text-decoration:		none;
margin:					26px 1px 0 5px;
}

.footer_contact_3 a:hover  {
border-bottom:			none;
}

/*============================================================================
BLOG CONTENT
==============================================================================*/

.blog_content_box {
width:					940px;
min-height:				585px;
}

.blog_content_column_left,
.blog_content_column_right {
float:					left;
display:				inline;
}

/* ==== Siderbar === */

.blog_content_column_left {
width:					220px;
margin:					26px 0 0 0;
}

.content_column_left_sider {
font-weight:			normal;
font-style:				italic;
font-size:				1.1em;
text-align:				right; 
color:					#969696;
margin:					0 30px 0 30px;
}

.content_column_left_sider h3{
font-size:				1.4em;
margin:					0 0px 7px 0px;
}

.content_column_left_sider ul{
margin:					0 0px 15px 0px;
}

.content_column_left_sider a {
color:					#0096cf;
text-decoration:		none;
}

.content_column_left_sider a:hover  {
border-bottom:			1px solid #0096cf;
}

.content_sider_rss a:hover{
border-bottom:			none;
}



/* ==== index === */

.clearfloat {
clear:					both;
}

.blog_content_column_right {
width:					660px;
float:					left;
margin:					20px 30px 30px 30px;
}

.blog_content_column_right p {
font-size:				1.6em;
line-height:			1.5em;
color:					#595959;
padding:				0px 0px 10px 0px;
}

.more-link{
font-style:				italic;
}

.blog_alignleft,
.blog_alignright {
float:					left;
display:				inline;
font-size:				1.6em;
font-style:				italic;
padding:				20px 0px 10px 0px;
}

.blog_alignright {
float:					right;
}


.blog_content_column_right blockquote  p{
font-size:				1.4em;
line-height:			1.4em;
color:					#969696;
font-style:				italic;
padding:				0px 0px 10px 50px;
}

.blog_content_column_right a {
color:					#0096cf;
text-decoration:		none;
}

.blog_content_column_right a:hover  {
border-bottom:			1px solid #0096cf;
}

.blog_content_column_right h2 {
font-size:				2.4em;
line-height:			1.3em;
color:					#595959;
padding:				0px 0px 10px 0px;
}

.blog_content_column_right h2 a{
color:					#595959;
text-decoration:		none;
}

.blog_content_column_right h2 a:hover  {
border-bottom:			1px solid #595959;
}

.post_data {
font-size:				1.5em;
font-style:				italic;
color:					#969696;
float:					left;
padding:				0px 20px 40px 0px;
}

.post_comments {
font-size:				1.4em;
font-style:				italic;
color:					#0096cf;
float:					left;
padding:				0px 20px 40px 0px;
}


.post_comments a {
color:					#0096cf;
}

.post_comments a:hover  {
border-bottom:			1px solid #0096cf;
}

.blog_content_column_right h3 {
font-size:				1.8em;
line-height:			1.2em;
font-style:				italic;
color:					#969696;
padding:				15px 0px 15px 0px;
}

/* ==== comments === */

.comment-left {
clear:					both;
float:					left;
border-top:				1px solid #d3d3d3;
padding:				5px 0;
width: 					160px;
}

.the-author {
display:				block;
font-size: 1.4em;
color:#595959;
font-variant: normal;
}

.commentmetadata {
font-size:				1.1em;
font-style:				italic;
color:					#969696;
}

.avatar_cont {
padding:				5px 0 0 0;
}
.comment-right {
border-top:				1px solid #d3d3d3;
float:					left;
padding:				0 0px 0 0px;
width: 					500px;
}

.comment-content p {
font-size:				1.4em;
line-height:			1.4em;
color:					#595959;
}

.not-approved {
font-size:				1.0em;
font-style:				italic;
color:					#969696;
padding: 				5px 0px 0 0px;
}

.reply {
font-size:				1.2em;
text-align:				right;
}

#commentform p {
font-size:				1.2em;
font-style:				italic;
color:					#969696;
}

#commentarea {
margin:					50px 0 10px 0;
padding:				0;
}

ol#comment-list, 
#comment-list ul {
list-style:				none;
}

#comment-list li {
clear:					both;
padding:				20px 0;
}
#comment-list p {
margin-top:				5px;
}

#respond {
clear:					both;
padding: 				10px 0;
width:					100%;
}

textarea#comment {
width:100%
}

#submit {
background:				#f1f1f1;
border:					1px solid #d3d3d3;
font:					normal 62.5%/1.6em Georgia, serif;
font-style: 			italic;
font-size:				1.2em;
color: 					#595959;
padding:				5px 2px;
}

#author,
#email,
#url,
#comment {
font:					normal 62.5%/1.6em Georgia, serif;
font-size:				1.2em;
color: 					#595959;
border:					1px solid #d3d3d3;
}

.homebox {
	overflow:hidden;
}
