/*
Theme Name: The Electronic Waste Company
Theme URI: http://www.electronicwastecompany.com/
Description: A customised Wordpress Theme for The Electronic Waste Company
Version: 1.0
Author: UKNetWeb
Author URI: http://uknetweb.com/
Tags: custom
*/

* {
	margin:0;
	padding:0;
}

html,body {height:100%;}

body {
	font:0.8em Arial, Verdana, sans-serif;
	text-align:center;
	background:#234a8f url(images/bg/body.jpg) no-repeat fixed 50% 100%;
}

div {text-align:left;}
.clear {clear:both;}
a {outline:none;}

/* Main Layout */
.container {
	margin:0 auto 0 auto;
	width:928px;
	background:transparent url(images/bg/container.png) repeat-y 0 0;
}

.header {
	position:relative;
	margin:0 0 0 9px;
	height:279px;
	background:transparent url(images/bg/header.jpg) no-repeat 0 100%;
}

.main-left,.main-right {display:inline;}

.main-left {
	position:relative;
	float:left;
	margin-left:9px;
	top:-43px;
	width:251px;
}

.main-right {
	position:relative;
	float:left;
	margin-left:45px;
	padding-top:7px;
	top:-43px;
	width:574px;
}

.footer {
	position:relative;
	margin:0 auto 20px auto;
	width:928px;
	height:124px;
	background:transparent url(images/bg/footer.png) repeat-y 0 0;
}
/* /Main Layout */

/* Header */
p.tewc-logo {
	position:absolute;
	top:12px;
	left:14px;
}

p.tewc-logo img {border:0;}

p.a1-logo {
	position:absolute;
	top:20px;
	right:59px;
}
/* /Header */

/* Sidebar */
.nav {
	background:#fff url(images/bg/nav.gif) no-repeat 0 100%;
	border-bottom:1px solid #fff;
}

h2.news-title {
	margin-bottom:12px;
	padding:18px 10px 7px 10px;
	color:#43aa4e;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	background:#fff url(images/bg/news-title.gif) no-repeat 0 100%;
}

.latest-news {
	background:transparent url(images/bg/latest-news.gif) no-repeat 0 100%;
}

.latest-news ul {
	list-style:none;
	padding:20px 10px 0 10px;
	background:transparent url(images/bg/latest-news-ul.gif) no-repeat 0 0;
}

.latest-news li {
	padding-bottom:20px;
}

.latest-news h3 a {
	color:#20498e;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	text-transform:uppercase;
}
.latest-news h3 a:hover {color:#3b3c3d;}

.latest-news p {
	font-size:12px;
	color:#3b3c3d;
}

.latest-news p.read-more a {
	color:#339e3f;
	text-decoration:none;
}
.latest-news p.read-more a:hover {color:#3b3c3d;}
/* /Sidebar */

/* Nav */
.nav ul {
	list-style:none;
	padding:10px 10px 0 10px;
	background:transparent url(images/bg/nav-ul.gif) no-repeat 0 0;
}

.nav ul ul {
	padding-top:4px;
	background:none;
}

.nav li {
	padding-bottom:10px;
}

.nav ul ul li {
	padding-bottom:4px;
}

.nav a {
	color:#43aa4e;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
}
.nav a:hover,.nav li.current_page_item a {color:#000;}

.nav ul ul a {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-transform:none;
}
/* /Nav */

/* Main-right */
.main-right h1,.main-right h2,.main-right h3,.main-right h4,.main-right p,.main-right ul,.main-right ol,.main-right dl,.main-right form,.main-right form {
	margin:0 0 20px 0;
	font-family:Trebuchet MS, Arial, sans-serif;
}

.main-right ul,.main-right ol,.main-right dl {margin-left:40px;}

.main-right p,.main-right li {color:#3b3c3d;}

.main-right a {
	color:#339e3f;
	text-decoration:underline;
}
.main-right a:hover {color:#20498e;}

.main-right a img {border:0;}

.main-right h1 {
	margin-bottom:28px;
	font-weight:normal;
	font-size:20px;
	color:#fff;
}

.main-right h2 {
	font-weight:normal;
	font-size:20px;
	font-style:italic;
	color:#339e3f;
}

.main-right h3 {
	font-weight:normal;
	font-size:18px;
	font-style:italic;
	color:#20498e;
}

.main-right h4 {
	font-weight:normal;
	font-size:14px;
	font-style:italic;
	color:#3b3c3d;
}
/* /Main-right */

/* Form */
p.large-green-italic {
	font-size:15px;
	font-style:italic;
	color:#339e3f;
}

.form input,.form select,.form textarea {
	font:1em Trebuchet MS, Arial, sans-serif;
	color:#3b3c3d;
	border:1px solid #4f4f4f;
}

.form h3 {
	padding-top:20px;
	color:#339e3f;
	font-size:16px;
	text-transform:uppercase;
}

.errormessages {
	margin-bottom:20px;
	padding:20px 20px 1px 110px;
	background:#808080 url(images/bg/errormessages.gif) no-repeat 10px 4px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
}

.errormessages p {
	color:#fff;
	font-size:15px;
	font-style:italic;
}

.form table {
	border-collapse:collapse;
	border:0;
}

.form table td {padding-bottom:4px;}

.app-form {font-size:12px;}

.app-form input,.app-form select {margin-right:11px;}

.app-form input.large,.app-form select.large {width:243px;}
.app-form input.medium,.app-form select.medium {width:130px;}
.app-form input.small,.app-form select.small {width:90px;}

input.button {
	padding:7px 0 7px 0;
	width:137px;
	overflow:auto;
	text-align:center;
	color:#339e3f;
	font-size:14px;
	background:url(images/btn/input-button.gif) no-repeat 0 0;
	border:0;
	cursor:pointer;
}
/* /Form */

/* Flowchart */
.hide {display:none;}

.panel {
	position:relative;
	width:560px;
	height:435px;
}
#a1 {background:#fff url(images/bg/a1.gif) no-repeat 0 0;}
#a2 {background:#fff url(images/bg/a2.gif) no-repeat 0 0;}
#a3 {background:#fff url(images/bg/a3.gif) no-repeat 0 0;}
#a4 {background:#fff url(images/bg/a4.gif) no-repeat 0 0;}
#a5 {background:#fff url(images/bg/a5.gif) no-repeat 0 0;}
#a6,#a7,#a8,#a9,#a10,#a11 {background:#fff url(images/bg/a6-a11.gif) no-repeat 0 0;}
#a12,#a13 {background:#fff url(images/bg/a12-a13.gif) no-repeat 0 0;}

.panel ul {list-style:none;}

p.question,a.bordered-btn {
	padding:10px 20px 10px 20px;
	border:5px solid #008eb0;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-khtml-border-radius:50px;
	border-radius:50px;
}

a.bordered-btn,a.black-link {
	color:#000;
	text-decoration:none;
}
a:hover.bordered-btn,a:hover.black-link {text-decoration:underline;}

a.blue-btn,a.green-btn {
	display:block;
	padding:4px;
	float:left;
	width:100px;
	color:#000;
	text-decoration:none;
	text-align:center;
	font-size:13px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
}

a.blue-btn {background:#008eb0;}
a:hover.blue-btn {
	color:#008eb0;
	background:#000;
}

a.green-btn {background:#42aa4c;}
a:hover.green-btn {
	background:#000;
	color:#42aa4c;
}

/* /Flowchart */

/* Footer */
.footer p {position:absolute;}

.footer a {text-decoration:underline;}

p.contact-details {
	top:0;
	left:22px;
	color:#339e3f;
	font-weight:bold;
	font-size:14px;
}

p.contact-details a {color:#339e3f;}
p.contact-details a:hover {color:##234a8f;}

p.credits {
	top:89px;
	left:22px;
	color:#707070;
	font-size:11px;
}

p.credits a {color:#707070;}
p.credits a:hover {color:#234a8f;}

p.accreditations {
	top:27px;
	left:702px;
	width:213px;
}

p.accreditations img {margin-right:13px;}

p.copyright {
	top:89px;
	right:18px;
	text-align:right;
	color:#707070;
	font-size:11px;
}
/* /Footer */ 

/* Images */
p img {
	padding:0;
	max-width:100%;
}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright {
	margin:0 0 10px 20px;
	display:inline;
}

img.alignleft {
	margin:0 20px 10px 0;
	display:inline;
}

.alignright {float:right;}

.alignleft {float:left;}
/* /Images */

/* Calendar */
#wp-calendar {
	empty-cells:show;
	margin:10px auto 0;
	width:155px;
}

#wp-calendar #next a {
	padding-right:10px;
	text-align:right;
}

#wp-calendar #prev a {
	padding-left:10px;
	text-align:left;
}

#wp-calendar a {
	display:block;
}

#wp-calendar caption {
	text-align:center;
	width:100%;
}

#wp-calendar td {
	padding:3px 0;
	text-align:center;
}

#wp-calendar td.pad:hover {background-color:#fff;}
/* /Calendar */

/* Captions */
.aligncenter,div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
	text-align:center;
}

.wp-caption.alignleft {margin:0 20px 10px 0;}
.wp-caption.alignright {margin:0 0 10px 20px;}

.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}

.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}
/* /Captions */
