/*
Theme Name: Skwhat 
Theme URI: http://www.lukasavic.com
Description: The main theme for youth club skwhat.
Author: Luka Savic
Version: 1.1
Tags: Black, Slider, Simple
*/

/*CSS RESET*/
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,
b, u, i, center,
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-size: 100%;
	background: transparent;
}

ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*GENERAL STYLES*/

html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background:#343434 url("images/body_bg.jpg") repeat fixed;
}

body {
	background: url("images/body_shine.png") top center no-repeat transparent;
	padding:25px 0 0 0;
}

#wrapper {
	width:1008px;
	margin:0 auto;
	/*border:1px solid #fff;*/
}

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

.current-menu-item a { color:yellow; }


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


.alignright {
	float: right;
}



/*Header Section */
#header {
}

#header #web_logo {
	float:left;
	margin:0 0 0 15px;
}

#header #nav {
	float:right;
	margin:0 12px 17px 0;
}

#header #nav ul li{
	float:left;
}

#header #nav ul li a {
	text-decoration:none;
	color:#fff;
	font-size:16px;
	margin:0 0 0 25px;
	line-height:55px;
	
}


/*this will bi modified*/
#header #nav ul li a:hover {
	color:#ffff00;
	/*text-decoration:underline;*/
}

#header #nav  li.current-menu-item  a, #header #nav li.current_page_item a { 
	color:yellow; 
	text-decoration:underline;
}


#featured {
	position:relative;
	width:1008px;
	height:520px;
	background:url("images/featured_bg.png") top center no-repeat;
}

#featured #slider {
	background:#ccc;
	position:absolute;
	width:956px;
	height:440px;
	overflow:hidden;
	top:38px;
	left:27px;
}

#featured #slider ul li {
	width:956px;
	height:440px;
	overflow:hidden;
}

.featured_desription {
	position:absolute;
	width:178px;
	height:158px;
	background: url("images/front_description_bg.png") top center no-repeat;
	top:270px;
	left:-70px;
}

#featured .featured_desription {
	padding:60px 50px 60px 50px ;
}

.featured_desription h1  {
	font-size:37px;
	font-family:Georgia, sans-serif;
	font-weight:normal;
	font-style:italic;
}

#featured ol#controls {
	position:absolute;
	top:457px;
	right:25px;
}

#featured ol#controls li {
	float:left;
}

#featured ol#controls li a {
	padding:3px 5px;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	line-height:20px;
}

#featured ol#controls li.current a {
	background-color:#999;
	color:#000;
}

/*Banner*/

#banner {
	height:369px;
	background:url("images/banner_bg.png") top center no-repeat transparent;
	position:relative;
}

#banner #img_shine {
	position:absolute;
	top:31px;
	left:27px;
	background:url("images/img_shine.png") top center no-repeat transparent;
	overflow:hidden;
	height:300px;
	width:956px;
	z-index:99;
}

#banner #img_holder {
	position:absolute;
	top:31px;
	left:27px;
	overflow:hidden;
}


/*General main content styles headers, anchors, lists images...*/

#single-post p { font-size:13px; margin: 5px 0 15px 0; line-height:20px; }


#single-post br { height:10px; }

/*headers*/
h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, sans-serif;
	font-weight:normal;
	font-style:italic;
	text-shadow:1px 0px 1px #000;
}

#single-post h1, #comments h1 { font-size:37px; }
#single-post h2, #comments h2 { font-size:27px; }
#single-post h3, #comments h3 { font-size:21px; }
#single-post h4, #comments h4 { font-size:18px; }
#single-post h5, #comments h5 { font-size:16px; }
#single-post h4, #comments h6 { font-size:14px; }

/* anchors */
#single-post a { color:#fff; }
#single-post a:hover { color:#8797be; }

/*images*/
#single-post img  { border:3px solid #fff; }
#single-post img:hover  { border:3px solid #8797be; }

/*liste*/
#single-post ul li {
	margin:5px 0 5px 20px;
	list-style-type:circle;
}

#single-post ol li {
	margin:5px 0 5px 20px;
	list-style-type:decimal;
}



/*---------------------------------------*/

/*  Container section: articles, sidebar */

#container {
	padding:50px 0 0 0;
}

#container #show-category {
	padding:0 0 20px 15px;
}

#container #show-category a {
	color:#fff;
}

#container h4 {
	font-size:18px;
	font-family:Georgia;
	font-weight:normal;
	font-style:italic;
}

#container #article {
	padding:0 0 0 10px;
	/*width:720px;*/
	margin:0 288px 0 0;
}

#container #article #single-post {
	padding:15px 20px 30px 20px;
	margin:0 10px 5px 2px;
	width:600px;
	background:#2E2E2E;
	border-top:3px solid #202020;
}

/*Fotografije koje su pod alignom*/

img.alignleft { margin:5px 10px 5px 0px; }
img.alignright { margin:5px 0px 5px 10px; }

#container #article .post-section {
	padding:15px 20px;
	margin:0 10px 5px 0;
	width:295px;
	height:222px;
	background: url("images/post_bg.jpg") top center no-repeat;
	float:left;
}

#container #article  p {
	line-height:20px;
}

#container #article h2 a {
	font-family: Georgia, sans-serif;
	font-size:27px;
	font-weight:normal;
	font-style:italic;
	line-height:27px;
	color:#fff;
	text-decoration:none;
	text-shadow:1px 0px 1px #000;
}

#container #article h2 a:hover {
	color:#8797be;
}

.post-section img {
	float:left;
	border:4px solid #fff;
	margin:5px 10px 0 0;
}


#container #article .post-section .post-section-meta {
	font-family:Georgia, sans-serif;
	font-style:italic;
	color:#ccc;
	line-height:27px;
	letter-spacing:0.03em;
}

#container #article #single-post .post-section-meta {
	font-family:Georgia, sans-serif;
	font-style:italic;
	color:#ccc;
	line-height:37px;
	letter-spacing:0.03em;
}

.post-section-meta span a {
	text-decoration:underline;
	color:#fff;
}

.post-section-meta span a:hover {
	color:#8797be;
}

h2.page-title { padding:0 0 10px 0; }


/*Commnets*/

#comments {
	padding:0 0 0 20px;
}

#comments p {
	margin: 0 0 0 100px;
}

#comments h3 { padding: 20px 0;}

.comments-post {
	margin:10px 70px 0 0px;
	background:#333;
	padding:10px 10px 30px 10px;
	/*width:600px;*/
	border-top:1px solid #595959;
	/*-moz-box-shadow:1px 1px 3px #000, -1px -1px 3px #000;*/
	
}

.comments-post a {
	color:#8797be;
}

.comments-post a:hover { text-decoration:none;  }

.comments-post span a {
	color:#fff;
}

.author_avatar { 
	float:left;
	border:2px solid #fff;
	margin:5px 7px 0 0;
 }

.comment-post-meta {
	margin:0 0 0 100px;
	font-family:Georgia, sans-serif;
	font-style:italic;
	font-size:14px;
	padding:5px 0 10px 0;
}

.comment-post-meta a { color:#fff; }

/* RESPOND */

.nocomments { padding:20px 0; }

#comment-form {
	margin:0 70px 0 0;
	border-top:1px solid #595959;
}

input[type=submit] {
	color: #333;
}

#respond {
	/*margin: 24px 0;*/
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}

#respond a { color:#fff; }

#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	/*margin: 0 48px 0 0;*/
}
h3#reply-title {
	/*margin: 18px 0;*/
}
#comments-list #respond {
	/*margin: 0 0 18px 0;*/
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 14px;
}
#respond input[type=text] {
	/*margin:0 0 9px;*/
	padding:7px 5px;
	width:98%;
	color:#fff;
	background: #2E2E2E;
	border:1px solid #373737;
	font-size:16px;
}
#respond textarea {
	width:98%;
	color:#fff;
	background: #2E2E2E;
	border:1px solid #373737;
	font-family:Arial, sans-serif;
	padding:7px 5px;
	font-size:14px;
	overflow:auto;
	
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}


/*Sidebar*/

#sidebar {
	min-height:470px;
	padding:20px 0 0 45px;
	width:263px;
	float:right;
	background:url("images/sidebar_bg.png")  top left no-repeat;
}

#sidebar #searchlabel { font-family:Georgia, sans-serif; font-style:italic; }

#sidebar #search {
	padding:5px 3px;
	font-size:14px;
	width:200px;
	color:#333;
}

#sidebar fieldset {
	padding:0 0 40px 0;
}

#sidebar ul#xoxo li ul {
	clear:both;
}

#sidebar ul#xoxo ul {
	padding:0 0 40px 0;
}


#sidebar ul#xoxo li ul#social-networks { margin:0 0 40px 0; }

#sidebar ul#xoxo li ul#social-networks li {
	float:left;
	margin:0 9px 0 0;
}

/*link images in sidebars*/

#sidebar ul#xoxo li ul#social-networks li a {
	width:48px;
	height:48px;
	display:block;
}

#sidebar ul#xoxo li ul#social-networks li a#facebook-link {
	background: url("images/facebook.png") top center no-repeat;
} 

#sidebar ul#xoxo li ul#social-networks li a#twitter-link {
	background: url("images/twitter.png") top center no-repeat;
} 

#sidebar ul#xoxo li ul#social-networks li a#myspace-link {
	background: url("images/myspace.png") top center no-repeat;
}

#sidebar ul#xoxo li ul#social-networks li a#rss-link {
	background: url("images/feed.png") top center no-repeat;
} 

#sidebar ul#xoxo h3 {
	font-size:21px;
}

#sidebar ul#xoxo ul  {
	font-family:Georgia, sans-serif;
	font-size:14px;
	font-style:italic;
}

#sidebar ul#xoxo ul li {
	padding:0 0 5px 0;
}

#sidebar ul#xoxo li a {
	text-decoration:none;
	color:#009999;
}

#sidebar ul#xoxo li a:hover { color:#ccc; }


/* FOOTER */

#footer {
	margin:100px 0 0 0;
	background:#464646;
	border-top:1px solid #ccc;
}

#footer-section {
	font-family:Georgia, sans-serif;
	font-style:italic;
	color:#ccc;
	width:1008px;
	margin:0 auto;
	padding:10px;
}

#footer-section a {
	text-decoration:none;
	color:#009999;
}

#footer-section a:hover {
	text-decoration:underline;
}


/* RESPOND */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	/*border-top: 1px solid #e7e7e7;*/
	/*overflow: hidden;
	position: relative;*/
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	/*margin-bottom: 1em;*/
}
.form-allowed-tags {
	/*line-height: 1em;*/
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	/*margin: 18px 0;*/
}
#comments-list #respond {
	/*margin: 0 0 18px 0;*/
}
#comments-list ul #respond {
	margin: 0;
}
/*#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}*/
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

/*Pagination*/

.pagination {
	padding:50px 15px 0 0px;
}

.pagination span.title{
	font-family:Georgia, sans-serif;
	font-style:italic;
	color:#fff;
}

.pagination ol li {
	line-height:30px;
}

.pagination ol li span  {
	color:#000;
}