/*
Theme Name: Somerdata
Theme URI: http://www.jackfruitdesign.com/
Description: Custom WordPress theme developed for Somerdata (www.somerdata.com) by Ben Hayes at Jackfruit Design.
Version: 1.0
Author: Jackfruit Design
Author URI: http://www.jackfruitdesign.com/
Tags: jackfruit design

	The CSS, XHTML and design is copyright 2009 Jackfruit Design Ltd and Somerdata Ltd.
	All rights reserved. Do not copy without written permission.

	Design and code by Ben Hayes, August 2009 ben@jackfruitdesign.com

*/


/* Eric Meyer's reset styles: */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, strong, sub, sup, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } input, textarea { font-family: inherit; } body { color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

body { background-color: #25276E; padding: 24px 0; }


/* =typography
 * =========================================== */
body, input, textarea, select {
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5 {
	color: #353547;
	margin: 25px 0 -5px;
}

h1 { margin-top: 18px; }

p, ul, ol, dl {
	margin: 20px 0;
}

h1 {
	font-size: 20px;
	font-weight: bold;
}

h2 {
	font-size: 18px;
	font-weight: bold;
}

h3, h4, h5 {
	font-size: 16px;
	font-weight: bold;
}

strong { font-weight: bold; }
em { font-style: italic; }


#content ul {
	padding-left: 24px;
	list-style-type: disc;
}

blockquote {
	padding: 0 12px;
	font-style: italic;
}

li ul, li ol {
	margin: 0;
}

ol {
	padding-left: 24px;
}

ol li {
	list-style-type: decimal;
}

ol li li {
	list-style-type: lower-alpha;
}

ol li li li {
	list-style-type: lower-roman;
}

p.notification, p.error {
}

a:link, a:visited {
	color: #25276E;
	text-decoration: underline;
}

a:hover, a:active {
	color: #0B6ABC;
}

#content img {
	display: block;
	margin: 20px 0;
}

#content #productteaser img { margin: 0; }

p.wp-caption-text { font-size: 12px; }

p.tags { font-size: 12px; }


/* =layout (main layout styles)
 * =========================================== */

#wrapper {
	width: 972px;
	margin: 0 auto;
	background-color: #fff;
}

#page {
	padding: 24px;
}

#logo {
	float: left;
	display: block;
	margin-bottom: 12px;
}

#mainnav {
	height: 32px;
	border-bottom: 8px solid #3068B4; 
	clear: both;
}

#mainnav ul {
	background: #25276E url(images/bkgd-topnav.gif) left top repeat-x;
	height: 31px;
	margin: 0;
	border-bottom: 1px solid #949494;
}

#mainnav ul li {
	float: left;
	height: 31px;
	border-right: 1px solid #949494;
	border-bottom: 1px solid #949494;
}

#mainnav ul li.current_page_item, #mainnav ul li.current_page_parent, #mainnav ul li.current-cat,
.home #mainnav ul li.homenav,
.news #mainnav ul li.cat-item-8,
.surveillance #mainnav ul li.cat-item-4,
.data #mainnav ul li.cat-item-5
{ border-bottom-color: #3068B4; }

#mainnav ul li a:link, #mainnav ul li a:visited {
	background: #25276E url(images/bkgd-topnav.gif) left top repeat-x;
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 31px;
	line-height: 32px;
	padding: 0 12px;
}

#mainnav ul li a:hover {
	background-image: none;
}

#mainnav ul li.current_page_item a:link, #mainnav ul li.current_page_parent a:link, #mainnav ul li.current-cat a:link,
#mainnav ul li.current_page_item a:visited, #mainnav ul li.current_page_parent a:visited, #mainnav ul li.current-cat a:visited,
.home #mainnav ul li.homenav a:link, .home #mainnav ul li.homenav a:visited,
.news #mainnav ul li.cat-item-8 a:link, .news #mainnav ul li.cat-item-8 a:visited,
.surveillance #mainnav ul li.cat-item-4 a:link, .surveillance #mainnav ul li.cat-item-4 a:visited,
.data #mainnav ul li.cat-item-5 a:link, .data #mainnav ul li.cat-item-5 a:visited
{
	background: #3068B4;
}

#content {
	background: #fff url(images/bkgd-shadow.gif) left top repeat-x;
	border-top: 1px solid #fff;
	overflow: auto;
	width: 100%;
}

#sidebar {
	float: right;
	width: 272px;
	padding-bottom: 24px;
}

#sidenav, #productnav {
	background: transparent url(images/bkgd-sidebar-bottom.gif) right bottom no-repeat;
	padding-bottom: 10px;
}

#sidenav .innerwrap, #productnav .innerwrap {
	background: transparent url(images/bkgd-sidebar-middle.gif) left top repeat-y;
}

#sidenav .inner, #productnav .inner {
	background: transparent url(images/bkgd-sidebar-top.gif) left top no-repeat;
	padding-left: 7px;
}

#sidenav h2 {
	margin: 0;
	background-color: #D6DEE8;
	border: 1px solid #fff;
	border-width: 0 0 1px 1px;
	font-size: 16px;
	padding: 12px 10px 4px;
}

#sidenav ul, #productnav ul {
	margin: 0;
	font-size: 16px;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #fff;
}

#sidenav li a:link, #sidenav li a:visited {
	font-weight: bold;
	display: block;
	background-color: #C2D6ED;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	padding: 4px 10px;
}

#sidenav li a:hover, #sidenav li a:active {
	color: #25276E;
	background-color: #B2C5DE;
}

#sidenav li.current_page_item a:link, #sidenav li.current_page_item a:visited {
	background-color: #3068B4;
	color: #fff;
}

#sidebar #productteaser {
	padding-left: 16px;
}


#main {
	padding-top: 10px;
	width: 632px;
	padding-left: 1px;
}



#footer {
	background-color: #666;
	clear: both;
}

#footer p {
	color: #fff;
	font-size: 12px;
	padding: 10px 12px;
	margin: 0;
}

#footer a:link, #footer a:visited { color: #fff; }
#footer a:hover, #footer a:active { color: #ddd; }


/* =forms
 * ================================================== */

form {
	vertical-align: middle;
	background-color: #C2D6ED;
	padding: 12px;
	margin: 20px 0;
}

#top form {
	float: right;
	padding: 20px 0 0;
	margin: 0;
	background-color: #fff;
}

#top form input {
	display: inline;
	margin: 0;
}

#top form input.textbox {
	font-size: 16px;
}

form p {
	margin: 10px 0;
}

label {
}

input { 
}

input.textbox, textarea {
	border: 1px solid #8F8F8F;
	background-color: #F3F6FA;
	padding: 2px;
}

.page-template-contact-php input.textbox { width: 250px; }

.button {
	background: #25276E url(images/bkgd-topnav.gif) left top repeat-x;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 3px 8px;
	border-width: 0;
	display: block;
}

a.button:link, a.button:visited { color: #fff; text-decoration: none; }

.button:hover {
	background-image: none;
}

#content form p img { margin: 0; display: inline; }



/* =tables
 * ================================================== */
table {
	margin: 20px 0 20px 0px;
}

th {
	padding: 4px 10px;
	background-color: #D6DEE8;
	font-weight: bold;
}

td {
	padding: 4px 10px;
	border-bottom: 1px solid #D6DEE8;
}


/* =home styles
 * ================================================== */

#masthead h1 {
	background: transparent url(images/masthead.jpg) left top no-repeat;
	width: 924px;
	height: 172px;
	margin: 1px 0 0;
	text-indent: -999em;
}

#callus {
	background: #25276E url(images/bkgd-topnav.gif) left top repeat-x;
	color: #fff;
	margin: 24px 0;
}

#callus dt {
	padding: 12px 12px 8px 12px;
	font-size: 16px;
}

#callus dd {
	padding: 0px 12px 12px 44px;
	font-size: 22px;
	font-style: italic;
	letter-spacing: 0.05em;
	font-weight: bold;
	background: transparent url(images/icon-phone.gif) 12px 0 no-repeat;
	display: block;
}

.box {
	background-color: #F0F2F5;
	padding-bottom: 10px;
	font-size: 13px;
}

.box h3 {
	background-color: #CDE0F7;
	border-bottom: 1px solid #fff;
	padding: 10px 12px;
	font-size: 18px;
	margin: 0;
}

.box .inner {
	padding: 0 12px;
}

.box p, .box h4 {
	margin: 10px 0;
}

.box h4 {
	font-size: 100%;
	margin-bottom: 0;
}

p.date {
	margin-top: 0;
	color: #545454;
	font-style: italic;
}

a#appss {
	display: block;
	padding-left: 12px;
	margin: 20px 0 20px;
}

.home #main {
	padding-top: 17px;
}

#productteaser {
	float: left;
	width: 250px;
	font-size: 13px;
}

#productteaser h2 {
	margin: 20px 0;
}

#productteaser ul {
	padding-left: 0;
	list-style-type: none;
}

#productteaser li {
	margin-bottom: 24px;
}

#productteaser img {
	padding: 0 0 6px 6px;
}

#productteaser h4, #productteaser p {
	font-size: 100%;
	margin: 0;
}

#featurewrap {
	float: right;
	width: 369px;
	background: transparent url(images/bkgd-feature.gif) center top no-repeat;
	margin-bottom: 24px;
}

#feature {
	padding: 7px
}

#feature h2 {
	background-color: #3068B4;
	color: #fff;
	padding: 12px;
	margin: 0;
	border-bottom: 1px solid #fff;
}

#feature .inner {
	padding: 0 12px 20px 12px;
	background-color: #f5f5f5;
}

/* =productlist styles
 * ===================================== */
ul#productlist {
	list-style-type: none;
	font-size: 13px;
	padding: 0;
	margin: 20px 0;
}

ul#productlist li {
	float: left;
	margin: 0 20px 20px 0;
}

ul#productlist li a:link, ul#productlist li a:visited {
	display: block;
	text-decoration: none;
	width: 214px;
	height: 224px;
	border: 1px solid #ccc;
}

ul#productlist li a:hover {
	border-color: #888;
}

ul#productlist li a span {
	text-decoration: underline;
	display: block;
	padding: 12px 6px 0 12px;
}

ul#productlist li a img {
	padding: 12px 0 0 0;
	display: block;
	margin: 0 auto;
}

ul#productlist li.col4 {
	margin-right: 0;
}

p.pagination {
	clear: both;
}

/* =product page styles
 * =================================== */

#productnav {
	background-color: #D6DEE8;
}

#productnav li {
	border-bottom: 1px solid #fff;
	padding: 10px 12px;
}

#productnav li a.button {
	width: 190px;
	margin: 0;
}

/* =news page styles
 * =================================== */
p#rss {
	margin: 0;
	border: 1px solid #fff;
	border-width: 0 0 1px 1px;
}

p#rss a:link, p#rss a:visited {
	display: block;
	background: #D6DEE8 url(images/icon-rss.gif) 10px 8px no-repeat;
	padding: 8px 10px 8px 34px;
}

#content #resultslist {
	padding-left: 0;
	list-style-type: none;
}

.search-results #content #resultslist {
	width: 600px;
}

#resultslist li {
	margin-bottom: 24px;
}

#resultslist h2, #resultslist p {
	font-size: 100%;
	margin: 0;
}


/* =contact page styles
 * =================================== */

#addresses {
	padding: 4px 0 0 16px;
	font-size: 13px;
}

span.required {
	font-style: italic;
	color: #333;
}

#privacy {
	margin: 0;
	color: #333;
	font-style: italic;
}

table#contactdetails {
	margin: 0;
}

table#contactdetails th {
	background-color: #fff;
	padding-left: 0;
	font-weight: normal;
}

table#contactdetails td {
	border-width: 0;
}

table#contactdetails th.phone, td.phone {
	font-size: 16px;
	font-weight: bold;
	color: #353547;
}

td.phone, td.fax {
	font-style: italic;
	letter-spacing: 0.07em;
}