/*
Theme Name: Artles dizajn Theme
Theme URI: http://www.artlesdizajn.com/
Description: Custom Wordpress theme for Artles dizajn d.o.o. Nis.
Version: 1.0
Author: Milan Stosic
Author URI: http://www.facebook.com/milan.stosic
Tags: artles,design,nis
*/

/* RESET 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 {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/* GLOBAL LAYOUT SETTINGS */

*{padding: 0px;}
body, html {margin: 0; padding: 0px; background:#090909; width:100%;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; height: 100%; margin: 0px; padding: 0px;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}
.clear {clear:both;}
.clearfix:after	{content: "."; visibility: hidden; display: block; height: 0px; clear: both;}
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
#wrapper {background: url('images/wrapper_bg.jpg') no-repeat; width: 960px; margin: 0px auto;}

/* TYPOGRAPHY */
body {color:#A2A2A2; font-size: 12px; line-height: 1.8em;}
a {color:#5D5D5D; font-size: 13px; font-style: normal; font-weight: normal; text-transform: none; letter-spacing: normal; line-height: 1.45em; margin-bottom: 10px; text-decoration:underline;}
a:hover {text-decoration: none;}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	font-family: Arial, Helvetica, sans-serif;
	color: #BFBFBF;
	font-style: normal;
	/*font-weight: bold;*/
	text-transform: none;
	letter-spacing: normal;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

h1, h1 a {font-size: 24px; text-decoration: none;}
h2, h2 a {font-size: 18px; text-decoration: none;}
h3, h3a {font-size: 16px; text-decoration: none;}
h4, h4 a {font-size: 14px; text-decoration: none;}
h5, h5 a {font-size: 12px; text-decoration: none;}
h6, h6 a {font-size: 10px; text-decoration: none;}

/* HEADER */
#header {overflow: hidden; border-bottom:1px solid #2E2E2E;}
#logo {float: left; margin: 18px 0px 0px 20px;}

/* NAVBAR */
#navbar {float: right; margin-top:75px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#navbar ul {overflow:hidden; float: left;}
#navbar li {float: left; text-transform:uppercase; text-align:center; display:block; height:100%; text-decoration:none; color:#464646; margin: 0px 0px 0px 4px;}
#navbar li a {font-size: 10px; font-weight:bold; text-align:left; display:block; height:100%; text-decoration:none; color: #F8C300; letter-spacing: 2px; text-transform:uppercase; padding: 10px; margin: 0px;}
#navbar li a:hover {text-decoration:none; color:#E8E8E8;}
#navbar li.current_page_item  a {color: white !important;}

/* MAIN CONTENT */
#main-content  {overflow:hidden; position: relative; min-height: 450px;}
.content {padding: 0px 30px 0px 60px; float: left; width: 660px;}
.content ul {margin-left: 40px;}
.content ul li {padding: 3px 5px;}
.content h1 {margin-left: -8px;}
.float-left {float: left;}
.float-right {float: right;}

/* FORM */
input, textarea {border: 1px solid #000000; padding: 3px; background-color: #2E2E2E; color: #A2A2A2;}
input:focus, textarea:focus {background-color: #3F3F3F;}
input {width:310px;}
textarea {width:310px;}
input[type='submit'] {font-weight: bold; padding: 5px;}
input[type='checkbox'] {width:15px;}

/* SIDEBAR */ 
#sidebar {float: right; width: 200px; position: absolute; top: 0px; right: 0px;}
#gallery-menu {width:195px; display:block; height:100%;}
#gallery-menu h3 {text-transform:uppercase; text-align:center; letter-spacing: 12px; padding-left:5px; text-decoration:none; color: #F8C300; font-weight:bold;}
#gallery-menu ul {list-style: none; margin-top:15px;}
#gallery-menu li {}
#gallery-menu li a {text-align:left; font-size:10px; display:block; height:100%; text-decoration:none; color:#F8C300; letter-spacing: 2px; text-transform:uppercase; margin: 0px; padding: 7px 10px;}
#gallery-menu li a:hover {text-decoration:none;color:#E8E8E8;background:#2E2E2E;}
#gallery-menu li.current_page_item {border: 1px solid #F8C300; background:#2E2E2E;}
#gallery-menu li.current_page_item a {color:white;}
 
/* GALERIJA */
.gallery-view {padding-top: 10px; margin-bottom: 20px;}

/* FOOTER */
#footer {overflow: hidden; border-top:1px solid #2E2E2E;}
#footer p {text-align: center; color: #757575; font-size: 11px;} 

/* CONTACT FORM 7 */
.wpcf7 form {margin-left: 150px;}
.wpcf7 input, .wpcf7 textarea {border: 1px solid #000000; padding: 3px; background-color: #2E2E2E; color: #A2A2A2;}
.wpcf7 input:focus, .wpcf7 textarea:focus {background-color: #3F3F3F;}
.wpcf7 input {width:310px;}
.wpcf7 textarea {width:310px;}
.wpcf7 input[type='submit'] {font-weight: bold; padding: 5px; width: 80px;}

/* POST */
.post {margin-bottom: 20px; border-bottom:1px solid #2E2E2E;}
.post h1 {margin-left: 0px;}
.post-date, .post-date a {font-size: 10px;}
.post-content {padding: 0px;}
.post-content img {margin: 6px 7px 0px 0px; padding: 7px; border: 1px solid #A2A2A2;}
.post-meta {overflow: hidden; margin-bottom: 15px;}
.post-meta-category {float: left;}
.post-meta-comments {float: right;}

/* POST NAVIGATION */
.navigation {overflow:hidden; margin-top:20px;}
.navigation a {display: block; padding: 6px; text-decoration: none; border: 1px solid #2E2E2E;}
.navigation a:hover {background-color: #2E2E2E;}
.align-left, .alignleft {float:left;}
.align-right, .alignright {float:right;}

/* HOMEPAGE BLOCKS */
.homepage-blocks {overflow: hidden; width: 900px; margin: 10px auto;}
.homepage-blocks-item {width:198px; margin: 10px;}
.homepage-blocks-item h3 {text-transform:uppercase; text-align:center; letter-spacing: 6px; padding: 0px; margin: 0px; text-decoration:none; color: #F8C300; font-weight:bold; font-size: 13px;}
.homepage-blocks-item ul  {margin-left: 28px;}
.homepage-blocks-item ul li {list-style: square; list-style-image: url('images/list-style-image.png');}
.more-link {text-align: right; margin-right: 20px; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 5px 5px 5px 5px; display:block;}
.more-link a {color:#F8C300; display: block; padding: 5px 10px; text-decoration: none;} /* #D0A818 */
.more-link a:hover {color: #E8E8E8;}
p.more-link {margin: 0px; padding: 0px;}

/* TRANSALTE LINK HACK */
#translate_link {color: #F8C300; font-size: 10px; letter-spacing:1px;}
#translate_post {display:none; position:absolute; width:200px; z-index:10; background-color: black; color: #F8C300; font-size: 10px; letter-spacing:1px; padding: 10px; text-align: left;}
#translate {float: right; margin-top: 18px;}
#translate span {text-transform:uppercase; color: #F8C300; font-weight:bold; letter-spacing: 2px; height:100%; text-decoration:none; cursor:pointer; padding: 10px;}
#translate span:hover {color:#E8E8E8;}

div.transposh_flags a {padding: 5px 0px;}

/* REFERENCE STRANICA */
#reference {overflow:hidden;}
.left-col {float:left;}
.right-col {float:right;}

/* COMMENTS */
.h2comment {border-top: 1px solid #2E2E2E; padding-top: 10px;}