﻿/*Theme URI: http://www.studioazzurro.info
Description: Black And Red Uliks Pula Theme. (Based on Starkers Nude).
Version: 2.0
Author: Sasha Alexandrov
Author URI: http://www.studioazzurro.info
Tags: black, blue, 2 sidebars, custom
lightgray: #f2f2f2
darkgray:  #3d3838
lightred:  #f9382e
darkred:   #a61b14
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

*
{
font-family:Verdana;
}


html, body
{
line-height:20px;
height:100%;
}

a
{
color:red;
text-decoration:none;
font-size:11px;
font-weight:bold;
}

a:hover
{
background:red;
color:white;
}

#wrapper {
	background:#f2f2f2;
	min-height: 80%;
	height: auto !important;
	height: 100%;
	width:960px;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
#header
{
height:100px;
padding-top:10px;
background: url("images/uliks_bg.gif") repeat-x white;
}

#header #logo
{
margin-left:20px;
float:left;
width:70px;
height:47px;
background:url(images/logo_uliks.gif) no-repeat;
margin-top:-9px;
}

#header h1 a
{
font-size:36px;
float:left;
font-weight:normal;
color:white;
text-decoration:none;
margin-left:20px;
float:left;
}

#header p
{
font-size:12px;
margin-left:20px;
float:left;
width:200px;
color:white;
margin-top:-4px;
line-height:16px;
}

#trazilica
{
float:right;
margin-right:20px;
margin-top:5px;
}

#trazilica label
{
display:none;
}

#s
{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#a61b14;
border:1px solid #f9382e;
color:#f9382e;
}

#searchsubmit, #submit
{
background:#a61b14;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #f9382e;
padding:0 10px;
color:white;
}

#searchsubmit:hover, #submit:hover
{
background:#f9382e;
}

#submit
{
margin-top:10px;
}

#access a
{
display:none;
}

#access .menu li
{
font-size:0.9em;
position:relative;
display:inline;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
top:-28px;
text-transform:uppercase;
}

#access .menu li a
{
display:inline;
color:white;
text-decoration:none;
}

.menu li:hover
{
color:#a61b14;
background:#f9382e;
}

.xoxo
{
float:right;
width:300px;
line-height:30px;
}

.xoxo h3
{
color:#a61b14;
}

.xoxo a
{
text-decoration:none;
color:#3d3838;
}

.xoxo label
{
display:none;
}

h2
{
margin-bottom:10px;
}

h2 a
{
font-weight:normal;
font-size:1.3em;
color:#3d3838;
text-decoration:none;
}

.loop
{
width:600px;
margin-left:20px;
float:left;
}

.loop h2 a:hover
{
background:#a61b14;
color:white;
}

#datebox
{
width:50px;
text-align:center;
color:white;
background:#a61b14;
float:left;
margin-right:20px;
margin-top:5px;
}

#datebox .day
{
font-size:2em;
margin-bottom:10px;
}

#datebox .month
{
font-size:1.4em;
}

#datebox .year
{
font-size:1.2em;
}

.widget-container
{
margin:20px;
background:#ececec;
padding:5px;
text-align:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #d9d9d9;
text-transform:uppercase;
font-size:0.8em;
}

.widget-container h3
{
text-align:left;
margin-left:10px;
}

.clear
{
clear:both;
}

#footer
{
width:960px;
margin:0 auto;
background: url("images/footerbg_uliks.png") repeat-x #3d3838;
padding-top:30px;
}


#footer1, #footer2
{
float:left;
padding:20px;
}

#footer3
{
padding:20px;
float:right;
}

#footer1
{
width:350px;
color:white;
font-size:0.9em;
}

#footer2, #footer3
{
width:240px;
color:white;
}

#footer2 a, #footer3 a
{
color:#f9382e;
text-decoration:none;
}

#footer a:hover
{
color:white;
background:#f9382e;
}

#post
{
margin-left:20px;
margin-right:20px;
font-weight:normal;
}

#post h1
{
font-size:1.6em;
font-weight:normal;
}

#post h3
{
font-size:1.4em;
font-weight:normal;
margin-top:20px;
}

h3#comments-title
{
font-size:1.2em;
}

#post label
{
display:block;
}

#comment
{
width:900px;
margin-top:20px;
background:#a61b14;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #f9382e;
padding:10px;
color:white;
}

.komentar
{
float:right;
width:800px;
}

#respond
{
float:left;
}


.form-allowed-tags
{
display:none;
font-weight:normal;
font-size:0.6em;
}

.naslov
{
margin-left:20px;
font-size:1.1em;
}

#footer, .push {
	height: 142px;
	}

#post2
{
margin-bottom:30px;
}

#older a, #newer a
{
border:1px solid #333;
text-transform:uppercase;
font-size:0.6em;
padding:3px;
text-decoration:none;
color:#333;
position:relative;
top:-20px;
float:left;
}

blockquote
{
border:1px solid gray;
font: italic;
font-size:104%;
background:#ccc;
padding:30px;
margin-bottom:30px;
}