/*
Theme Name: Walk of Stars
Theme URI: http://www.walkofstars.co.uk/
Description: Bespoke theme for the Walk of Stars Website.
Version: 1.0
Author: Paul Lacey
*/

/*-------------------------------------------------
STANDARD CLASSES
-------------------------------------------------*/

/* CSS Document */
img, div { behavior: url(http://www.walkofstars.co.uk/iepngfix.htc); }
.clearer { height: 1px;	overflow: hidden; margin-top: -1px;	clear: both; }

body {
margin: 0;
padding: 0;
background: url(images/body-bg.gif) repeat-x #1E1E1E;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
color: #ccc;
}

img {
border: none;
}

#outerwrapper {
display: block;
width: 653px;
margin: 0 auto;
padding: 0 10px;
background: url(images/wrapper-shadow.png) transparent;
}

#wrapper {
display: block;
width: 653px;
margin: 0 auto;
padding: 0;
background: #333;
}

#header {
padding: 20px 0 10px 0;
margin: 0 auto;
width: 631px;
height: 174px;
/*background: url(images/header-bg.jpg) 0 20px #333 no-repeat;*/
background: #333;
display: block;
}

#header h1 {
margin:0; padding: 0;
}

#header h1 span {
display: none;
}

#nav-primary {
padding: 0 11px;
margin: 0 auto;
margin-bottom: 30px;
width: 631px;
height: 20px;
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-transform: uppercase;
display: block;
}

#nav-primary ul {
padding: 0;
margin: 0;
list-style: none;
display: block;
}

#nav-primary ul li {
display: block;
float: left;
margin: 0 20px 0 0;
padding: 0;
}

#nav-primary ul li a {
color: #fff;
text-decoration: none;
}

#nav-primary ul li a:hover {
color: #CCFF00;
text-decoration: underline;
}

#editorial {
width: 350px;
margin: 0 0 0 28px;
padding: 0;
float:left;
}

#editorial h2 {
color: #fff;
margin: 0;
font-size: 1.4em;
font-weight: normal;
text-transform: uppercase;
padding-bottom: 10px;
}

#editorial h2 em {
font-style: normal;
color: #CCFF00;
}

#editorial h2.item {
width: 280px;
margin-left: 0;
padding-bottom: 5px;
}


#editorial h2.item a {
padding: 2px;
color: #CCFF00;
text-decoration: none;
}

#editorial h2.item a:hover {
color: #333;
background-color: #CCFF00;
text-decoration: none;
}

#editorial h2.item span.posted {
padding: 2px;
display: block;
font-size: 0.6em;
}

#editorial h2.item span.posted em {
font-style: normal;
color: #CCFF00;
}

#editorial p {
font-size: 0.85em;
line-height: 1.5em;
padding: 0;
margin: 0 0 15px 0;
}

#editorial p a {
color: #CCFF00;
text-decoration: none;
}

#editorial p a:hover {
color: #333;
background-color: #CCFF00;
text-decoration: none;
}

#editorial form input.text {
background-color: #000;
border: 1px solid #666;
color: #888;
margin: 0 0 5px 0;
padding: 5px;
font-size: 0.7em;
width:200px;
}

#editorial form textarea.textarea {
background-color: #000;
border: 1px solid #666;
color: #888;
margin: 0 0 5px 0;
padding: 3px;
font-size: 0.7em;
width:300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
line-height: 1.4em;
}

#googlebox {
margin: -20px 0 0 -6px;
padding: 0 0 10px 0;
}

#googletext {
margin: 20px 0 0 0;
}

#sidebar {
background: #2C2B2B;
width: 188px;
margin: 0 11px 0 0;
padding: 0 15px 15px 15px;
float:right;
}

#sidebar h3 {
color: #fff;
margin: 15px 0 15px 0;
padding: 0 0 5px 0;
font-weight: normal;
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
font-size: 1em;
background: url(images/h3-border.gif) bottom no-repeat;
}

#sidebar table {
font-size: 0.85em;
}

#sidebar table tr th {
display: none;
padding: 0;
margin: 0;
}

#sidebar table tr td {
padding: 3px;
}

#sidebar table tr td.star {
text-align: left;
}

#sidebar table tr td.pos {
text-align: center;
}

#sidebar form input.text {
background-color: #000;
border: 1px solid #666;
color: #888;
margin: 0 0 5px 0;
padding: 3px;
font-size: 0.7em;
width: 120px;
}

#sidebar form input.image {
margin: 0 0 1px 0;
}

#sidebar ul, #sidebar ol {
font-size: 0.85em;
margin: 0 10px;
padding: 0;
list-style: none;
}

#sidebar ol li, #sidebar ul li {
padding: 0;
margin: 0 0 5px 0;
}

#footer {
background: url(images/footer-bg.gif) no-repeat;
margin: 0 auto;
width: 633px;
height: 30px;
padding: 25px 20px;
}

#footer p {
margin: 0 0 20px 0;
padding: 0;
font-size: 0.75em;
}

#copyright {
float: left;
width: 160px;
}

#validation {
float: right;
width: 400px;
}

#validation ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 0.75em;
}

#validation ul li {
display: block;
float: right;
padding: 0;
margin: 0 0 0 15px;
}

#validation ul li a {
color: #fff;
background: url(images/tick.jpg) no-repeat 0 2px;
padding: 0 0 0 16px;
text-decoration: none;
}

#validation ul li a:hover {
color: #CCFF00;
text-decoration: underline;
}