/* @override http://www.junkystyling.co.uk/wp-content/themes/junkystyling/style.css */

/* @override 
	http://www.junkystyling.co.uk/wp-content/themes/junkystyling/style.css
	http://junkystyling/wp-content/themes/junkystyling/style.css
*/

/*  
Theme Name: Junky Styling
Theme URI: http://www.junkystyling.co.uk
Description: The Junky Styling Wordpress Theme
Version: 0.1
Author: Niall McCormack
Author URI: http://www.itsallmememe.com

	Junky Styling v0.1
	http://www.junkystyling.co.uk


*/



body, html {height: 100%;}

body {
	color: #7f7f7f;
	font: 62.5%/1.4em Trebuchet MS, Trebuchet, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 2em 0;
}

#container {
width: 76em;
margin: 0 auto 0 auto;
}



b, strong {
	color: white;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

a {
	color: white;
	text-decoration: none;
}

a:hover {
	color: #cccccc;
	text-decoration: underline;	
}

img {
	border: 0;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	color: white;
}

h2, h4 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

form {
	display: inline;
	padding: 0;
	margin: 0;
}

input, textarea {
	border: 1px solid #d0cfcf;
	color: #7f7f7f;
	font: 1em/1.4em Arial, sans-serif;
	margin: 0;
	padding: 0;
}

select {
	border: 1px solid #d0cfcf;
	color: #7f7f7f;
	font: 1em/1.4em Arial, sans-serif;
	margin: 1em 0em;
	padding: 0.3em 0.3em;
}

hr {
	height: 1px;
	border-top: none;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	background: url(../img/ruler.gif);
}

p {
	margin: 0 0 1em 0;
}

/* 
DIVS 
*/

#container {

}

#wrapper {
	float: left;
	width: 57em;
}

#container #block {
	width: 13.2em;
	height: 1.5em;
	background-color: #000000;
}

/*
NAVIGATION
*/

#navigationTop {
	float: left;
	width: 76.6em;
	height: 7.7em;
	margin: 0 0 0.5em 0;
}

#navigationTop ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigationTop li {
	float: left;
	height: 7.7em;
	margin: 0 0.5em 0 0;
	padding: 0;
	overflow: hidden;
}

#navigationTop li a {
	text-decoration: none;
color: #aaaaaa;
}

#navigationTop li a:hover {
	color: white;
}

#navigationTop #navItem1 {
	width: 6.5em;
	background-color: #000000;
}

#navigationTop #navItem2 {
	width: 11em;
	background-color: #000000;
}

#navigationTop #navItem3 {
	width: 9.2em;
	background-color: #000000;
}

#navigationTop #navItem4 {
	width: 13.5em;
	background-color: #000000;
}

#navigationTop #navItem5 {
	width: 7.5em;
	background-color: #000000;
}

#navigationTop #navItem6 {
	width: 9.5em;
	background-color: #000000;
}

#navigationTop h2 {
	text-align: center;
	margin: 0;
	padding: 3.2em 0.4em 0.4em 0.4em;
	font-size: 1.7em;
	font-weight: normal;
color: #969696;
}

#navigationTop h4 {
	text-align: center;
	margin: 0;
	padding: 3.2em 0.4em 0.4em 0.4em;
	font-size: 1.7em;
	font-weight: normal;
	color: white;
}
#navigationTop h4 a{
	color: white;
}


#navigationTop #endBlock {
	width: 2.1em;
	padding: 0 0;
	background-color: #000000;
}

/*
SUB NAVIGATION
*/

#subnav {
	float: left;
	width: 74.65em;
	margin: 0 0 0.5em 0;
	padding: 0.75em;
	background-color: #000000;
}

#subnav ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subnav li {
	display: inline;
	margin: 0 0.5em 0 0;
	padding: 0;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: bold;
}

#subnav a {
	font-size: 1.4em;
	color: #aaaaaa
}

#subnav a:hover {
	color: white;
}

#subnav .current_page_item a {
	color: white;
}

#subnav .current_page_parent a {
	color: white;
}

#subnav .page_item a {
	margin: 0 1em 0 0;
}

#subnav a:hover {

	text-decoration: none;
}

/*
HOME PAGE
*/

#home #main_image {
	float: left;
	width: 76em;
	margin: 0 0 0.5em 0;
	padding: 1em 0;
	background-color: #000000;
}

.box {
	width: 27.9em;
	float: left;
	background-color: #282828;
	margin: 0 0.5em 0 0;
	border-bottom: 5px solid #000000;
}

#login.box {
	border-bottom:none;
}

#home .box h2 {
	margin: 0.5em;
	padding: 0;
}

#home .box .postImage p {
	margin: 0;
	padding: 0;
}

#home .box p {
	margin: 0.5em 1em 1em 1em;
	padding: 0;
	line-height: 1em;
	font-size: 1.1em
}

#home .box .header {
	position: relative;
	float: left;
	width: 27.9em;
	margin: 0;
	padding: 0;
}

#home #newsButton, #home #collectionsButton{
	float: left;
	width: 26.5em;
}

#home #news, #home #collections {
	float: left;
	width: 27.9em;
	margin: 0 0.5em 0 0;
	overflow: hidden;
}

html>body #home #news, html>body #home #collections {
	width: 27.9em;
}

#home #news .box, #home #collections .box {
	border-bottom: none;
}

#home #news .box a {
	color: #aaaaaa;
}

#home #news .box a:hover {
	color: white;
}

#column3 {
	float: right;
	width: 19.2em;
	overflow: hidden;
}

#column3 .box {
	width: 19.2em;
}

#column3 .box .header {
	position: relative;
	float: left;
	width: 19.2em;
	margin-bottom: 0.5em;
	padding-bottom: 0.7em;
}

#column3 .box .header h2 {
	margin: 0.5em 0.5em 0 0.5em;
}

#column3 #submit {
	margin: 0 0 0.5em 0;
}

#loginform {
	float: left;
}



#loginform p {
	padding: 0;
}

html>body #loginform {
	left: 0;
}

#loginform form {
	margin: 0;
	padding: 0;
}

#loginform input {
	width: 168px;
	margin: 0.5em 0 0 0;
}

#sidebar #login #loginform input {
	width: 161px;
	margin: 0.5em 0 0 0;
}

#column3 .button {
	width: 177px !important;
}

#column3 #loginOK {
	margin: 0 0 0.5em 0;
}

#column3 p#loggedInOK {
	margin: 0em 1em 1em 1em;
}

#column3 p#loggedInOK a {
	color: #aaaaaa;
}

#column3 p#loggedInOK a:hover {
	color: white;
}

#column3 .box p {
	margin: 0em 1em 1em 1em;
	padding: 0;
	line-height: 1em;
	font-size: 1.1em
}

/*
NEWS
*/

.posts {
	float: left;
	width: 57em;
}

.post {
	float: left;
	margin: 0 0 0.5em 0;
	background-color: #282828;
}

.header {
	float: left;
	width: 56em;
	padding: 0.75em 0.5em;
	background-color: #000000;
}

.post .header {
	padding: 0.3em 0.5em;

}

.post .postTitle {
	float: left;
	width: 43em;
	padding: 0;
	text-transform: uppercase;
}

.post .postTitle h2 {
	line-height: 1.6em;
}

.post .postTitle h2 a {
	color: white;
}

.post .postTitle h2 a:hover {
	color: #aaaaaa;
	text-decoration: none;
}

.post .postDate {
	position: relative;
	float: right;
	top: 0.6em;
}

.post .entry li {
	font: 120%/1.8em Trebuchet MS, Trebuchet, sans-serif;
}

.post .entry p {
	position: relative;	
	clear: left;
	top: -2.4em;
	margin: 0em;
	padding: 0em 0em 0.5em 0em;
	font-size: 1.2em;
	line-height: 1.5em;
}

html>body .post .entry p {
	position: relative;	
	clear: left;
	top: -0.1em;
	margin: 0em;
	padding: 0em 0em 0.5em 0em;
	font-size: 1.2em;
	line-height: 1.5em;
}

#jsnews .post .entry {
	border-bottom: none;
	padding: 3.5em 1em 0em 1em;
}

#jsnews .post {
	margin:0;
}

.post img {
	position: relative;
	float: left;
	margin: 0;
	left: -0.75em;
	top: -0.5em;
}

.postmetadata {
	float: left;
	width: 55.8em;
margin: 0 0 0.5em 0;
	padding: 0.6em 0.6em 0.6em 0.6em;
	background-color: #000000;
}

.postmetadata a, .postmetadata strong {
	color: #aaaaaa;
}

/*
GALLERY
*/

.gallery_header_image {
	padding: 0.5em 0 0 0;
	background-color: #000000;
}

#gallery_pages ul {
	margin: 0;
	padding: 0;
}

#gallery_summary {
	float: left;
	margin: 0;
	padding: 0;
}

#gallery_summary p {
	top: 0em;
}

#gallery_pages li {
	float: left;
	width: 41.75em;
	background-color: #000000;
	list-style-type: none;
	padding: 0.75em 1em 0.75em 1em;
	margin: 0 0 0.5em 0;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
}

#gallery_pages li a {
	color:#aaaaaa;
}

#gallery_pages li a:hover {
	color:white;
	text-decoration: none;
}

#gallery_summary .entry {
	position: relative;
	float: left;
	padding: 1em 0.4em 1em 1em;
	background-color: #282828;
}



#gallery_summary img.slickr-post {
	float: left;
	margin: 0.75em 0 0.25em 1em;
}

#gallery_summary a.lightview {
	float: left;
	margin: 0.75em 0 0.25em 1em;
}

/*
CONTACT
*/

#contactform .entry, #mailinglist .entry {
	border-bottom: none;
}

#mailinglist #radio input {
	width: 2em;
	border: none;
}

#contactus .post, #mailinglist .post {
	float: left;
	margin: 0;
	padding: 0;
}

#mailinglist {
	float: left;
	margin-bottom: 0.5em;
}

#contactus #contactsubmit, #mailinglist #mailinglistsubmit {
	width: 55.6em;
}

#mailinglist label,#contactus label {
	display: block;
	margin: 0.75em 0 0 0;
}

#mailinglist #emailform {
	position: relative;
	margin: 0 0 1em 1em;
	padding: 0;
}

#mailinglist input, #contactus input {
	width: 20em;
}

#mailinglist select {
	width: 23em;
	margin:0;
}

#contactus #contactInput, #mailinglist #mailinglistInput {
	float: left;
	position: relative;
	margin: -1em 0 1em 0em;
	padding: 0;
	width: 21em;
}

#mailinglist #mailinglistInput2 input {
	width: auto;
	margin: 0 0.5em 0 0;
	border:none;
}

#contactus #contactMessage, #mailinglist #mailinglistInput2 {
	position: relative;
	float: left;
	margin: -1em 0 1em 1em;
	padding: 0;
	width: 23em;
	clear: none;
}



#contactus #contactMessage textarea {
	width: 23em;
}

#address_map {
	float: left;
}

#maptext {
	float: left;
	width: 20em;
}

#maptext p a, .entry p a {
	color: #aaaaaa;
}

#maptext p a:hover, .entry p a:hover {
	color: white;
	text-decoration: none;
}

#mapimage {
	float: left;
}

/*
IN STORE NOW
*/

#instore #instorenowsubmit {
	width: 74.7em;
}

#instore .entry {
	width: 74.6em;
}

#instore .post {
	float: left;
	margin: 0;
	padding: 0;
}

#instore #contactsubmit {
	width: 55.7em;
}

#instore label {
	display: block;
	margin: 0.75em 0 0 0;
}

#instore input {
	width: 30em;
}

#instore textarea {
	width: 30em;
}

#instore #contactInput {
	float: left;
	position: relative;
	margin: 0 0 1em 0em;
	padding: 0;
	width: 30em;
}

#instore #contactMessage {
	position: relative;
	float: left;
	margin: 0 0 1em 1em;
	padding: 0;
	width: 30em;
	clear: none;
}

#instore #contactMessage textarea{
	height:8.9em;
}
/*
SIDEBAR
*/

#sidebar {
	width: 18.5em !important;
	float: left;
	margin: 0 0 0 0.5em;
	padding: 0;
	overflow: hidden;
}

#sidebar a {
	color: #aaaaaa;
}

#sidebar a:hover {
	color: white;
}

#sidebar select {
	width: 16.5em;
	margin: 0 1em 1em 1em;
	padding: 0;
}

#sidebar .box {
	float: left;
	margin: 0 0 0.5em 0;
	list-style-type: none;
	background-color: #282828;
	width: 100%;
}

#sidebar p, #sidebar li {
	margin: 0em 1em 1em 1em;
	padding: 0;
	line-height: 1.2em;
	font-size: 1.1em;
}

#sidebar .sidebarTitle {
	float: left;
	width: 17em;
	padding: 0.75em;
	margin: 0 0 0.75em 0;
	background-color: #000000;
	text-transform: uppercase;
}

#sidebar .box#recent_posts .sidebarTitle {
	margin-bottom: 0.5em;
}

#sidebar .box#recent_posts p {
	margin: 0 1em 0.5em 1em;
}

#sidebar .header {
	width: 17.4em;
	margin-bottom: 1em;
}

#sidebar #submit {
	margin: 0 0 0.5em 0;
}

#sidebar .box#login {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

#sidebar p#loggedInOK {
	margin: 0em 1em 1em 1em;
}

#sidebar p#loggedInOK a {
	color: #aaaaaa;
}

#sidebar p#loggedInOK a:hover {
	color: white;
}

.box#sponsor {
	float: left;
	text-align: center;
	margin: 0.5em 0 0 0;
	padding: 1em 0;
	border-top: 5px solid #000000;
}

#copyright.button {
	margin-top: 0.5em;
	text-align: center;
}

.button {
	position: relative;
	float: left;
	width: 17.1em;
	padding: 0.75em;
	margin: 0;
	background-color: #000000;
}

.button h3 a {
	color: #aaaaaa !important;
	text-decoration: none !important;
}


.button h3 a:hover {
	color: white !important;
	text-decoration: none !important;
}


#sidebar #blogroll li, #sidebar #categories li {
	margin: 0 0 0.5em 1em;
	padding: 0;
	list-style-type: none;
	
}

#sidebar #blogroll ul, #sidebar #categories ul {
	padding: 0;
	margin: 0;
}

#sidebar #blogroll linkcat-2 ul li a, #sidebar #categories ul li a {
	font-size: 1em;
}


#sidebar #blogroll li ul .page_item a, #sidebar #blogroll .linkcat ul li a {
	font-size: 0.9em;
}

#sidebar #blogroll ul li a, #sidebar #categories ul li a {
	color: #aaaaaa;
}

#sidebar #blogroll ul li a:hover, #sidebar #categories ul li a:hover {
	color: white;
	text-decoration: none;
}

/*
WIDECOLUMN
*/

.widecolumn {
	float: left;
	width: 57em;
}

.widecolumn .post p {

}

.widecolumn .entry {
	float: left;
	width: 55.5em;
	padding: 0.75em 0.5em 1em 1em;
	background-color: #282828;
}

.widecolumn .entry p {
	top: 0em;
}

.widecolumn #error404 {
	padding: 16em 2em;
	text-align: center;
	background-color: #282828;
}

/*
FULL WIDTH COLUMN	
*/

.fullwidthcolumn {
	position: relative;
	float: left;
	width: 76em;
}

.fullwidthcolumn .entry {
	float: left;
	width: 74.5em;
	padding: 0.75em 0.5em 1em 1em;
	background-color: #282828;

}

.fullwidthcolumn .entry p {
	top: 0em;
}

.fullwidthcolumn .header {
	width: 75em;
}

/*
ENTRY
*/

.entry {
	border-bottom: 5px solid #000000;
	padding: 3.5em 1em 1em 1em;
	width: 55em;
}

/*
FOOTER
*/

.dashedLine {
	clear: both;
	height: 1px !important;
	overflow: hidden;
	background: url(images/dashed_line.gif) repeat;
}