/*
 Theme Name: Typo-o-graphy 
 Theme URI: http://demo.tommek.eu/wordpress/?wptheme=Typo-o-graphy
 Description:Free themes by <a href="http://tommek.eu/">Tommek.eu</a>
 Author: Tomasz Mazur
 Author URI: http://tommek.eu/web/wordpress-phpbb3-themes/typo-o-graphy-wordpress
 Template:
 Version: 2.2.2
 License: General Public License
 Tags: two-columns,  fixed-width, microformats, sticky-post, right-sidebar, white, theme-options, threaded-comments, holiday
 */
textarea, input, select, fieldset, td, th, table, #comments,  .tab, #wp-calendar, 
#comments li, .post, .linkpage a,  .arch ul li ul li, .attachment, .wp-post-image{
	border-top: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
	background:#fff;
}
body {
    font:0.88em/1.5 "Palatino Linotype", Georgia, URW Palladio L, "Times New Roman", Times, serif;
    color: #000;
    background: #993300;
}
html>body {
	font-size:14px;
}
p {
	font-size:1em;
    margin:0 0 1.5em 0;
	text-indent:0;
}
h1, h2, h3, h4, h5, h6{
	font-variant:small-caps;
	font-weight:normal;
    margin: 1.5em 0; 
	color:#909090;
}
h1, h2{
	font-size:1.71em;
	margin: 0.76em 0;
}
h3{
	font-size:1.43em;
}
h4{
	font-size:1.29em;
}
h5{
	font-size:1.14em;
}
a {
    color: #669966;
    text-decoration: none;
    outline: none;
}
a:hover {
    color:#7D7D7D
}
dd:before{
	content: "- ";
}
code, pre, tt {
	display: block;
	font:1em Consolas, Lucida Console, Monaco, monospace;
	padding:5px;
	border-left:5px #EFEFEF solid;
	overflow:auto!important;
	overflow:scroll;
	margin:10px 0;
	width:490px;
}
sub, sup{
    font-size:0.76em;
}
abbr{
	cursor:help;
}
blockquote, q {
    margin:1.5em;
	font-style:normal;
	color:#604A3A;
}
textarea {
    width:100%;
	height:10em;
}
textarea, input, select {
    background: #fff;
    margin:0 10px 0 0;
	padding: 2px 3px;
}
legend{
	font-style:oblique;
	padding:0 5px;
}
fieldset{
	padding:10px;
}
sub, sup{
	color:#1744BF;
	font-size:0.88em
}
hr{
	color:#F2EAE0;
}
table{
	text-align:left;
	table-layout:fixed;
	width:100%;
	overflow:hidden;
	border-collapse:separate;
	border-spacing:1px 2px;
	empty-cells:show;
	background:#EFEFEF;
}
td, th{
	padding:3px 5px 4px 5px;
	empty-cells:show;
}
td{
	background:#FFF;
	font:.86em Consolas, Lucida Console, Monaco, monospace;
}
th{
	background:#EFEFEF;
	margin:2px;
}
table caption{
	text-align:left;
	padding:4px;
	caption-side:bottom;
}
/*---- header ---*/ 
#header {
    background: #000;
	padding-bottom:10px;	
} 
#header .grid_7, #header .grid_12{
	background: #000 url(images/headertop.gif) no-repeat top center;
}
#header h1,  #header h2 {
    font-size: 48px;
	margin:0 10px;
	padding:40px 0 85px 0;
	background: url(images/header.gif) no-repeat bottom center;
	text-align:center;
	line-height:0.9
} 
#header strong{
    color:#BFBFBF;
    font-weight: normal;
    padding:3px 8px 20px 8px;
    margin:0 auto 0;
	display:block;
	max-width:360px;
	text-align:center;
	font-size:14px;
    background:transparent url(images/headerbtm.gif) no-repeat bottom center;
	letter-spacing:1px;
}   /*nav */
#nav .grid_5 a, #nav .grid_5 a img{
	margin:0;
	padding:0;
	float:right;
}
#searchform p{
	float:left;
	margin:4px 0;
}
#searchform input{
	background:#EFEFEF
}
#searchform input#s {
    width: 14em;
    border-top: 2px solid #BFBFBF;
    border-left: 2px solid #BFBFBF;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
	background:#fff;
}
#nav{
	border-top:3px #919194 double;
	border-bottom:3px #919194 double;
	margin-bottom:20px;
	background:#fff;
	position:relative;
	width:100%;
}
#nav li {
    display:block;
    float:left;
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;	/* Sophie Dennis contribution for IE7 */
	background:#fff	
}
#nav li ul li {
    border-left:1px #919194 solid;
	border-right:1px #919194 solid;
	border-bottom:1px #919194 solid;	
	background:#fff;
	width:auto;
}
html>body #nav li ul li{
	width:100%;
}
#nav li ul li a{
	text-align:left;
}
#nav .current_page_item a{
	color:#7D7D7D!important
}
#nav a{
	text-align: center;
	display:block;
	white-space:nowrap;
	padding:5px 8px 8px 8px;
}
#nav ul{
	margin:0;
	padding:0;
	z-index:500;
}
#nav ul ul{
	position:absolute;
	z-index:504;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
}
#nav ul ul ul{
	top:0;
	left:100%;
}
div#nav li:hover{
	cursor:pointer;
	z-index:100;
}
div#nav li:hover ul ul,
div#nav li li:hover ul ul,
div#nav li li li:hover ul ul,
div#nav li li li li:hover ul ul
{display:none;}

div#nav li:hover ul,
div#nav li li:hover ul,
div#nav li li li:hover ul,
div#nav li li li li:hover ul
{display:block;}

/*------ post - page -*/
.post, .attachment{
    float:left;
	margin-bottom:5px;
	width:100%;
} 
.post img, .attachment img{
	max-width:520px;
}
.entry{
	padding:0 10px 10px 10px;
	overflow:hidden;
}
.entry .wp-post-image{
	float:left;
	margin:5px 5px 0 0
}
.title{
	padding:10px;	
	font-variant:small-caps;
	text-align:center;
}
.title h1, .title h2{
	margin:0;
	padding:0 0 0.2em 0;
	border-top:1px dotted #AFAFAF;
	border-bottom:1px dotted #AFAFAF;
}
.title em{
	font:0.88em Helvetica, "Trebuchet MS", Arial,  sans-serif;
}
.entry ul,  .entry ol{
	list-style:disc;
	margin:5px 15px;
}
.entry ul li ul{
	list-style:circle;
	margin:8px;
}
.entry ol{
	list-style:decimal;
}
.entry ol li ol{
	list-style:lower-alpha;
	margin:8px;
}
.wp-post-image{
	padding:0;
	margin:0;
}
html>body .wp-post-image{
	padding:5px;
	margin:0;
}
.sticky{
	background:#EFE7D1;
}
.social{
	margin:10px;
	float:right;
}
.social li {
	display:inline;
    margin-right:8px;
}
.social li img{
	width:30px;
	height:30px;
	padding:0;
}
.arch ul, .arch ul li ul{
	margin:0!important;
	padding:0
}
.arch ul li{
	margin: 0;
	list-style:none
}
.arch ul li ul li {
	background:#EFEFEF;
	margin:5px 0;
	padding:10px 30px;
}
.arch  ol li{
    border:none!important;
	padding:0!important;
	list-style:decimal!important;
}
.arch h1, .arch h3{
	margin:0
}
.about{
	border:none;
	color:#CFCFCF;
	padding:10px;
	margin:10px 0 0 0;
	background:#1F1F1F;
	float:right;
}
.about li{
	font:0.88em/1.5 Helvetica, "Trebuchet MS", Arial,  sans-serif;
	margin-bottom:5px;
}
.about li h3{
	margin:0 0 10px 0;
	font-family: "Palatino Linotype", Georgia, URW Palladio L, "Times New Roman", Times, serif;
}
.about img{
	margin:0 0 5px 5px;
	float:right;
	width:80px;
	max-width:80px!important;
	padding:5px;
	background:#787878;
}
.entry .vcard{
	margin:10px;
	list-style:none
}
/*----- pagenavi ----*/ 
.wp-pagenavi {
    margin:5px 0 5px 0;
	padding:5px 10px;	
	float:left;
	width:960px;
} 
.wp-pagenavi a {
	border:0!important;
	background:transparent!important;
	margin:0 0 0 10px;
}
.linkpage a{
	margin-right:20px;
	padding:5px;
	background:#EFEFEF;
}
.extend, .current{
	color:#BFB1A7;
	margin:0 0 0 10px;
}
/*---- sidebar ----*/
.menu{
	font:0.88em Helvetica, "Trebuchet MS", Arial, sans-serif;
	margin-bottom:1px;
	background:#1F1F1F;
	color:#787878;
	overflow:hidden;
	padding-bottom:15px;
	float:right;
}
.menu a{
    color:#CFCFCF;	
} 
.menu a:hover { 	
	color:#7F7F7F;
}
.menu img{
	max-width:360px;
}
.menu .grid_2 img{
	max-width:160px;
}
.menu h2, .menu h3 {
    margin:10px 0;
	padding:0;
	font-family:"Palatino Linotype", Georgia, URW Palladio L, "Times New Roman", Times, serif;
} 
.menu ul{
	display:block;
}
.menu ul li{
    line-height:1.5;
}
.grid_3 ul li ul li a{
    padding-left:10px;
}
.menu input, .menu textarea{
	background:#CFCFCF
}
/*contact*/
.wpcf7 input, .wpcf7 textarea{
	width:180px
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{
	width:172px
}
/*---- comments ---*/ 
#comments{
	float:left;
	margin-bottom:20px;
	width:100%;
}
#comments h3 {
    margin: 10px 0;
} 
#comments label, #comments small{
	font-size:0.88em;
}
#comments .grid_6 li {
    margin: 5px 0;
    padding: 5px;
    display: block;
}  
#respond label, #respond small{
	font:0.71em Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
}
#respond small{
	font-size:0.79em;
}
#comments .vcard{
	width:auto;
} 
#submit{
	background:#EFEFEF
}
.even{
	background:#EFEFEF!important;
}
.byuser, .bypostauthor{
	background:#EFE7D1!important;
}
.avatar{
	padding:5px;
	background:#9F9F9F;
	margin-bottom:10px;
	float:right;
}
/*------ /comments -------- footer ---*/
#footer {
	border-top:3px #F2EAE0 double;
    background: #000;
    clear: both;
	color:#DFDFDF;
	margin:0;
	padding:0;
	height:100%;
}
#footer h3, #footer p {  
    margin:20px 0 6px 0;
}
#footer li {
	margin:2px 0;
	padding:2px 5px 4px 5px;
}
#footer li ul li ul li{
	background:#000;
}
.flickr{
	float:left;
	width:100%;
}
#footer em{
	color:#A90000;
	letter-spacing:1px;
}
.flickr_badge_image{
	float:left;
	margin:0 10px 0 0;
}
.flickr_badge_image a img{
	padding:4px;
	float:left;
	background:#1F1F1F;
}
#twitter_div ul{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
#twitter_div ul li{
	margin:10px 0;
	background:#1F1F1F;
}
#twitter_div ul li a:after{
	content:" * "
}
.menubtm{
	clear:both;
	text-align:center;
	color:#BFBFBF;
    padding:20px 0 10px 0;
}
.menubtm li {
	display:inline;
	border:none;
}
/*----------- GALLERY WORDPRESS -----*/
dl.gallery-item {
	float: left;
	margin-top: 10px;
	width:auto;
}
.gallery img {
	border: 1px solid #cfcfcf;
}
.gallery-caption {
	float:right;
	text-align:left;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #FFF8EF;
    padding-top: 4px;
    margin: 10px;
} 
.wp-caption-text{
	padding:5px 5px 0 5px;
	font-size:0.875em;
}
.wp-caption a:hover{
	border:0;
}
.wp-caption img {
    margin: 5px;
    padding: 0;
    border: 0 none;
} 
.wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
#wp-calendar{
	width:60%;
	margin:10px 10px 10px 0;
}
#wp-calendar a{
	color:#A90000;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}