/*
Theme Name: Dobar Kod
Theme URI: http://dobarkod.hr/
Description: 
Version: 1.0
Author: Lucijan Blagonic
Author URI: http://blagonic.com/
Tags: 
*/

/* CSS RESET - MEYERWEB.COM */
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: "" "";
}

*{ margin:0px; padding:0px; }
body{ font: 62.5% Arial, Helvetica, sans-serif; color:#696969; text-align:center; background-color:#3b386b; }

/* Main definitions */
h1, h2, h3, h4, h5, h6 { margin-bottom:10px; }
p { font-size:1.4em; line-height:1.7em; margin-bottom:20px; color:#444; }
h1 { font-size:3.6em; color:#7a77b4; font-weight:bold; }
h2 { font-size:2.8em; color:#444; font-weight:bold; }
h3 { font-size:2.4em; color:#444; font-weight:bold; }

a { color:#7a77b4; text-decoration:none; }
a:hover, .view a:hover { color:#3b386b; text-decoration:none; }

.view a { color:#a3a3d3; }

strong { color:#242424; font-weight:bold; }
em { color:#555; font-style:italic; }

.alignleft { float:left; }
#content .alignright { margin-left:20px; }
#content .alignleft { margin-right:20px; }
.alignright { float:right; }

.clear { clear:both; }
.first { margin-left:0; }

.welcome h1, .welcome p, .featured ul li h2, .blog-article-list ul li h3, h1, h2, h3 { font-family:Calibri, Arial, Helvetica, sans-serif; }

#skip-to-content { display:none; }

.button { 	
	font-size:14px;
	line-height:2.86em;
	float:left;
	background-color:#ebebf0;
	padding:0 20px;
	margin:0 0 0 0;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.button:hover {
	color:#fff;
	background-color:#7a77b4;
}
.view ul, .view ol {
	font-size:1.4em;
	line-height:1.7em;
	margin-bottom:30px;
}
.view ol { list-style:decimal outside; }
.view ul { list-style:circle outside; }
.view ul li, .view ol li {
	margin-left:20px;
}
.view blockquote {
	padding:0 20px;
	border-left:5px solid #E7E7F4;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.view blockquote p {
	color:#888;
}
.view pre, .view code {
	font-family: "Courier New", Courier, monospace;
}
.view pre {
	font-size:1.4em;
	line-height:1.4em;
	margin-bottom:20px;
}
.view code {
	
}
/* Layout */
.container {
	width:940px;
	margin:0 auto;
	text-align:left;
}
#header {
	height:150px;
	background:#3b386b url(img/bg-header.png) repeat-x center top;
}
#header .container { position:relative; }
#main {
	background-color:#fff;
	/*background:#fff url(../img/grid960.png) repeat-y center top;*/
}
#footer {
	background-color:#3b386b;
}

/* Grid */
.size3 { width:220px; }
.size4 { width:300px; }
.size7 { width:540px; }
.size8 { width:6200px; }
.size10 { width:780px; }

/* Site Logo */
#site-logo {
	width:265px;
	height:60px;
	background:url(img/dobarkod-logo.png) no-repeat left top;
	display:block;
	position:absolute;
	top:40px;
	left:17px;
}
#site-logo a {
	width:265px;
	height:60px;
	display:block;
}
#site-logo a img { display:none; }

/* Headnav */
#headnav {
	position:absolute;
	top:60px;
	right:0;
}
#headnav li {
	float:left;
	margin-left:2px;
}
#headnav li a { 
	display:block;
	padding:0 15px;
	color:b1aed9;
	font-size:1.4em;
	line-height:2.14em;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #2a274e;
}
#headnav li a:hover, #headnav li.current_page_item a {
	color:#dfdef0;
	background-color:#2a274e;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

/* Welcome */
.welcome {
	margin:0 auto;
	padding:50px 0;
	background:url(img/bg-welcome.png) no-repeat right bottom;
}
.welcome h1 { 
	color:#7a77b4;
	font-size:3.6em;
	font-weight:bold;
	margin:0 20px 5px 20px; 
}
.welcome p {
	font-size:2.6em;
	line-height:1.3em;
	color:#696969;
	margin:0 80px 20px 20px;
}

/* Featured */
.featured {
	position:relative;
	background:#3b386b;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	background:url(img/bg-featured.jpg) no-repeat right bottom;
}

.featured .featured-container { width:940px; height:340px; overflow:hidden; position:relative; cursor:pointer; }
.featured .featured-container .slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.featured .featured-container .slides li { position:absolute; top:0; width:940px; display:none;  }
/*
.featured ul {
	height:340px;
	width:940px;
	overflow:hidden;
}
*/
.featured ul li {
	padding:50px 0;
	height:240px;
	display:block;
	cursor:auto;
}
.featured ul li h2 {
	font-size:3.6em;
	color:#fff;
	font-weight:bold;
}
.featured ul li p {
	font-size:1.6em;
	color:#b0aed7;
}
.featured ul li strong {
	color:#c2c0e6;
}
.featured ul li em {
	color:#b0aed7;
}
.featured ul li img {
	float:right;
	margin:-40px 40px 0 0;
}
.featured ul li span.desc { 
	font-size:1.6em;
	color:#615e97;
	display:block;
}
.featured ul li a { color:#fff; }
.featured ul li p, .featured ul li h2, .featured ul li span.desc { margin:0 340px 10px 100px; text-shadow:2px 2px 0 #2f2d56; }

.featured ol {
	position:absolute;
	bottom:20px;
	right:20px;
}
.featured ol li { float:left; margin-left:2px; }
.featured ol li a { 
	display:block;
	width:20px;
	height:20px;
	text-indent:-8000px;
	background:url(img/icon/slide-nav.png) no-repeat left top;
}
.featured ol li a:hover { background-position:left bottom; }
.featured ol li.active a { background-position:left bottom; }

/* Blog */
.blog-article-list {
	
}
.blog-article-list h2 { display:none; }
.blog-article-list ul {
	margin:0 auto;
}
.blog-article-list ul li {
	padding:40px 80px;
	border-bottom:1px solid #ebebf0;
}
.blog-article-list ul li h3, .blog-article-list ul li p {
	margin:0 100px 10px 260px;
}
.blog-article-list ul li h3 {
	font-size:2em;
}
.blog-article-list ul li p.meta {
	float:left;
	text-align:right;
	margin:0 20px 0 0;
	width:200px;
}

/* Main */
#content {
	padding:40px 0;
	/*width:540px;*/
	float:left;
	margin-left:80px;
}
#sidebar {
	padding:40px 0;
	width:220px;
	float:right;
	margin-right:80px;
}
#sidebar ul { list-style:none; }
#sidebar ul li.article-meta p.meta {
	padding:20px;
	color:#fff;
	background-color:#7a77b4;
	text-shadow:1px 1px 0 #2F2D56;
}
#sidebar ul li.article-meta p.meta a {
	color:#fff;
}
#sidebar ul li.archive {
	background-color:#f3f3fa;
}
#sidebar ul li.archive h3 {
	padding:15px 20px 15px 20px;
	margin-bottom:0;
}
#sidebar ul li.archive ul {
	border-top:1px solid #E7E7F4;
}
#sidebar ul li.archive ul li {
	padding:15px 20px;
	font-size:1.2em;
	line-height:1.5em;
	border-bottom:1px solid #E7E7F4;
}
#sidebar ul li.archive ul li .meta {
	display:block;
	font-weight:bold;
}
#content hr {
	padding-top:20px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #E7E7F4;
	margin-bottom:30px;
	clear:both;
	height:1px;
}

/* Section article */
.section-article { border-bottom:1px solid #E7E7F4; }
/* Section comments */
.section-comments { border-bottom:1px solid #E7E7F4; }
.section-comments h3 { padding:40px 80px 30px 80px; font-size:3em; color:#666; font-weight:bold; }
.section-comments .comment-list {
	padding:0 60px;
}
.section-comments .comment-list li {
	border-top:1px solid #E7E7F4;
	padding:0;
}
.section-comments .comment-list li .comment-body {
	width:540px;
	padding:20px 20px;
}
.section-comments .comment-list li li .comment-body 	{ width:500px; padding-left:60px; }
.section-comments .comment-list li li li .comment-body 	{ width:460px; padding-left:100px; }
.section-comments .comment-list li .comment-body p {
	font-size:1.2em;
	color:#696969;
	margin-bottom:10px;
}
.section-comments .comment-list li .comment-meta {
	padding:20px 0 0 0;
	width:220px;
	float:right;
}
.section-comments .comment-list li .comment-meta img {
	float:left;
}
.section-comments .comment-list li .comment-meta p {
	margin:0 0 0 60px;
	font-size:1.2em;
	color:#696969;
}
.section-comments .comment-list li .comment-meta p a {
	color:#242424;
}

/* Section respond */
.section-respond h3 { padding:40px 80px 20px 80px; font-size:3em; color:#666; font-weight:bold; }
.section-respond #commentform {
	padding:0 80px 50px 80px;
}
.section-respond #commentform ol {
}
.section-respond #commentform ol li label {
	font-size:1.2em;
	color:#242424;
	padding:5px 0;
	display:block;
}

.section-respond #commentform ol li.small {
	width:190px;
	margin:0 10px 10px 0;
	float:left;
}
.section-respond #commentform ol li.large {
	width:590px;
	margin:0 0 10px 0;
	clear:both;
}

.section-respond #commentform ol li input {
	width:170px;
}
.section-respond #commentform ol li textarea {
	width:570px;
}

.section-respond #commentform ol li input, .section-respond #commentform ol li textarea {
	padding:10px;
	border:none;
	background-color:#7a77b4;
	color:#d7d6e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-shadow:1px 1px 0 #2F2D56;
}
.section-respond #commentform ol li input:focus, .section-respond #commentform ol li textarea:focus {
	background-color:#5e5b9b;
	color:#fff;
}
.section-respond #commentform ol li input#submit {
	padding:10px 20px;
	border:none;
	background-color:#9f9dd1;
	color:#3b386b;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:18px;
	width:auto;
	text-shadow:none;
}
.section-respond #commentform ol li input#submit:hover {
	background-color:#000;
	color:#fff;
	cursor:pointer;
}



/* Twitter feed */
.twitter {
	padding:40px 80px 40px 80px;
}
.twitter img { float:left; margin-left:80px; }
.twitter h3 { display:none; }
.twitter p { margin:0 20px 0 260px; }
#twitter_update_list {
	font-size:1.4em;
	line-height:1.5em;
	width:520px;
	margin-left:260px;
/*	width:540px;
	margin-left:240px;
*/
}
#twitter_update_list li {
	padding:20px;
	margin-bottom:10px;
	border:5px solid #ebebf0;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
#twitter_update_list li span { display:block; }

/* Kontakt */
.wpcf7-form {
	/*padding:0 80px 50px 80px;*/
}
.wpcf7-form ol {
	margin:0 0 20px 0;
	list-style:none;
	font-size:1.2em;
}
.wpcf7-form ol li label {
	color:#242424;
	/*padding:5px 0;*/
	display:block;
}
.wpcf7-form ol li {
	margin:0;
}
.wpcf7-form ol li.small {
	width:300px;
	margin:0 10px 10px 0;
	/*float:left;*/
}
.wpcf7-form ol li.large {
	width:500px;
	margin:0 0 10px 0;
	clear:both;
}

.wpcf7-form input {
	width:280px;
}
.wpcf7-form textarea {
	width:480px;
}

.wpcf7-form ol li input, .wpcf7-form ol li textarea {
	padding:10px;
	border:none;
	background-color:#7a77b4;
	color:#d7d6e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-shadow:1px 1px 0 #2F2D56;
}
.wpcf7-form ol li input:focus, .wpcf7-form ol li textarea:focus {
	background-color:#5e5b9b;
	color:#fff;
}
.wpcf7-form ol li input#posalji {
	padding:10px 20px;
	border:none;
	background-color:#9f9dd1;
	color:#3b386b;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:18px;
	width:auto;
	text-shadow:none;
}
.wpcf7-form ol li input#posalji:hover {
	background-color:#000;
	color:#fff;
	cursor:pointer;
}
.wpcf7-form .wpcf7-not-valid-tip {
	background-color:#666;
	border:1px solid #888;
	color:#eee;
	font-size:1.2em;
	left:20%;
	padding:5px;
	position:absolute;
	top:20%;
	width:280px;
	z-index:100;
}
.wpcf7-form div.wpcf7-response-output {
	margin:0;
	padding:10px;
	width:480px;
	font-size:1.2em;
	color:#fff;
	background-color:#666;
	border:2px solid #888;
}
.wpcf7-form div.wpcf7-validation-errors {
	border:2px solid #666;
	background-color:#888;
}	
.wpcf7-form div.wpcf7-mail-sent-ng {
	border:2px solid #F00;
	background-color:#F00;
}
.wpcf7-form div.wpcf7-mail-sent-ok {
	border:2px solid #55d45b;
	background-color:#39c340;
}

/* Footer */
#footer .container {
	padding:30px 0 30px 0;
	position:relative;
}
#footer p {
	font-size:1.2em;
	line-height:2.5em;
	color:#7975b0;
	text-shadow:1px 1px 0 #2f2d56;
}
#footer p.copyright {
	float:left;
	font-size:1.2em;
	padding-left:24px;
	background:url(img/icon/dobarkod-symbol.png) no-repeat left center;
}
#footer p.back-to-top { float:right; margin-right:25px; }
#footer p.back-to-top a {
	float:right;
	padding:0 15px;
	text-transform:uppercase;
	background-color:#2a274e;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
#footer p.created-by { 
	position:absolute;
	top:38px;
	right:0;
}
#footer p.created-by a { 
	display:block;
	width:14px;
	height:14px;
	text-indent:-8000px;
	background:url(img/icon/blagonic-logo.png) no-repeat left top;
}
#footer p.created-by a:hover { 
	background-position:left bottom;
}
#footer p a { color:#b7b4de; }
#footer p a:hover { color:#DFDEF0; }