/*  
Theme Name: Hire an illustrator! V.i
Theme URI: http://www.hireanillustrator.com/i
Description: 
Version: 0.1
Author: Darren Di Lieto
Tags: 
License: GPL
Attributions: 
*/ 

/* YUI Elements */

.yui-u {margin-bottom: 1.2em;}

/* HTML5 Elements */

#header { clear:both; margin:0px auto; padding:0px; }
#header h1 {	padding:0}
#header .logo { float:left; }
#header .social { float:right; width:300px; padding-bottom:16px;}
#header .social img { float:right; padding:0 0 0 3px;}
#header .newsletter {float:right;width:400px; text-align:right;}
#header .newsletter .form_field, #header .newsletter .form_button {display:inline;font-weight:bold;height:22px;}
#header .newsletter .form_field {color:#A9A9A9;width:140px;padding-left:6px;margin-left:8px;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-left: 1px solid #000000;border-top: 1px solid #000000;}
#header .newsletter .form_button {color:#FFFFFF;background-color:#EB0000;width:60px;margin:8px;border-bottom: 1px solid #000000;border-right: 1px solid #000000;border-left:0;border-top:0;}
#header .logo h1, #header .logo h1 a { color:#8C8C8C; font-size:30px; text-transform:uppercase; line-height:0; width:350px; }

#aside, .article {padding:15px; background:#cccccc; overflow: hidden;}
.page  {padding:5px; border:15px solid #8C8C8C; background:#8C8C8C; overflow: hidden;font-size:110%;}
h3 strong a {color: #000000 !important;}

/* HTML Elements */

* {
margin:0;
padding:0;
}

body {background: #transparent;color: #000000;}

body, select, input, textarea {font-size:75%; font-family: Arial,Gill Sans,Lucida,Helvetica Narrow,sans-serif;}

p {margin: 17px 0;}

a:link, a:visited { color: #423B35; text-decoration:none; }

a:hover, a:active { text-decoration:underline; }

hr { display: block; height:1px; background:#ddd url(images/liline.gif) repeat-x; border:0; margin:10px 0px 10px 0px; }

small {font-size: 0.95em;}

img, a:link img, a:visited img {border:0}

.clear { clear:both;overflow:hidden;}

h1 {font-size:140%;}
h2 {font-size:130%;}
h3 {font-size:120%;}
h4 {font-size:110%;}
h5 {font-size:100%;}
h6 {font-size:90%;}

h1,h2,h3,h4,h5,h6,span
	{
		margin:0;
		padding:0 0 3px 0;
	}
	
h1, h1 a {  color: #000000; }
h2,h3,h4,h5,h6 { color: #626263; }
h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link { color: #626263; text-decoration:none; }
h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {  color: #626263; text-decoration:none; }

h1 a:link {  text-decoration:none; }
h1.padten { padding:10px 0px 0px 10px; }
h1.padtwenty { padding:20px 0px 0px 20px; }

strong, h2 {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
pre { overflow:auto;}
dl {margin:0 0 1.5em 0;}
dl dt {font-style:italic; padding:3px 0px 3px 0px;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#dddddd; text-align:left; border-right:1px solid #ffffff;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#eeeeee; text-align:left; border-right:1px solid #ffffff;}
tfoot {font-style:italic;}
caption {background:#3F3F3F;}

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #f1f1f1;}

.datesearch {
	margin:0 auto 1.2em auto;
	width:100%;
	overflow:hidden;
	font-size:14px;
	background:#8C8C8C;
	height:30px;
	clear:both;
}


.datesearch .date {
float:left;
margin:7px 0px 0px 10px;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
}

.datesearch ul {
float:left;
margin:7px 0px 0px 10px;
}

.headline-wrap, .news-wrap {
position:relative;
width:563px;
background: #8c8c8c;
height: 300px;
}

.headline {
float:left;
width:400px;
}

.headline-text {
float:right;
}

.news {
float:right;
width:400px;
}

.news-text {
float:left;
}

.headline-link, .news-link {
position:absolute;
left:0px;
top:0px;
width: 400px !important;
z-index:2;
}

.headline-text, .news-text {
width: 150px !important;
padding:5px;
}

.news-item {
float:right;
width:370px;
padding: 0 15px 0 15px;
margin-top: 15px;
border-left:1px solid #ffffff;
}

.headline-text h2, .news-text h2, .news-item h2,
.headline-text, .news-text, .news-item,
.headline-text .morelink, .news-text .morelink,
.headline-text span, .news-text span, .artists, 
.page, .page h2 {
color:#ffffff;
}


.headline-text h2, .news-text h2, .news-item h2 {
font-weight:bold;
}

.featured, .new {
margin-top:7px;
}

.featured-text, .new-text {
padding-top:5px;
}

.featured a img, .new a img, .new img {
float:left;
margin-right:8px;
border:5px solid #dddddd;
}

.advert-block a img, .advert-block img {
float:left;
margin:0 9px 8px 0;
border:3px solid #dddddd;
}
.advert-block {
width:900px;
overflow:visible;
}

.search img {
float: right;
margin:0 0 2px 0;
padding:0;
}

.search ul {
margin-bottom:0.95em;
}

.search ul li {
padding:3px 0px 3px 0px;
border-bottom:1px solid #dddddd;
font-size: 1em;
}

/* Footer*/

#footer { overflow:hidden; margin:5px auto 10px auto; width: 100%px; color:#ffffff; font-size:x-small; background: #8C8C8C; padding: 10px; clear:both; }
#footer a { color:#ffffff; }
#footer p { margin:5px 0 0 0; }
#footer img { float:left; }
#footer .tools { float:right; margin-right:30px; }
#footer .tools ul { list-style: none; margin-right:30px;  }
#footer .tools ul li { float: left; display: block; padding-left:20px; }
#footer .tools ul li a { float: left; display: block; }
#footer .tools ul li a: hover { text-decoration:underline;}


/*** Main menu CSS code ***/	
	
.menu {
    background:#000000 repeat-x;
    font-size:10px;
    text-transform: uppercase;
    font-weight:bold;
    width:100%;
    }
.menu, .menu ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    margin:0;
    width:100%;
    }
.menu a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 10px;
    }
.menu li {
    float:left;
    padding:0;
    }
.menu .current_page_item {
    background:#8c8c8c;
    }
.menu li:hover {
    background:#dddddd;
    }
.pagenav a {
	font-weight:bold;
}
.pagenav .prev {
	float: left;
	width: 50%;
}
.pagenav .next {
	float: right;
	width: 50%;
	text-align: right;
}

.artists {
float:left;
width:27%;
margin:0 1% 1% 0;
border:15px solid #8C8C8C;
background:#8C8C8C;
}
.artists p {
padding: 5px;
margin: 0;
}