/*
Theme Name: ATEK Beams 
Theme URI: http://www.elucidate.co.uk/
Description: ATEK Beams Website
Version: 1.0
Author: Robert McCracken
Author URI: http://www.elucidate.co.uk/
Tags: CMS
*/

/* Begin Typography & Colors */
/* Resets 1em to 10px */
body {background:#d5e0be top left url(/images/bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; color:#fff;}
#page {background:black; text-align:left;}

.description {text-align:center;}
#content {font-size: 12px; margin:0 auto; width:770px; padding-top:12px; background:#729827 center bottom url(images/pagebg.jpg) no-repeat;}
#content p {font-size: 12px;}

#footer { background:#729827; border-top:1px solid #ddd; font-size:0.9em; margin:0px; padding:0;}

small {font-family:Arial, Helvetica, Sans-Serif; font-size:11px; line-height:1.5em;}
h1, h2, h3 {font-family:Verdana, Arial, Sans-Serif; font-weight:bold;}
/*h1 {font-size:4em; text-align:center;}*/
h2 {font-size:1.6em;}
h2.pagetitle {font-size:1.6em;}
#sidebar h2 {font-family:'Lucida Grande', Verdana, Sans-Serif; font-size:1.2em;}
h3 {font-size:1.3em;}
h1, h1 a, h1 a:hover, h1 a:visited {text-decoration:none; color:white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#333;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {text-decoration:none;}
.entry p a:visited {color:#fff;}
#sidebar {font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
small, #sidebar ul ul li, #sidebar ul ol li, blockquote, strike {color:#777;}
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing:.07em;}
a, h2 a:hover, h3 a:hover {color:#fff;}
a:hover {color:#fff;}
/* End Typography & Colors */



/* Begin Structure */
body {margin:0 0 20px 0; padding:0;}
#page {margin:0px auto; padding:0; width:770px;}
#header {background:#73a0c5 url(images/home.jpg) top left; margin:0; padding:0; height:290px;}

#subHeader {background:#73a0c5; margin:0; padding:0; height:200px;}

#content {float:left; padding:0 0 0 0; margin:0; width:770px;}
.post {margin:0 0 40px;}
.clear {clear:both;}
#footer {width:770px; clear:both;}
#footer p {margin:0; padding:10px 0; text-align:center;}
/* End Structure */


/* Begin Headers */
/*h1 {padding-top:70px; margin:0;}*/
h2 {margin:30px 0 0;}
h2.pagetitle {margin-top:30px; text-align:center;}
#sidebar h2 {margin:5px 0 0; padding:0;}
h3 {padding:0; margin:30px 0 0;}
/* End Headers */



/* Begin Images */
p img {padding:0; max-width:100%;}
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left}
/* End Images */



/* Begin Lists */

html>body .entry ul {margin-left:0; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px;}
html>body .entry li {margin:7px 0 8px 10px;}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding:0 0 0 35px; margin:0;}
.entry ol li {margin:0px; padding:0;}
#sidebar ul, #sidebar ul ol {margin:0; padding: 0;}
#sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:15px;}
#sidebar ul p, #sidebar ul select {margin:5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px;}
ol li, #sidebar ul ol li {list-style:decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0; padding:0;}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {margin:10px auto; padding:5px 3px; text-align:center;}
#sidebar #searchform #s {width:108px; padding:2px;}
#sidebar #searchsubmit {padding:1px;}
/* This is mainly for password protected posts, makes them look better. */
.entry form {text-align:left; margin:5px 0;}
select {width:130px;}
/* End Form Elements */



/* Begin Comments*/
.alt {margin:0; padding:10px;}
/* End Comments */



/* Begin Sidebar */
#sidebar {padding:20px 0 10px 0; margin-left:545px; width:190px;}
#sidebar form {margin:0;}
/* End Sidebar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor:help;}
acronym, abbr {border-bottom:1px dashed #999;}
blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd;}
blockquote cite {margin:5px 0 0;display:block;}
.center {text-align:center;}
.hidden {display:none;}
hr {display:none;}
a img {border:none;}
.navigation {display:block; text-align:center; margin-top:10px; margin-bottom:60px;}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.wp-caption {border:1px solid #ddd; text-align:center; background:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.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;}
/* End captions */


/* ATEK NAV */

ul.navList#nav {background:top left url(images/nav_bg2.gif) no-repeat; position:relative; margin:0 auto; padding:0px 0 0 0; list-style:none; height:44px; width:770px; position:relative; display:block;}
ul.navList#nav li {float:left; display:block; height:44px; font-weight:bold; padding:0; font-size:10px;}
ul.navList#nav li.first {margin-left:25px;}
ul.navList#nav>li.first {margin-left:15px;}
ul.navList#nav li.last {}
ul.navList#nav li a {position:relative; float:left; margin:0; color:#fff; padding:7px 8px; text-decoration:none; height:40px; font-size:120%;}
ul.navList#nav li a:hover, ul.navList#nav a.selected {background:top left url(images/nav_selected3.gif) repeat-x;}
/* END ATEK NAV */

/*  ATEK PANELS and Headers */

#panel1, #panel2, #panel3 {width:215px; height:220px; float:left; margin:0 0 10px 0;}
#panel1, #panel2, #panel3 h3 {color:#fff;}
#panel1 {margin-left:50px; padding:0 5px 0 10px; line-height:15px;}
#panel2 {margin:0 12px; padding:0 5px;}
#panel3 {}
#panel4 {float:right; margin:0 0 12px 10px; clear:both;}
#panel4b {float:right; margin:13px 0 12px 10px; clear:both;}
#panel5 {width:440px; float:left; margin:0 12px 10px 50px; line-height:18px; }
#panel6 {float:right; margin:0px 50px 22px 0; width:205px; border:1px solid white; padding:5px;}
#panel6Home {float:right; margin:81px 50px 22px 0; width:205px; border:1px solid white; padding:5px; text-align:left;}
.homeLabel {margin:5px 0; text-align:left;}



#homePage .hpbullets {font-weight:bold;}
#homePage .hpbullets li {margin:2px;}
#homePage h2.title, #homePage h3.title {font-weight:bold; display:block; font-size:1em; margin:0; line-height:normal;}
#homePage p.entry {margin:0;}
#homePage div.pageNav {display:none;}
#panel6Home p {margin:12px 0;}

#atekcontent h1.hide {display:none;}
h2 {line-height:30px; background-repeat:no-repeat; background-position:center left;margin-bottom:0;margin-top:0;}
h2#welcome {background-image:url(images/headers/welcomeHome2.gif); margin:10px 0 0 0;}
h2#contactUs {background-image:url(images/headers/contact.gif);}
h2#moreaboutglulam {background-image:url(images/headers/glulam.gif);}
h2#aboutus {background-image:url(images/headers/aboutUs.gif);}
h2#links {background-image:url(images/headers/links.gif);}
h2#architectural {background-image:url(images/headers/architectural.gif);}
h2#engineering {background-image:url(images/headers/engineering.gif);}
h2#environmental {background-image:url(images/headers/environmental.gif);}
h2#news {background-image:url(images/headers/news.gif);}
h2#why {background-image:url(images/headers/whyChoose.gif);}
h2#tables {background-image:url(images/headers/tables.gif);}
h2 span {position:relative; left:-2000px;}

#atekcontent {margin:10px auto; width:670px; clear:both;}
#atekcontent p {margin:12px 0;}

#atekcontentinput, textarea {padding:3px;}

.engTable {border-collapse:collapse;}
.engTable tr th, .engTable tr td {padding:5px; border:solid 1px #fff; border-left:none; border-right:none;}

ul#tablesList li {list-style:url(images/pdf.gif); line-height:200%;}

.join { margin:0px 0px 0px 0px; padding:0;}
.join span { position:relative; left:-2000px;}

.links1 {float:left; clear:none; width:335px;}

h2 span {position:relative; left:-2000px;}


/*------  NEWS  ----------*/
.news {margin-bottom:12px;}
.news p {padding:0 50px; margin:0;}
.news h2 { color:#FFFFFF; padding:10px 50px 0 50px; font-size:16px;}
.news h2 a:hover { text-decoration:underline;}
.news h2 a {color:#fff;}

.news .entry, .news .post { margin:0 0 10px 0; padding:0;}

.news .alignleft {margin-left:50px;padding:20px 0;}
.news .alignright {margin-right:50px; padding:20px 0;}
/*----------------*/

#footer {}