/*
Theme Name: Urbanama Blog
Theme URI: http://blog.urbanama.com/
Description: A custom Wordpress Theme by <a href="http://www.liip.ch">Liip AG</a>.
Version: 1.0
Author: Liip AG / Stefan Sicher
Author URI: http://www.liip.ch/
*/

/* orange = #f29e1b */


/* css reset */
tml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite, code,
 dfn, font, img, ins, kbd, q, s, samp,
small, 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: "" "";
}
/* body & wrapper */
body {
	text-align: center; /* IE */
	font:12px/16px arial, verdana, sans-serif;
	background: #fff url(img/bg.jpg) no-repeat 50% 0;
	color: #000;
	border-top: 2px solid #000;
}
#wrap {
	position: relative;
	width: 940px;
	text-align: left;
	margin: 0 auto;
}

/* globals */
h1, h2, h3, h4, h5, h6 {font-size: 1em;}
a img {border:0;}
a {color: #000;}
li {
	list-style: none;
}
#header {
    height: 164px;
}
h1 a {
    position: absolute;
    top:18px;
    left:0;
    display: block;
    width: 310px;
    height: 75px;
	background: url(img/logo.jpg) no-repeat 0 0;
	text-indent: -9999.9em;
	overflow: hidden; /* FF win makeup */
}
h1 a:hover {
	background: url(img/logo.jpg) no-repeat 0 -75px;
}
#metanavi {
    position: absolute;
    right: 6px;
	border-top: 1px solid #000;
	padding: 4px 0;
}
#metanavi a {
    font-size: 11px;
    padding: 2px 7px 2px 3px;
    text-decoration: none;
    border-right: 1px solid #bbb;
}
#metanavi a.usericon {
    background: url(img/icon-user.gif) no-repeat 0 0;
    padding: 2px 4px 2px 20px;
}
#metanavi a:hover {
    text-decoration: underline;
}
#topsearch {
    position: absolute;
    top: 53px;
    right: 6px;
    width: 286px;
    background: url(img/search.png) no-repeat 0 0;
}
#topsearch div {
    margin: 0 0 0 33px;
}
#topsearch input#s {
    width: 200px;
    font-size: 14px;
    padding: 0.3em 0.2em;
    border: 1px solid #888;
    margin: 0 5px 0 0;
}
#topsearch input#ssubmit {
    width: 37px;
    height: 32px;
    padding: 5px 0 10px 0;
    position: relative;
    top: -2px;
    font-size: 11px;
    background: url(img/bttn4.gif) no-repeat top left;
    font-weight: bold;
    text-transform: uppercase;
    border: 0;
    color: #fff;
}

#mainnavi {
    position: absolute;
    top: 110px;
    left: 4px;
    width: 931px;
}
#mainnavi ul.mnav {float: left;}
#mainnavi ul.mnav2 {float: right;}
#mainnavi li {
    display: inline;
}
#mainnavi li a {
    display: block;
    float: left;
	font: 24px/43px impact, verdana, arial, sans-serif;
    height: 43px;
    padding: 0 12px;
    color: #fff;
    text-decoration: none;
font-weight: normal;
}
#mainnavi ul.mnav2 li a {
    float: right;
}
#mainnavi li a:hover {
    color: #ddd;
}
#mainnavi li a.current {
    color: #f29e1b;
}
.w100 {/* width used on single view */
    width: 940px;
}
.w80 {/* width used for filter view, account settings & blog */
    width: 720px;
    float: right;
}
.w80 h2 {
    font: 18px/38px impact, verdana, arial, sans-serif;
	background: url(img/bar80.jpg) no-repeat 0 0;
    color: #000;
    height: 40px;
    text-transform: uppercase;
    margin: 6px 0 0 0;
    padding: 0 15px;
}
.w80 .postcontent {
    padding: 0 15px;
    font-size: 1.2em;
}
.w80 .post {padding: 0 0 40px 0;}
.w80 .postcontent p {
    padding: 15px 0 0 0;
}
.postcontent .alignright {
    float: right;
    margin: 0 0 5px 10px;
}

.postcontent .alignleft {
    float: left;
    margin: 0 10px 5px 0;
}

.postcontent .aligncenter {
    text-align: center;
    margin: 0 auto;
}
.wp-caption-text {
    font-size: 11px;
    color: #888;
    margin: -8px 0 0 0;
}
.w60 { /* width used on home */
    width: 560px;
    float: right;
}
#sidebar {
    width: 203px;
    background: url(img/sidebar3.jpg) no-repeat bottom left;
    padding: 0 0 117px 0;
}
#sidebar .outer {
    background: url(img/sidebar2.jpg) repeat-y 0 0;
}
#sidebar .inner {
    background: url(img/sidebar1.jpg) no-repeat 0 0;
    min-height: 300px;
}
#sidebar h3.categories {
    font: 18px/40px impact, verdana, arial, sans-serif;
    color: #000;
    height: 40px;
    text-transform: uppercase;
    margin: 5px 5px 0 5px;
    padding: 0 10px;
}

#sidebar h3 {
    font: 18px/36px impact, verdana, arial, sans-serif;
    background: url(img/sidebar1.jpg) no-repeat -5px -5px;
    color: #000;
    height: 40px;
    text-transform: uppercase;
    margin: 20px 5px 0 5px;
    padding: 0 12px;
}
#sidebar li {
    margin: 0 10px 0 8px;
}

#sidebar .categories a, #sidebar li a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 4px 15px;
    border-bottom: 1px solid #ddd;
}
#sidebar li a {
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    padding: 2px 15px;
    border-bottom: 1px solid #ddd;
}
#sidebar .categories a:hover {
    border-bottom: 1px solid #ccc;
}
#sidebar .categories .current-cat a {
    color: #f29e1b;
}
#sidebar .tags {
    padding: 0 15px;
    text-align: center;
}
#sidebar .tags a {
    font-weight: bold;
    text-decoration: none;
    padding: 0 4px;
}
#sidebar .tags a:hover {
    background: #000;
    color: #f29e1b;
}
#footer {
    position: relative;
    width: 940px;
    clear: both;
    padding: 30px 0;
    font-size: 11px;
    background: url(img/footerbg.jpg) no-repeat 0 30px;
}
#footer div {
    padding: 12px 30px 0 200px;
}
#footer li, #footer ul {display: inline;}
a#footlogo {
    position: absolute;
    top: 41px;
    left: 22px;
    display: block;
    width: 159px;
    height: 36px;
	background: url(img/flogo.jpg) no-repeat 0 0;
	text-indent: -9999.9em;
	overflow: hidden; /* FF win makeup */
}
a#footlogo:hover {
	background: url(img/flogo.jpg) no-repeat 0 -36px;
}
/* comments & form */
.navigation, .commentlist {
    margin: 15px;
}
h3#comments, #respond h3 {
    font: 18px/38px impact, verdana, arial, sans-serif;
	background: url(img/bar80.jpg) no-repeat 0 0;
    color: #000;
    height: 40px;
    text-transform: uppercase;
    margin: 6px 0 0 0;
    padding: 0 15px;
}
.commentlist li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
span.says {display: none;}
cite.fn {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
}
.comment-author vcard, .comment-meta {
    width: 140px;
    overflow: hidden;
    float: left;
    clear: left;
}
.comment-meta a {
    font-size: 0.9em;
    color: #888;
}
.commentlist p {
    padding: 0 0 10px 0;
    font-size: 1.1em;
    margin: 0 0 0 160px;
}
#respond p {
    padding: 0 0 10px 0;
}
#respond form {
    margin: 15px;
}
#respond form input {
    margin: 0 5px 5px 0;
    width: 200px;
}
#respond form input#submit {
    width: 167px;
    height: 59px;
    padding: 15px 0 20px 0;
    font-family: impact, verdana, arial, sans-serif;
    font-size: 18px;
    background: url(img/bttn1.gif) no-repeat top left;
    font-weight: bold;
    text-transform: uppercase;
    border: 0;
    color: #fff;
}
#respond form input#submit:hover, #topsearch input#ssubmit:hover {
    cursor: pointer;
    color: #f29e1b;
}
#respond form textarea {
    width: 680px;
    margin: 0 0 5px 0;
}
#linkcat-2 li img { padding: 2px; width: 16px; height: 16px; border: none; }