@import url("css/global.css");
@import url("css/superfish.css");
/*
Theme Name:LetterPress
Theme URI:http://letterpress.divinedeveloper.com/
Description: LetterPress is highly customizable WordPress Theme with CMS Features which can be either used as Blog / Portfolio  or full blown Multi-author Magazine / Newspaper / Community site able to handle loads of content. 
Version:0.1 
Author: Mladen Milentijevic
Author URI:http://www.devinedeveloper.com/
Tags: 
*/


body {
	background:#bdc8be url(images/body_bgr.png) repeat-x scroll left top;
}
a {
	color: #555;
	text-decoration: none;
}
a:hover {
	color:#7F8CA7;
	background-color:#f1f1f1;
	text-decoration: none;
}
#page {
	width:960px;
	margin:0 auto;
	text-align: left;
}
/* **************** Featured *************** */
#slider {
	height:auto;
	width:940px;
	float:left;
	margin:30px 10px 0;
	padding:0 0 30px;
	background: transparent url(images/border.gif) repeat-x bottom left;
}
#featured {
}
#controls {
	position: absolute;
	z-index: 10;
	width: 940px;
	padding: 100px 0;
}
#controls .next, #controls .prev {
	text-indent: -9000px;
	width: 30px;
	height: 30px;
	display: block;
}
#controls .prev {
	background: url(images/prev.png) no-repeat;
	float: left;
}
#controls .next {
	background: url(images/next.png) no-repeat;
	float: right;
}
#featured-slideshow {
}
.featured-entry {
	padding:0;
}
#featured img.bigimage {
	margin: 0;
	padding:0;
}
#featured img.alignright {
	display:inline;
	float:right;
	margin:0 0 0 20px;
	padding:4px;
	background: #eeeeee;
	border:1px solid #fff;
	margin: 40px 50px 40px 20px;
}
#featured h2 {
	margin: 0 0 10px 0;
	font-size: 1.4545em;
	line-height: 1.1688em;
	padding: 40px 50px 0 50px;
}
#featured a {
	border-bottom:none;
}
#featured:hover {
	color:#333333;
}
#featured p {
	padding: 0 50px 0 50px;
}
#featured a.more-link {
	float:left;
	padding: 0px 50px 0 50px;
}
/* **************** Header *************** */
#header {
	width:940px;
	float:left;
	margin:0 10px;
	padding: 0 0 0px;
}
#header #logo a img {
	border: none;
	margin: 0;
	padding: 0;
}
#header #logo a {
	border: none;
	background: none;
}
#logo {
	width:250px;
	display:inline;
	float:left;
	margin:0 10px 0 0;
	height:145px;
}
#logo h1 {
	font-size:32px;
	font-weight:600;
	letter-spacing:-4px;
	text-decoration:none;
	padding: 55px 0 0;
	font-variant: small-caps;
	margin: 0 0 10px;
}
#logo h1 a {
	color:#111;
	border-bottom:none;
}
#logo h1 a:hover {
	color:#7F8CA7;
	background: none;
}
#logo h2 {
	font-size:18px;
	font-weight:200;
	letter-spacing:-1px;
	margin: 0;
}
/* **************** Navbar *************** */
.nav {
	width:620px;
	display:inline;
	float:left;
	margin:55px 0 0 10px;
}
.nav ul {
	float:right;
        width: 750px;
}
.nav li {
	text-align:center;
	float:left;
	display:inline;
	padding:0;
	border-bottom:4px solid #f1f1f1;
	margin:0 0 0 12px;
}
.nav li a {
	font-size:13px;
	display:block;
	padding:13px;
	margin:1px;
	border-bottom:none;
	color:#f1f1f1;
}
.nav li a:hover, .nav li.sfHover a {
	background:#f1f1f1;
	color:#5e6572;
}
.nav li.current_page_item, .nav .current-cat {
	border-bottom:4px solid #7F8CA7;
}
.nav li.current_page_item a, .nav .current-cat a {
	color:#f1f1f1;
}
.nav li.current_page_item a:hover, .nav .current-cat a:hover {
	background:#7F8CA7;
}
.nav ul.sf-js-enabled li ul {
	background:#f1f1f1;
}
.nav ul.sf-js-enabled li li {
	padding: 0;
	text-align:left;
	border-top: 1px solid #fff;
	margin: 0;
	border-bottom:1px solid #cccccc;
}
.nav ul.sf-js-enabled li ul li a {
	padding: 10px 19px;
	font-weight:normal;
	font-size: 12px;
	font-style: italic;
	background:#f1f1f1;
	color:#5e6572;
}
.nav ul.sf-js-enabled li ul li a:hover, .nav ul.sf-js-enabled li ul li.sfHover a, .nav ul.sf-js-enabled li ul li.sfHover ul li a:hover {
	background:#f1f1f1;
}
.nav ul.sf-js-enabled li ul li.sfHover ul li a {
	background:#f1f1f1;
}
.nav ul.sf-js-enabled li ul li ul li.sfHover a {
	background:#f1f1f1;
}
.nav ul.sf-js-enabled li ul li ul li.sfHover ul li a {
	background:#f1f1f1;
}
/* **************** Content *************** */
#main {
	width:940px;
	float:left;
	margin:0 10px 0;
}
#fullwidth {
	width:940px;
	float:left;
	margin:10px 10px 0;
}
#fullwidth .post {
	padding:10px 0 ;
}
#content {
	width:620px;
	display:inline;
	float:left;
	padding:20px 0 20px 0;
	overflow:hidden;
}
.post {
	padding:10px 20px 10px 0;
}
.smallboxfr .hentry {
	padding:10px 20px 10px 20px;
}
.smallboxfl .hentry {
	padding:10px 20px 10px 0;
}
#boxholder {
}
.smallboxfl {
	width: 300px;
}
.smallboxfr {
	width: 320px;
}
.post p {
}
.entry a {
		background:#f1f1f1;
}
h1.pagetitle, h1.posttitle {
	margin:0;
	padding: 10px 0 20px 0;
	background: url(images/border.gif) repeat-x bottom left;
	display:block;
}
h2.center {
	margin:0;
	padding: 20px 0;
	display:block;
}
.single h1.posttitle {
	margin:0 0 10px;
	background:none;
	padding: 10px 0 0;
	display:block;
}
.archivetitle {
	background: url(images/border.gif) repeat-x bottom left;
	display:block;
	margin:0 0 10px;
	padding:10px 0 20px 0;
	font-size: 18px;
	line-height: 1em;
}
.single .meta {
	margin:0;
	padding: 0 0 20px 0;
	background: url(images/border.gif) repeat-x bottom left;
	display:block;
}
.post h2.posttitle {
	margin: 0 0 10px;
	font-size:21px;
	line-height: 0.8571em;
}
.post h3.posttitle {
	margin: 0 0 10px;
	font-size:16px;
	line-height: 1.125em;
}
.post h2.posttitle a, .post h3.posttitle a {
	color: #111111;
}
.post h2.posttitle a:hover, .post h3.posttitle a:hover {
	color:#7F8CA7;
}
img.post_thumbnail {
	margin: 0 20px 0 0;
}
.smallboxfl img.post_thumbnail, .smallboxfr img.post_thumbnail {
	margin: 0 auto 20px;
}
.single img.post_thumbnail {
	margin: 10px 20px 0 0;
}
.post img {
	max-width: 580px;
	height: auto;
	padding:5px;
	background: #eeeeee;
	border:1px solid #fff;
	display: block;
}
.imgnav img {
	padding:5px;
	background: #eeeeee;
	border:1px solid #fff;
	display: block;
}
.post a:hover img {
	border:1px solid #999;
}
.meta {
	margin: 0 0 9px 0;
	font-size: 10px;
	color: #666;
}
.meta span {
	background:#f1f1f1;
	padding: 2px;
}
a.more-link {
	background:#F1F1F1 url(images/bgr2.png) repeat scroll 0 0;
	padding:2px;
	font-size:11px;/*	padding:3px 6px;
	background:#f1f1f1 url(images/bgr2.png);
	border: 1px solid #fff;
	float:right;
	margin: 6px 0 0;*/
}
a.more-link:hover {
	background:#f1f1f1;
}
.readmore {
}
.post ul {
}
.post ol {
}
.gallery img {
	border:1px solid #cccccc !important;
}
.post .wp-caption {
	background:#eeeeee;
	border:1px solid #ccc;
	margin:10px;
	text-align:center;
	padding:5px 0 0;
}
.post .wp-caption-text {
	margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
	border-bottom:0;
}
.post .wp-caption img, .post .wp-caption a:hover img {
	border:0;
}
.post blockquote {
	padding-left:35px;
	padding-top:10px;
	background: url(images/quote.gif) no-repeat 0 10px;
}
.post pre {
	font-family:courier;
	font-size:12px;
	letter-spacing:-1px;
}
/* PageNavi*/
.wp-pagenavi {
	padding: 35px 10px 0;
	text-align: center;
	font-size: 11px;
	line-height: 1.87em
}
.wp-pagenavi span.pages, .wp-pagenavi a {
	margin: 3px;
	padding:3px 6px;
	background:#f1f1f1 url(images/bgr2.png);
	border: 1px solid #fff;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background:#7F8CA7;
	color: #ffffff;
	border: 1px solid #7F8CA7;
}
.wp-pagenavi span.current, .wp-pagenavi span.extend {
	margin: 3px;
	padding:3px 6px;
	background:#7F8CA7;
	border: 1px solid #7F8CA7;
	color: #ffffff;
}
/* **************** Sidebar *************** */
#sidebar {
	width:300px;
	display:inline;
	float:right;
	padding:10px 0 40px 0;
}
.widget {
	margin:0 0 0 20px;
	padding:20px 0;
	background: transparent url(images/border.gif) repeat-x bottom left;
}
#sidebar h3 {
	margin:0 0 10px 0;
	font-size: 14px;
	line-height: 1em;
}
#sidebar p {
	padding: 0 10px;
}
#sidebar .widget ul {
	margin: 0;
	list-style-type: none;
}
#sidebar .widget ul .children {
	padding: 0 0 0 8px;
}
#sidebar .widget li {
	margin:0;
}
#sidebar .widget a, #sidebar .widget a:hover {
}
#sidebar .widget li a, .tabbertab ul li a {
	background:transparent url(images/bullet.png) no-repeat scroll 6px 50%;
	font-size:11px;
	padding:2px 0 2px 30px;
	display:block;
}
#sidebar .widget li a:hover, .tabbertab ul li a:hover {
}
#sidebar .widget_search label {
}
#sidebar .widget_tag_cloud h3 {
	margin:0 0 8px;
}
#sidebar .widget_text h3, #sidebar .calendar h3 {
}
#sidebar .calendar h3 {
	display:none;
}
#sidebar #wp-calendar {
	width:95%;
	text-align:center;
}
#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th {
	text-align:center;
}
#sidebar #wp-calendar caption {
	margin:0 0 20px 0;
	font-size: 1.4545em;
	line-height: 1.1688em;
	padding: 6px 0;
}
#sidebar #wp-calendar th {
	font-weight: bold;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#sidebar #wp-calendar tfoot td {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#sidebar .floatleft img {
	border:1px solid #cccccc;
	padding:2px;
	margin: 0 10px 0 0;
	background:#eee;
}
/* **************** Search Form *************** */
#subscribe {
	margin: 10px 0;
}
#searchform {
	background:transparent;
	width: 280;
	height: 31px;
	line-height: 31px;
}
#searchform #s {
	background:transparent url(images/sform.png) no-repeat left bottom;
	border:none;
	color:#808080;
	float:left;
	padding: 8px 5px;
	width:240px;
	margin: 0;
	text-align:left;
	
}
#searchform input.submit {
	background:transparent url(images/sbutton.png) no-repeat right bottom;
	cursor:pointer;
	height:31px;
	width:30px;
	border:none;
	padding: 0;
	float:right;
	margin: 0;
}
#subscribe #fbemail {
	padding: 6px 4px;
	font: inherit;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 220px;
	border:none;
margin: 0 0 10px;
}

#subscribesubmit{
	background:#f7f7f7 url(../images/bgr2.png);
	color: #333333;
	border:none;
	font-weight: 600;
	margin-bottom:10px;
	padding:6px;
	cursor: pointer;
	overflow: hidden;
	width: auto;
	border:1px solid #FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#subscribesubmit:hover {
	color: #7F8CA7;
}
#subscribe input:focus {
	background-color: #f1f1f1;
}
#sidebar .widget li a.feedlink {
	background:#f1f1f1 url(images/rss.png) no-repeat scroll 6px 52%;
}
#sidebar .widget li a.feedcomments {
	background:#f1f1f1 url(images/rss.png) no-repeat scroll 6px 52%;
}
#sidebar .widget .social_networks a {
	border: none;
	background: none;
}
#sidebar .widget .social_networks img {
	margin: 0 6px 9px 0;
}
/* **************** Comments *************** */

#comments h4 {
	margin: 20px 0 0;
	border-bottom:1px solid #999;
	padding: 0 0 20px;
	font-size: 1.5em;
	line-height: 1em;
}
#comments h5 {
	margin: 0 0 20px 0;
	padding: 20px 0 0;
	font-size: 1.3333em;
	line-height: 1.125em;
	border-top:1px solid #fff;
}
#comments cite {
	font-size:14px;
	font-weight:normal;
}
#comments em {
	font-style:italic;
	text-align:right;
}
#comments ol.commentlist {
	margin:0;
	list-style: none;
}
#comments ul {
	list-style-type:none;
}
#comments ol.commentlist li {
	margin:0;
	padding:20px;
}
#comments ol.commentlist li.even {
	border-top:1px solid #fff;
	border-bottom:1px solid #999;
}
#comments ol.commentlist li.odd {
	border-top:1px solid #fff;
	border-bottom:1px solid #999;
}
.comment-author {
	margin-right: 10px;
}
#comments span {
	display:block;
	color:#eee;
	font-size:120px;
	font-weight:normal;
	float:right;
	padding:25px 0 95px;
}

/* **************** Footer *************** */
#footer {
	clear: both;
	text-align:center;
	padding:20px 0 20px;
	width:940px;
	margin:0 10px;
	background: url(images/border.gif) repeat-x top left;
	font-size: 11px;
}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabbertab {
	padding: 10px 10px 10px 0;
}
.tabberlive {
	margin:0 0 0 20px;
	padding:20px 0;
	background:transparent url(images/border.gif) repeat-x left bottom;
}
.tabbertab ul {
	list-style-type: none;
	margin:0 0 10px 0;
}
.tabbertab ul li {
	margin:0 0 0 10px;
}
.tabbertab div {
	padding: 0 0 0 10px;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
#sidebar ul.tabbernav {
	width: 280px;
	list-style: none;
	margin:0;
	border-bottom: 1px solid #fff;
}
#sidebar ul.tabbernav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
#sidebar ul.tabbernav li {
	float: left;
	margin: 0 3px 0 0;
	min-width: 64px; /* be nice to Opera */
	line-height: 24px;
}
#sidebar ul.tabbernav li a {
	display: block;
	margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding: 3px 6px;
	color:#555555;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
	outline: 0; /* prevent dotted border in Firefox */
	background:#f1f1f1 url(images/bgr2.png);
	border-bottom: none;
}
#sidebar ul.tabbernav li a:hover {
	color: #555555;
	background:#f1f1f1;
}
#sidebar ul.tabbernav li.tabberactive a {
	color: #333;
	padding: 3px 6px;
	line-height: 24px;
	background: #f1f1f1;
	border: 1px solid #fff;
	border-bottom: none;
	position:relative;
	top:1px;
	z-index:105;
	min-width: 64px; /* be nice to Opera */
}
#sidebar ul.tabbernav li.tabberactive a:hover {
	color: #555555;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	clear:both;/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
	/* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
	border: 1px solid #fff;
	border-top: 0px solid #fff;
	background: #f1f1f1;
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h5 {
	display:none;
}
.tabberlive .tabbertab h3 {
	display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}


ol.forms textarea {
height:100px;
width:320px;
}