/*  
Theme Name: 5 Circles Blog
Theme URI: 
Description: Two column theme.
Version: 1.0
Author: Blog Design Studio
Author URI: http://blogdesignstudio.com/

	Valid XHTML 1.0 Transitional

*/

* {
margin: 0;
padding: 0;
}

body {
color: #333;
background:#C2CCCB;
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, sans-serif;
/* font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; */
font-size: 80%;
line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
color:#536765;
font-family:Georgia, "Bitstream Charter", "Century Schoolbook L", "Liberation Serif", Times, serif;
/* font-family:Georgia, "Times New Roman", Times, serif; */
}

h1 {
font-size: 3.2em;
}

h1 a { display: block; height: 40px; color: #fff; text-decoration: none; }
h1 a:hover, h1 a:active { color: #fff; }

h2 {
font-size: 21px;
margin-bottom: 0.5em;
}

h3 {
font-size: 17px;
margin-bottom: 0.5em;
}

h4 {
font-size: 14px;
line-height: 1.25;
margin-bottom: 1.25em;
}

h5 {
font-size: 12px;
font-weight: 700;
margin-bottom: 1.5em;
}

h6 {
font-size: 11px;
font-weight: 700;
}

p {
margin: 0 0 1.5em;
}

blockquote {
background: url(images/quote.gif) no-repeat;
color: #719AC6;
margin: 15px;
padding-left: 30px;
}

em {
font-style: italic;
}

strong {
font-weight: 700;
}

pre, code {
font-family: "Courier New", Courier, FreeMono, "Nimbus Mono L", "Liberation Mono", monospace;
/* font-family: "Courier New", Courier, Monospace; */
line-height: 1.5;
}

pre {
background: #efefe9;
border-top: 1px solid #ccc;
white-space: pre;
overflow: auto;
margin: 0 15px;
padding: 10px 15px;
max-height: 300px;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img {
border: none;
}
img.alignleft {
float:left;
margin:5px 10px 5px 0;
}
img.alignright {
float:right;
margin:5px 0 5px 10px;
}

hr {
background: #E6E6D2; 
color: #E6E6D2;
clear: both; 
float: none; 
width: 100%; 
height: .1em;
margin: 0 0 1.4em;
border: none; 
}

hr.space {
height: 4em;
}

a:focus, a:hover, a:link, a:active {
color: #852F39;
text-decoration: none;
}

a {
color: #852F39;
text-decoration: none;
outline: none;
}

ul, ol {
margin: 0 2.5em 1.5em;
}

ul li, ol li {
margin-bottom: 0.5em;
}

ul {
list-style-type: circle;
}

ol {
list-style-type: decimal;
}

input, textarea {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif;
/* font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; */
}

.clear {
float:none;
clear: both;
height:0
}

.container {
width: 880px;
margin: 0 auto;
}
.main {
background:url(images/bg.gif) center top repeat-y;
width: 886px;
}

/********************************* HEADER START *********************************/

#header {
width: 880px;
margin:0px auto;
background:url(images/bg.gif) center top repeat-y;
}

#headline {
width:880px;
display:block;
float:left;
padding:0;
margin:0;
background:url(images/head_pat.gif) left top repeat-x;
}

#headline_h1 {
display:block;
float:left;
margin:17px 0 0 40px;
}
#headline_h1 h1 {
margin:0 0 24px 0;
}

.desc {
font-size:20px;
margin:0;
float:left;
color:#252525;
}

/* Subscribe Section */
.subs {
display:block;
float:left;
background:url(images/head_lens.jpg) left top no-repeat;
width:185px;
height:50px;
padding:95px 0 0 15px;
font-family:Georgia, "Bitstream Charter", "Century Schoolbook L", "Liberation Serif", Times, serif;
/* font-family:Georgia, "Times New Roman", Times, serif; */
color:#fff;
font-weight:normal;
}
.subshead {
font-size:15px;
color:#76666E;
margin-bottom:3px;
}
.subs .email {
background:none;
padding:0;
margin:0 10px 0 0;
color:#fff;
text-decoration:none;
border:none;
cursor:pointer;
float:left;
font-family:Georgia, "Bitstream Charter", "Century Schoolbook L", "Liberation Serif", Times, serif;
/* font-family:Georgia, "Times New Roman", Times, serif; */
font-size:13px;
line-height:15px;
width:70px;
}
.subs .email:hover {
background:none;
text-decoration:underline;
}

.subs a.rss {
padding:0 0 0 20px;
margin:0 0 0 10px;
height:15px;
color:#fff;
text-decoration:none;
background:url(images/rss.gif) left no-repeat;
}
.subs a:hover {
text-decoration:underline;
}
/********************************* HEADER END *********************************/

/********************************* MAIN MENU START *********************************/

.menupack {
width:660px;
height:34px;
float:left;
margin-left:226px;
margin-top:-25px;
}

ul.menu {
list-style-type: none;
height: 34px;
margin: 0;
padding:0;
font-size: 14px;
text-transform:uppercase;
width:660px;
float:left;
}

li.page_item {
float: left;
display: inline;
padding: 0;
margin:0 1px 0 0;
height: 34px;
line-height:34px;
}
li.page_item a {
color:#fff;
display: block;
text-decoration: none;
line-height:11px;
padding: 10px 12px 10px 12px;
}

li.page_item a:hover {
color: #DBD2D7;
padding: 10px 12px 10px 12px;
}
li.current_page_item a {
color: #650934;
background:#fff;
padding: 10px 12px 10px 12px;
}

#breadcrumb {
	float: left;
	width: 604px;
	font-size: 13px;
    background: #EDEDEB;
    color: #252525;
	margin:0 0 20px 0;
	padding: 2px 10px 2px 10px;
	}

#breadcrumb a, #breadcrumb a:visited {
	color: #252525;
	text-decoration: none;
	}
	
#breadcrumb a:hover {
	color: #333;
	text-decoration: underline;
	}

/********************************* MAIN MENU END *********************************/

#leftcolumn {
float: left;
width: 620px;
padding:0;
margin:20px 0 30px 23px;
overflow: hidden;
}
#rightcolumn {
float: right;
width: 200px;
padding:0;
margin:20px 13px 20px 0;
}
#leftcolumn a {
color: #852F39;
text-decoration: none;
}


/********************************* POST CONTENT Classes *********************************/

.post {
padding: 0 0 10px 0;
margin:0 0 40px 0;
float:left;
clear:both;
width:100%;
font-size:13px;
line-height:23px;
border-bottom:1px solid #EDEDEB;
}

.naslov {
margin:0 0 10px 0;
}

.title {
margin:0;
float:left;
clear:both;
width:100%;
}
.title h2 {
margin:0;
text-decoration: none;
}
.title h2 a {
color: #444;
text-decoration:none;
}
.title h2 a:hover { 
color: #650934;
}

a.more-link {
display:block;
float:right;
width:120px;
margin:10px 0 10px 0;
font-size:11px;
font-family:Georgia, "Bitstream Charter", "Century Schoolbook L", "Liberation Serif", Times, serif;
/* font-family:Georgia, "Times New Roman", Times, serif; */
}
a:hover.more-link {

}

.pagers {
width: 98%;
margin: 0 auto;
height: 30px;
}
.pagers a {
color: #666;
}

.postdata {
font-size:11px;
color:#999;
}
.tags {
font-size:11px;
float:left;
width:490px;
margin:10px 0 10px 0;
}

/************************* SIDEBAR MAINS START ********************************/

/* Search */
.searchform {
padding: 0;
display:block;
float:left;
margin:0 0 30px 0;
background:#fff;
border: 1px solid #D9D8D8;
width: 198px;
}
.searchword {
float:left;
font-size:17px;
margin:0;
color:#536765;
font-family:Georgia, "Bitstream Charter", "Century Schoolbook L", "Liberation Serif", Times, serif;
/* font-family:Georgia, "Times New Roman", Times, serif; */
}
.searchform input#s {
font-size: 12px;
width: 160px;
height:17px;
line-height:17px;
padding:3px 5px 4px 5px;
float:left;
margin:0;
color:#666;
background:none;
border:none;
}
.searchbutton {
float:right;
background:url(images/search_lens.gif) no-repeat;
border:none;
width:19px;
height:17px;
margin:2px 2px 0 0;
cursor:pointer;
}
.searchbutton:hover {
background:url(images/search_lens.gif) 0 100% no-repeat;
}

.survey-test {
display:block;
float:left;
width:180px;
height:217px;
background:url(images/survey.jpg) left top no-repeat;
margin:0 0 30px 0;
padding:7px 10px 0 10px;
color:#536765;
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif;
/* font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; */
/* font-family:Georgia, "Times New Roman", Times, serif; */
text-align:right;
font-size:11px;
line-height:15px;
}

.survey {
display:block;
float:left;
width:180px;
height:217px;
background:url(images/survey.jpg) left top no-repeat;
margin:0 0 30px 0;
padding:7px 10px 0 10px;
color:#536765;
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif;
/* font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; */
/* font-family:Georgia, "Times New Roman", Times, serif; */
text-align:right;
font-size:11px;
line-height:15px;
}
a.fillout {
display:block;
width:180px;
height:30px;
margin:15px 0 0 0;
float:left;
}


ul.sidebar {
list-style-type: none;
margin: 0;
padding: 0;
float:right;
}
.sidebar li {
padding:0;
margin:0;
}
li.widget {
clear:both;
margin-bottom:30px;
list-style-type:none;
}
li.widget ul {
list-style-type: none;
margin: 0;
padding: 0 0 2px 0;
font-size:11px;
width:200px;
} 
.sidebar ul li {
line-height:15px;
margin:0 0 7px 0;
padding: 0 0 0 10px;
background:url(images/arrow.gif) left top no-repeat;
background-position:1px 7px;
}
.sidebar ul li:hover {
background:url(images/arrow_h.gif) left top no-repeat;
background-position:1px 7px;
}
.sidebar ul li ul {
width:120px;
border-bottom:none
}
.sidebar .children {
margin: 5px 0 0 10px;
}
 
.sidebar a {
color: #852F39;
font-size:11px;
padding: 0;
text-decoration:none;
}
.sidebar a:hover {
color:#852F39;
text-decoration:none;
}
 
#rightcolumn {
font-size:11px;
}
#rightcolumn h3 {
margin:0 0 5px 0;
border-bottom:1px solid #D9D8D8;
/* width:200px; */
}


.comsubline {
font-size:11px;
color:#536765;
}
/************************* SIDEBAR MAINS END ********************************/

.inside_subpost {
display:block;
float:left;
width:100%;
padding:0;
}
.nextlinks {
width:460px;
float:left;	
margin:0;
}
.nextlinks ul {
margin:0;
padding:0;
}
.nextlinks li {
list-style-type:none;
margin:0;
padding:0 0 3px 10px;
margin:3px 0 0 0;
background:url(images/arrow.gif) left top no-repeat;
background-position:1px 7px;
}
.nextlinks a {
line-height:13px;
font-size:13px;
padding:0
}

.printemail {
width:140px;
float:right;
text-align:left;
margin:0;
}
/************************* COMMENTS AREA START ********************************/
#commentArea {
float:left;
clear:both;
width:100%;
font-size:12px;
margin:30px 0 0 0;
}

.commentlist {
margin: 0;
padding:0;
list-style-type:none;
clear:both;
}
.commentlist p {
padding:0;
margin:0;
}
.komentar {
margin:0;
padding:0;
}
.commentlist a {
border-bottom:1px dotted;
text-decoration:none;
}
.commentlist a:hover {
text-decoration:none;
border-bottom:none;
}
.commentlist .body {
padding: 0;
margin:0;
overflow: hidden;
float:left;
width:600px;
display:block;
color:#45322f;
}
.commentlist .body .body-author {
padding:0;
margin:5px 0 0 0;
overflow: hidden;
color:#650934;
}
.commentlist .body p {
clear:both;
padding-top:0;
}
.commentlist li {
padding: 10px;
margin:0;
clear:both;
display:block;
float:left;
border-bottom:1px dotted #D9D9D9;
}
.commentlist li .top {
color: #45322f;
padding: 0;
margin:2px 0 10px 5px;
font-size:15px;
line-height:12px;
width:510px;
float:left;
font-weight: bold;
clear:right;
}
.commentlist li .top a {
color: #650934;
}
.commentlist li .top span {
font-weight: 400;
color:#505e66;
display:block;
margin-top:8px;
font-size:11px;
}
.alt {
background:#FBFBFB;
}

.gravatar {
height:36px;
width:36px;
float:left;
margin:0;
clear:left;
}

.theform_packer {
margin-top:30px;
}

#respond {
height:30px;
}

.theform {
width:454px;
}

.theform label {
font-size: 0.9em;
vertical-align: middle;
}

#remember, #forget, #txpCommentHelpLink {
margin-left: 2em;
}

#commentform {
padding:0;
}

.comment_input {
vertical-align: middle;
width: 156px;
height:19px;
background:#FCFCFC;
border: 1px solid #B3B3B3;
padding: 3px 5px 0 5px;
margin:0;
font-family: Arial, Helvetica, FreeSan, "Liberation Sans", "Nimbus Sans L", sans-serif;
/* font-family: Arial, Helvetica, sans-serif; */
}
#commentform input:focus {
border: 1px solid #650934;
width: 156px;
height:19px;
background:#fff;
}

.message_input {
font-size: 1em;
width: 383px;
height: 115px;
background:#FCFCFC;
border: 1px solid #B3B3B3;
margin:0;
padding: 5px;
font-family: Arial, Helvetica, FreeSan, "Liberation Sans", "Nimbus Sans L", sans-serif;
/* font-family: Arial, Helvetica, sans-serif; */
}

#commentform textarea:focus {
width: 383px;
height: 115px;
padding: 5px;
border: 1px solid #650934;
background:#fff;
}

.commentlist_error {
color: #c00;
}

.button {
width:60px;
height:25px;
font-size:10px;
line-height:11px;
text-transform:uppercase;
cursor:pointer;
border:none;
font-family: Arial, Helvetica, FreeSan, "Liberation Sans", "Nimbus Sans L", sans-serif;
/* font-family: Arial, Helvetica, sans-serif; */
background:#DBD2D7;
color:#650934;
}
.button:hover {
cursor:pointer;
border:none;
background:#650934;
color:#fff;
}
#commentform .button:focus {
width:60px;
height:25px;
cursor:pointer;
border:none;
background:#650934;
}
/************************* COMMENTS AREA END ********************************/




/************************* FOOTER START ********************************/
#footer {
color: #fff;
width: 100%;
padding: 0;
font-size:11px;
display: block;
background:url(images/bg.gif) center top repeat-y;
}
#footer a {
color:#fff;
}
#footer .container {
background:#852F39;
}
.footmenu {
background:#DBD2D7;
width:880px;
text-align:center;
color:#252525;
padding: 7px 0 7px 0;
font-size:13px;
}
.footmenu a, .footmenu a:visited {
color:#252525!important;
text-decoration:none;
}
.footmenu a:hover {
color:#852F39!important;
}

.credits {
text-align:center;
padding: 7px 0 7px 0;
border-bottom:3px solid #9AA8A7;
background:#76666E;
}

/************************* FOOTER END ********************************/



/* Page Navigation  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pageNav { padding: 7px 0 0 0; margin:20px 0 30px 0; height:40px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
.pageNav a, .pageNav a:visited { display:block; float:left; text-align:center; line-height:26px; height:26px; width:28px; font-size: 17px; color:#252525; text-decoration:none; margin-right:1px; font-weight:normal; }
.pageNav a:hover { text-decoration: none; color:#B50801; }
.pageNav span { display:block; float:left; text-align:center; line-height:26px; height:26px; width:130px; margin-right:1px;color:#515860;}
.pageNav .on { display:block; float:left; text-align:center; line-height:20px; height:20px; width:28px; background: url(images/pager_on.gif) no-repeat; color:#B50801; margin-right:1px; font-size:28px; font-weight:normal; }

.dotts {width:22px; text-align:center; display:block; float:left;}
.pageNav a.lastpage { background: url(images/pager_last.gif) no-repeat; width:33px; text-align:center}
.pageNav a:hover.lastpage { background: url(images/pager_last_on.gif) no-repeat; width:33px;}