/*  
Theme Name: Novi_sad
Theme URI: http://novi-sad.net
Description:
Version: 2.3
Author: Thepersonwhodidthis
Author URI: http://thepersonwhodidthis.com
*/

/*************************************
+Containers
 *************************************/
*{
padding:0;
border:0;
margin:0;
}
body{
margin:44px 0 0;
background:#fff;
text-align:center;
}
#wrapwrap{
width:824px;
margin:0 auto;
}
h1, h2, h3, h4, ul, ol, p, .column, a{
/*overflow:hidden;*/
}
/*************************************
+Links
 *************************************/
a{
color:#777;
text-decoration:none;
outline:none;
}
a.link-under:hover{
text-decoration:underline;
}
a img{
border:0;
}
/*************************************
+Header/About
 *************************************/
#head{
width:800px;
height:312px;
border:12px solid #000;
}
h1 a, h1 a:hover{
color:#fff;
text-decoration:none;
}
#about{
padding:8px 0 36px;
width:800px;
}
#about p{
margin-bottom:8px;
}
/*************************************
+Fonts
 *************************************/
.arial{
font-family:Arial, Helvetica, sans-serif;
}
.verdana{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.times{
font-family:"Times New Roman", Georgia, serif;
}
.trebuchet{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.monospace{
font-family:monospace, sans-serif;
}
.italics{
font-style:italic;
}
/*************************************
+Headings
 *************************************/
h1{
font-size:58px;
color:#fff;
margin:-300px 0 0;
padding-right:18px;
letter-spacing:-0.72pt;
}
h2{
color:#ff7700;
margin:12px 0 8px;
font-size:24px;
font-weight:normal;
}
h2.profile{
padding-left:2px;
border-bottom:1px dotted #ff7700;
margin:0 0 8px 24px;
width:352px;
}
h3{
font-size:34px;
color:#000;
letter-spacing:-0.5pt;
line-height:1.1;
margin-bottom:24px;
}
h4{
font-size:15px;
font-style:italic;
font-weight:normal;
line-height:0.98;
margin:0 0 4px;
}
h5{
font-size:24px;
line-height:0.98;
margin:0 0 8px;
width:420px;
}
h6{
font-size:10px;
padding:8px 0 2px 2px;
border-bottom:1px dashed #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*************************************
+Lists
 *************************************/
ol{
padding:0 0 0 24px;
}
ul{
list-style-type:none;
}
ol li, ul li{
padding:0 0 8px;
}
/*************************************
+Utils
 *************************************/
.left{
float:left;
text-align:left;
}
.right{
float:right;
text-align:right;
}
.white{
color:#222;
background:#fff url('back-white.png') repeat-y;
width:776px;
padding:0 24px;
}
.black{
color:#fff;
background:#000 url('back-black.png') repeat-y;
width:800px;
padding:0 12px;
}
span.yellow-back{
background:#ff0;
}
.narrow{
width:200px;
}
.wide{
width:800px;
}
br{
clear:both;
}
hr{
margin:4px 0 0;
}
img{
font-size:9px;
}
.diams{
height:3px;
margin-top:4px;
}
.black .diams{
width:800px;
background:#000 url('diam-black.png') no-repeat;
}
.white .diams{
width:776px;
background:#fff url('diam-white.png') no-repeat;
}
/*************************************
+Top/Sidebars
 *************************************/
#side-bar{
margin:36px 0 0 0;
}
#top-bar{
margin:12px 0 0;
}
#top-bar h2{
padding-left:2px;
border-bottom:1px dotted #ff7700;
}
#side-bar h2{
color:#222;
font-size:18px;
text-transform:uppercase;
margin:0 0 8px;
}
#top-bar h2 a{
color:#ff7700;
display:block;
}
#side-bar h2 a{
color:#222;
display:block;
padding-left:2px;
border-top:2px solid #222;
border-bottom:1px solid #222;
}
h2.profile a{
color:#ff7700;
display:block;
}
#top-bar h2 a:hover, h2.profile a:hover{
margin-top:-4px;
padding-bottom:4px;
}
#side-bar h2 a:hover{
border-top:2px solid #222;
border-bottom:1px dashed #222;
}
#side-bar h4{
color:#000;
}
.column{
font-size:11px;
width:152px;
margin:0 0 24px;
padding:0 24px;
}
.column img{
display:none;
}
a.link-excerpt{
display:block;
margin-bottom:4px;
}
.black a.link-excerpt{
color:#fff;
}
.white a.link-excerpt{
color:#222;
}
/*************************************
+Entries
 *************************************/
#entries{
padding:0 0 0 24px;
margin:24px 0 0;
font-size:13px;
width:520px;
}
#entries img, .archive-excerpt img{
padding:7px;
border:1px solid #000;
}
.entry{
font-size:13px;
}
.entry p{
text-align:justify;
margin:0 0 12px;
line-height:1.2;
}
.entry p a{
color:#777;
}
.entry p a:hover{
color:#222;
}
.archive-excerpt{
margin:0 0 18px;
}
.archive-excerpt p{
text-align:justify;
/*margin:0 0 12px;*/
line-height:1.2;
}
.archive-excerpt a{
display:block;
color:#222;
}
.archive-excerpt a:hover{
color:#222;
border-top:4px solid #fff;
margin-bottom:-4px;
}
.player{
height:32px;
}
.playair{
margin-bottom:32px;
background:#fff;
}
/*************************************
+Meta
 *************************************/
.meta{
font-size:11px;
width:520px;
padding:4px 0;
border-top:1px dotted #000;
border-bottom:1px dotted #000;
}
.meta a:hover{
text-decoration:underline;
}
.meta ul{
display:inline;
}
.meta ul li{
padding:0;
}
/*************************************
+Nav
 *************************************/
#nav{
width:520px;
margin:20px 0 48px;
}
#nav a{
background:#fff;
color:#000;
font-size:10px;
font-weight:bold;
}
#nav a:hover{
background:#000;
color:#fff;
text-decoration:none;
}
#nav .link-black-back a{
color:#222;
background:#fff;
font-size:24px;
}
#nav .link-black-back a:hover{
background:#000;
color:#fff;
}
/*************************************
+Footer
 *************************************/
#foot{
width:100%;
margin:0 0 8px;
}
#foot a:hover{
text-decoration:underline;
}
.copy{
font-size:14px;
}
#foot p{
font-size:10px;
text-align:center;
}
.black #foot p{
color:#444;
}
#menu{
color:#777;
font-size:10px;
padding:6px 0 2px;
text-align:center;
}
.white a.feed{
background:#fff url('feed-orange-white.png') no-repeat;
padding-left:16px;
}
.black a.feed{
background:#000 url('feed-orange-black.png') no-repeat;
padding-left:16px;
}
.grey {
	color:#777;
}
.grey a {
	color:#fff;
}
.grey a:hover {
	text-decoration:underline;
}