/*
Theme Name: Electronic Scoreboard Units
Description: Theme for Electronic Scoreboard Units
Version: 1
Tags: custom
*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%; vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
a:link, a:visited{text-decoration:none;outline:none;font-weight: normal;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}


/* STRUCTURE  */
body {font: 0.75em 'Arial','Helmet','Freesans',sans-serif; color: #000; background: #fff url(images/bg_main.png) repeat-x 50% 0;}
#page {display:block; margin: 0 auto; width: 80.667em;}
#main {margin: 3.5em 1em 0;}
.left {float: left;}
.clear {clear: both;}

#secondary, #content, aside.testimonials, #content article.home_content section.about, div.location, div.address {float: left; overflow:hidden;}
div.line {background: #474747; height: 0.083em; display: block; margin: 2em 0;}

/* GLOBAL */

/* Alignment  */
.alignleft{display:inline;float:left;}
.alignright{display:inline;float:right;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}

/* Images */
a img {border:none;}
p img {margin-bottom:0.5em;}

img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-area img{max-width:100%;height:auto;}
img.alignleft, #content.inner article div.alignleft img {margin: 0 1.4em 1em 0;}
img.alignright, #content.inner article div.alignright img {margin: 0 0 1em 1.4em;}

/* General Text */
h1, h2, h3, h4 {font-weight: normal; margin: 0 0 0.5em;}
h1, h3 {font-size: 1.833em;}
h4 {font-size: 1.5em; margin: 0.5em 0 0;}
h6 {}

p {margin: 0 0 2em; word-wrap: break-word; line-height: 1.5em;}
p.date {color: #4b4b4b;}
p.highlight {font-size: 1.167em; font-style: italic;}

/* Links & Buttons */
#content aside.testimonials, p.more, form input.submit {-webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; background-color: #dadde1;}
p.more a, form input.submit {display: block; background-image: url(images/projects-p_more.png); background-repeat: no-repeat; background-position: 92% 50%; padding: 0.7em 2.33em 0.7em 1em; color: #373434;}

a, a:visited {color: #44566a; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}


/* HEADER */
#branding hgroup {float: left; margin: 2em 0 1.6em 0.3em; display: inline;}
#tagline {float: right; margin: 2em 0 0; text-align: right; display: inline;}
#tagline p {font-size: 1.167em; margin: 0.4em 0 0; color: #2b2a2a;}
#tagline p a {color: #2b2a2a;}


/* MENU */
#access {margin: 0; clear: both; text-transform: uppercase;}
#access ul {list-style:none; margin: 0; padding: 0.6em 0 0; height: 2.9em; background: url(images/bg_nav.png) no-repeat;}
#access li {float:left; position:relative; margin: 0 0 0 1.3em;}
#access li a {display:block; text-decoration:none; margin: 0; padding: 0.5em 1.667em; color: #fff; text-shadow: 1px 1px #111a1f;}
#access li:hover, #access li.current_page_item, #access li.current_page_parent, #access li.current-page-ancestor {background: url(images/bg_nav-li-left.png) no-repeat left top;}
#access li a:hover, #access li.current_page_item a, #access li.current_page_parent a, #access li.current-page-ancestor a {background: url(images/bg_nav-li-right.png) no-repeat right top;}


/* HOME */
#home {clear: both; padding: 2.5em 0 0;}
#content article.home_content {padding: 0 0 0 1em;}
#content article.home_content section.about {width: 36em;}

/* News */
#secondary article.news h1 {font-size: 1.5em; margin: 1.667em 0 0;}
#secondary article.news h2 {font-size: 1.167em; margin: 0.5em 0 0;}
#secondary article.news h2 a {color: #ff8000;}
#secondary article.news footer {margin-top: 2em; width: 13.333em;}

/* Slider */
#slider.nivoSlider {width: 60.417em; height: 28.25em; float: left; border: 0.167em solid #dfdfdf; position: relative;}
#slider.nivoSlider .nivo-caption {position: absolute; top: 0; left: 35.45em; width: 23em; opacity: 1; padding: 1em 1em 0; color: #000; background: url(images/bg_nivo.png) repeat-x; }

#slider.nivoSlider h2 {font-size: 2.3em; text-transform: uppercase; line-height: 1.2em; background: url(images/slider_h2.png) repeat-x left bottom; padding: 0 0 0.8em 0; color: #4b4b4b;}
#slider.nivoSlider h2 a {color: #4b4b4b;}
#slider.nivoSlider p.blurb {padding: 0.6em 0 0;}
#slider.nivoSlider p.more {background: none; float: left; margin: 2em 0 0; padding: 0;}
#slider.nivoSlider p.more a {background: url(images/slider_btn.png) no-repeat; color: #fff; text-align: center; padding: 0.8em 0.8em 1em;}


.nivo-prevNav, .nivo-nextNav {display: none;}
.nivo-controlNav {position: absolute; bottom: 0.5em; left: 24.2em; font-size: 1.5em;}
.nivo-controlNav a {margin: 0 0.5em 0 0; background: #e0e0e0; color: #44566a; padding: 0.2em 0.3em;}
#slider.nivoSlider .nivo-controlNav a.active {background: #44566a; color: #fff; font-weight: normal;}

/* Testimonials */
#content aside.testimonials {width: 18.75em; margin: 0 0 3.75em; padding: 1.25em; float: right;}
#content aside.testimonials h2 {font-size: 1.5em; font-style: italic;}
#content aside.testimonials footer {font-style: italic;}

/* Products */
#page #content article section.products {padding: 1em 0; overflow: hidden; border-top: 0.417em solid #474747;}
#page #content article section.products, #page #content article section.products ul {clear: both;}
#page #content article section.products a {text-decoration: none;}

#page #content article section.products h2, #page #content article section.products h3, p.select {float: left;}
#page #content article section.products h2, p.select {font-size: 1.833em;}
#page #content article section.products h3, #page #content.inner article section.products h2, p.select {font-size: 1.167em; font-style: italic; margin: 0.55em 0 0 1em;}
#page #content article section.products p.more {margin-bottom: 0.8em; float: right;}
#page #content article section.products p.more a {display: block; background-image: url(images/projects-p_more.png); background-repeat: no-repeat; background-position: 95% 50%; padding: 0.5em 3.33em 0.5em 2em; color: #373434;}

#page #content article section.products ul {border-top: 0.083em solid #474747; margin-left: 0; margin-right: -2em; padding: 2.5em  0 0; text-transform: uppercase;}
#page #content article section.products li {float: left; display: block; background: #474747 url(images/project_li.png) no-repeat 90% 90%; margin: 0 0.35em 0 0; padding: 0; width: 9.667em;}
#page #content article section.products li img {border-bottom: 0.083em solid #fff;}
#page #content article section.products li p, #page #content article section.products li img, #page #content article section.products li a {color: #fff; margin: 0; padding: 0;}
#page #content article section.products li a.text {display: block; margin: -0.2em 0 0.2em 1em;}


/* SIDE */
#secondary {width: 16.667em; margin: 0 1em 4em 0;}
#secondary nav ul li {text-transform: uppercase; margin-bottom: 0.083em;}
#secondary nav ul li a {background: url(images/bg_left-nav-li.png) no-repeat right top; display: block; padding: 1em 1em 0; height: 2.333em;}
#secondary nav ul li a:hover, #secondary nav ul li.current_page_item a, #secondary nav ul li.current_page_ancestor a {background-position: right bottom; color: #fff;}

#secondary nav ul li ul li {margin: 0 1.5em 0 1em; text-transform: none;}
#page #secondary nav ul li ul li a {background: url(images/bg_left-nav-li-li.png) repeat-x bottom; color: #44566a; padding: 0.5em 1em; height: auto;}
#page #secondary nav ul li ul li:last-child a {background: none;}
#page #secondary nav ul li ul li a:hover, #page #secondary nav ul li ul li.current_page_item a {color: #ff8000;}

#secondary nav ul li ul {display: none;}
#secondary nav ul li.current_page_item > ul, #secondary nav ul li.current_page_parent > ul, #secondary nav ul li.current_page_ancestor > ul {display: block;}


/* CONTENT */
#content {margin: 0 0 5em; width: 60.75em;}
#content article a {text-decoration: underline;}

#content.inner article h1 {font-size: 3em; margin: 0.3em 0;}
#content.inner article h2, #content.inner article h3, #content.inner article h4, #content.inner article h5, #content.inner article h6 {margin: 0.4em 0 0.1em;}
#content.inner article h2 {font-size: 2.5em;}
#content.inner article h3 {font-size: 2em;}
#content.inner article h4 {font-size: 1.5em; color: #ff8000;}
#content.inner article h5 {font-size: 1.2em;}
#content.inner article h6 {font-size: 1em; color: #ff8000;}


#content.inner article header.main {background: url(images/bg_inner-header.png) repeat-x; height: 7.75em; margin: 0 0 1.667em; padding: 0 0 0 1.333em; text-transform: uppercase;}
#content.inner article header.main h1 {color: #4b4b4b; font-size: 2.5em; margin: 0; padding: 0.6em 0 0;}
#content.inner article header.main h2 {color: #ff8000; font-size: 1.5em;}

#content.inner article ul, #content.inner article ol {margin: 0 0 2em 3em;}
#content.inner article ul {list-style: disc inside; line-height: 1.5em;}
#content.inner article li {margin: 0 0 0.2em; padding: 0.3em 0 0.3em 1em;}
#content.inner article img, #content.inner article div.map {border: 0.25em solid #cdcdcd;}
#content.inner article img.noborder {border: none;}

#content.inner article p.select {width: 100%; border-bottom: 0.083em solid #474747; padding-bottom: 1.5em; margin-left: 0; padding-left: 1em;}

/* Products */
#page #content.inner article section.products.gallery, #page #content.inner article section.products.gallery ul {border: none;}
#page #content.inner article section.products ul {font-size: 1em; padding-top: 1em;}
#page #content.inner article section.products ul li {width: 19.167em; background-position: 95% 95%; margin: 0 1.6em 1.5em 0;}
#page #content.inner article section.products ul li.margin_none {margin-right: 0;}
#page #content.inner article section.products ul li img {border: none; border-bottom: 0.083em solid #fff;}
#page #content.inner article section.products.gallery {margin-right: -1.6em;}

/* News */
#content article.news {border-bottom: 0.083em solid #474747; margin: 0; padding: 2em 0; clear: both;}
#content article.news h1 {margin: 0; padding: 0;}
#content article.news h1 a {color: #ff8000; text-decoration: none;}

nav#nav-below {clear: both; padding-top: 1em;}
nav#nav-below p.more {width: 12em;}
nav#nav-below p.more.previous {float: left;}
nav#nav-below p.more.previous a {background-image: url(images/projects-p_more-prev.png); background-repeat: no-repeat; background-position: 8% 50%; padding-right: 2em; text-align: right;}
nav#nav-below p.more.next {float: right;}
nav#nav-below p.more.next a {padding-left: 2em;}

#content article.news_single footer {border-top: 0.083em solid #474747; margin: 4em 0 0; padding: 1em 0 0; clear: both;}
#content article.news_single footer p.more {width: 12em; float: right;}
#content article.news_single footer p.more a {text-decoration: none;}

/* Contact */
#content article div.location {width: 35.95em; margin: 0 2em 0 0;}
#content article div.map {margin: 0 0 1em; height: 29.167em;}
#content article div.location p.more {width: 12em;}
#content article div.location p.more a {text-decoration: none;}

/* Forms */
#content form {margin: 3em 0 2em; padding: 1em 0 0; line-height: 1em; border: 0 solid #474747; border-width: 0.083em 0; position: relative;}

form span.block {display: block; clear: both; margin: 0; padding: 0;}
form span.block label {width: 20em; display: block; float: left; clear: both; text-align: left; margin:0; padding: 0.5em 0  0.5em 2em;}

div.mainform form {padding: 1em 1.833em 0;}
form label {text-transform: uppercase; display: block; font-size: 1.167em; margin: 1em 0 0.5em;}

form input[type=text], form textarea, form select {font: 1em Arial, sans-serif; padding: 0.5em; border: none;}
form input[type=text], form textarea {background: #eee; width: 30em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em;}
form select {background: #eee; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; width: 31em;}
form textarea {height: 8.333em;}
form input.indent {margin-left: 25.5em;}
form input.submit {border: none; cursor: pointer; font-size: 1.5em;}

#content form div.wpcf7-mail-sent-ok, #content form div.wpcf7-mail-sent-ng, #content form div.wpcf7-mail-sent-ok {border: 0.083em solid #474747; position: absolute; top: -3em; left: 0; color: #fff; margin: 0.5em; padding: 0.5em 1em; text-transform: uppercase;}

#content form div.wpcf7-mail-sent-ok {background: #ff8000; color: #fff;}
#content form div.wpcf7-validation-errors, #content form div.wpcf7-spam-blocked, #content form div.wpcf7-validation-errors {background: #f00;}

#content form span.wpcf7-not-valid-tip {background: #f00; color: #fff; text-transform: uppercase; font-size: 1em; margin: -0.6em 0 0; padding: 0.5em; text-align: center; top: 0; left: 20%; border: 0.083em solid #474747;}
#content form textarea span.wpcf7-not-valid-tip {margin-top: -6em;}

/* Tables */
table {border: 0.083em solid #474747; border-collapse: collapse; width: 100%; margin: 2em 0;}
table tr.alt {background-color: #eee;}
table th {padding: 1em; text-align: left; background: #565656; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 1.2em; border: 0.083em solid #474747;}
table td {padding: 10px; border: 0.083em solid #474747;}


/* FOOTER */
#colophon {clear:both; overflow: hidden; display:block; margin: 0; padding: 3em 0 5em; font-size: 0.917em; clear: both; background: #44566a; color: #c1c7ce; text-align: center;}
p {margin-bottom: 0.5em;}
p.copyright {margin-bottom: 2em;}


/* MISC */
/* Gallery  */
#content div.gallery {clear: both; overflow: hidden; border: none; margin: 0 -1em 0 0; padding: 1em 0 0;}
#content div.gallery dl.gallery-item {margin: 0 0 0.5em; padding: 0;}

.entry-content{width:65%; float:left; padding-right:20px;}
.posts{padding-bottom: 30px;}
.thumb{width:30%; float:left;}


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}