/*
Theme Name:UrbanArtist
Theme URI:http://www.themelab.com/free-wordpress-themes/
Description:An art theme. Design by Styleshout. Ported to WP by Theme Lab
Version:1.0
Author:Theme Lab
Author URI:http://www.themelab.com/
*/
/* ----------------------------------------------
Template Name :UrbanArtist
Template Code :S-0025
Version :1.0
Author :Erwin Aligam
Author URI :http://www.styleshout.com/
Last Date Modified :June 30, 2008
------------------------------------------------ */
/* ----------------------------------------------
HTML ELEMENTS
------------------------------------------------- */
/* Top Elements */
* { margin:0; padding:0; outline:0 }
html { background:#004c7b url(images/bg.gif) repeat-x; }
body {font:13px/145% 'Trebuchet MS', Helvetica, Arial, Sans-serif; color:#bfd2de; margin:0; padding:0; background:#004c7b url(images/bg2.jpg) no-repeat center top; text-align:center;}
/* Links */
a, a:visited {text-decoration:none; color:#53bdff;}
a:hover {color:#e1e1e1; border-bottom:1px dotted #ffffff;}
/* headers */
h1, h2, h3 {font-family:Arial, 'Trebuchet MS', Helvetica, Arial, Sans-serif; color:#ffffff;}
h1 {font-size:3.1em; letter-spacing:-2px; padding:15px 10px 5px 10px;}
h2 {font-size:2em; color:#ffffff; padding:20px 10px 5px 10px;}
h3 {font-size:1.7em; font-weight:normal; padding:20px 10px 5px 10px;}
p, dl {padding:10px; margin:0;}
ul, ol {margin:10px 20px; padding:0 20px;}
ul {list-style:none;}
dt {font-weight:bold; color:#ffffff;}
dd {padding-left:25px;}
/* images */
img {background:#1B1B1B; }
img.float-right {margin:5px 0px 10px 10px;}
img.float-left {margin:5px 10px 10px 0px;}
code {margin:5px 0; padding:15px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ; background:#070707; border:1px solid #111;}
acronym {cursor:help; border-bottom:1px dotted #5B5B5B;}
blockquote {margin:15px 10px; padding:10px 10px 10px 35px; background:#070707 url(images/quote.gif) no-repeat 10px 10px; border:1px solid #111; font-weight:normal; font-size:17px;line-height:1.6em; font-style:italic; font-family:Georgia, 'Times New Roman', Times, serif; color:#808080;}
/* start - table */
table {margin:15px 10px; border-collapse:collapse;}
th {background:#000; color:#FAFAFA; height:38px; padding-left:12px; padding-right:12px; text-align:left; border-left:1px solid #211E20; border-right:1px solid #211E20; border-bottom:1px solid #211E20; border-top:1px solid #48780E;}
tr {color:#5b5b5b; height:34px;}
td {padding-left:12px; padding-right:12px; border:1px solid #111; background:#070707;}
/* form elements */
form {margin:20px 10px; padding:15px 25px 25px 20px; background:#00395c;/* border:1px solid #111111;*/}
form p {/*border-bottom:1px solid #004c7b; */padding:12px 0 5px 0; margin:0;}
label {font-weight:bold; color:#ffffff;}
input, select, textarea {margin:5px 0; padding:5px; font:normal 1em Verdana, Tahoma, sans-serif; color:#ffffff; background:#004c7b; border:0; border-bottom:1px solid #399bc7;}
input:focus, select:focus, textarea:focus {background:#26678f;}
option {padding-right:0.5em;}
#name, #email, #message {width:480px;}
input.button {font:bold 12px Arial, Verdana, Sans-serif; height:30px; padding:2px 3px; margin-top:8px; color:#48780E; background:#000; border-width:1px; border-style:solid; border-color:#1B1B1B;}
/* ------------------------------------------
LAYOUT
------------------------------------------- */
#wrap {
width:950px;
margin:0 auto;
text-align:left;
}
#content-wrap {
clear:both;
width:950px;
float:left;
padding-top:15px;
padding-bottom:50px;
background:url(images/midline.gif) repeat-y 600px 0;
border-top:1px solid #40799c;
border-bottom:1px solid #40799c;
}
#header {
position:relative;
width:950px;
height:370px;
margin:0; padding:0;
}
#header h1#logo-text a {
position:absolute;
margin:0; padding:0;
font:bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
letter-spacing:-1.5px;
color:#ffffff;
text-decoration:none;
text-transform:none;
/* change the values of top and left to adjust the position of the logo*/
top:125px; left:25px;
}
#header h1#logo-text a:hover {
background:none; border:none;
}
#header p#intro {
position:absolute;
margin:0; padding:0;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
font-weight:bold;
font-size:16px;
line-height:1.5em;
font-style:normal;
text-transform:none;
color:#ffffff;
width:400px;
/* change the values of top and left to adjust the position */
top:205px; left:30px;
}
/* Navigation */
#nav {
position:absolute;
margin:0; padding:0;
height:50px;
left:10px; top:30px;
}
#nav ul {
float:left;
list-style:none;
height:50px;
margin:0 0 0 5px; padding:0;
display:inline;
}
#nav ul li {
display:inline;
margin:0; padding:0;
}
#nav ul li a {
float:left;
margin:0; padding:0 12px;
font:bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
text-decoration:none;
color:#ffffff;
text-transform:uppercase;
}
#nav ul li a:hover,
#nav ul li a:active {
color:#eee;
background:none;
border:none;
}
#nav ul li.current_page_item a {
color:#ffffff;
}
/* Main Column */
#main {
float:left;
width:565px;
padding:0; margin:0 0 0 10px;
display:inline;
}
#main p img {background:#1B1B1B; border:1px solid #1B1B1B; padding:6px;}
#main h2 {
padding:5px 12px;
margin:15px 5px 10px 5px;
font:bold 2.4em Arial, 'Trebuchet MS', Helvetica, Arial, sans-serif;
color:#45D5E6;
border-bottom:1px dotted #40799c;
background-image:url(images/pattern.gif);
text-transform:uppercase;
}
#main h2 a {
color:#ffffff;
text-decoration:none;
border:none;
}
#main ul li {
list-style:none;
}
/* Sidebar */
#sidebar {
float:right;
width:300px;
padding:0; margin:0px 18px 0 0;
display:inline;
}
#sidebar h3 {
padding:5px 12px;
margin:15px 5px 10px 0;
font:bold 2.4em Arial, 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
color:#ffffff;
border-bottom:1px solid #40799c;
background-image:url(images/pattern.gif);
}
#sidebar ul {
text-align:left;
margin:20px 5px 20px 0px;
padding:0;
border-top:1px solid #40799c;
}
#sidebar ul li {
list-style:none;
padding:8px 10px;
margin:0;
border-bottom:1px solid #40799c;
}
* html body #sidebar ul li {
height:1%;
}
#sidebar ul li a {
text-decoration:none;
border:none;
color:#ffffff;
font-weight:bold;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
font-size:14px;
}
#sidebar ul li a span {
color:#444;
font-family:Georgia, 'Times New Roman', Times, serif;
font-style:italic;
font-weight:normal;
font-size:11px;
}
#sidebar ul li a:hover,
#sidebar ul li a:hover span {
color:#fff;
}
#sidebar ul ul { margin:0 0 0 5px; padding:0; }
#sidebar ul ul li { border:none; }
/* header quick search */
#sidebar form#quick-search {padding:0; margin:20px 0 35px 0; border:none; width:290px; height:33px; background:url(images/header-search.gif) no-repeat;}
#sidebar form#quick-search p {margin:0; padding:0;}
#sidebar form#quick-search input {float:left; border:none; background:transparent; color:#ffffff; margin:0;}
#sidebar form#quick-search .tbox {margin:5px 0 0 5px; width:240px; display:inline;}
#search form#quick-search .btn {width:24px; height:24px;}
#sidebar form#quick-search label {display:none;}
/* footer */
#footer {clear:both; padding:1em 0 2.5em 0; color:#ffffff; width:100%; float:left; margin-bottom:60px;}
#footer a {text-decoration:none; color:#53bdff;}
#footer a:hover {color:#e1e1e1; border-bottom:1px dotted #ffffff;}
#footer .rssfeed {background:url(images/rss.gif) no-repeat left 1px; padding-left:17px;}
#footer-left {float:left; width:70%;}
#footer-right {float:right; width:25%;}
/* postmeta */
.postmeta {padding:7px 5px; margin:20px 10px 30px 10px; font-size:1em; color:#ffffff; /*border:1px dotted #40799c; */background:#00395c;}
.postmeta .date {margin:0 10px 0 5px;}
.postmeta a.comments {margin:0 10px 0 5px;}
.postmeta a.readmore {margin:0 10px 0 5px;}
.post-info {font-size:.95em; padding-top:3px; margin-left:5px; color:#ffffff;}
.post-info a, .post-info a:visited {color:#53bdff;}
/* alignment classes */
.float-left {float:left;}
.float-right {float:right;}
.align-left {text-align:left;}
.align-right {text-align:right;}
/* display and additional classes */
.no-border {border:none;}
.clearer {clear:both;}
.clear {display:inline-block;}
.clear:after {display:block; visibility:hidden; clear:both; height:0; content:".";}
img.avatar {float:left; margin-right:5px;border:0;background:none;padding:0;}
.semborda {
border:0;
padding:0;
}