/*
Theme Name: Component Factory Style
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Dave Shea
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/
/* CSS Document */
body { padding:0; margin:0; border:0;font-family:"Segoe UI", Tahoma, Geneva, Verdana; }
p, form, ul, ol, li, h1, h2, h3, h4, h5, h6 { padding:0; margin:0; border:0; font-size:100%; font-weight:normal; }
table { border-collapse:collapse }
a img { border:0 }
.center-align { text-align:center; }
.clr{ clear:both; }
/* CSS Document */
/* CSS Document */
body {  background:url(images/inner-bg.gif) repeat-x 1px -20px;  }
div.block {width:960px; text-align:left; margin: auto; position:relative; left:0; top:0;}
#header { height:230px; width:100%; background:url(images/header-bg.gif) no-repeat center -552px; 	}
#footer { width:100%; background:url(images/bg-all.gif) repeat-x 0 bottom; padding-bottom:50px; }

#header-download { position:absolute; left:665px; top:206px; color:#ebebeb; font-family:"Segoe UI", Tahoma, Geneva, Verdana; font-size:22px; font-weight:bold; }
#header-download span{ display:block; }
#header-download span.sub-text { font-weight:normal; font-size:18px;  margin-bottom:20px; }
#header-download em{ font-weight:normal; color:#f2b705; font-style:normal;}
a.btn-download{ display:block; width:155px; height:64px; background:url(images/btn-headers.gif) no-repeat; margin-bottom:17px; margin-left:55px; }
a.btn-buy{ display:block; width:155px; height:64px; background:url(images/btn-headers.gif) no-repeat 0px -64px; margin-left:55px; }

#logo-container{ position:absolute; left:40px; top:1px; width:120px; height:161px;  }
#logo-container a { display:block; background:url(images/logo.gif) no-repeat; width:120px; height:161px; }
#lnk-home { display:block; position:absolute; width:350px; height:38px; left:160px; top:65px; }


#page { background:#FFF; padding:5px 0 5px 0;}
body.two-col #center-col { float:left; width:476px; padding-left:14px; }
#center-col { float:left; width:930px; padding-left:14px; }
#left-col { float:left; width:377px; }
#right-col { float:left; width:377px; padding-left:83px; display:none; }
body.two-col #right-col { display:block; }

body.products { background:url(images/product-page-bg.gif) repeat-x; }
body.products #header { height:241px; }
body.products #page { background:none; }


p { line-height:22px; margin-bottom:18px; font-size: 0.9em;}
h1,.postHeadline { font-size:26px; color:#004383; margin-bottom:18px; font-weight:bold; margin-bottom:0px; }

h1 a, .postHeadline a {  color:#004383; text-decoration:none;  margin-bottom:0px;}
h1.no-space { margin-bottom:0px; }
h2{ color:#00aeef; font-size:12px; font-weight:bold; margin-bottom:18px; }
.postDate { color:#00aeef; font-size:120%; font-weight:bold; margin-bottom:18px;}

ul{ list-style:none; }

p.small-text { font-size:16px; line-height:20px; }

div.testimonial { font-size:16px; line-height:20px; margin-bottom:0px; margin-bottom:18px; }

div.latest-blog { margin-bottom:18px; }
#page div.latest-blog ul { list-style:none; margin-bottom:0px; padding-left:0px; }
div.latest-blog ul a { display:block; background:url(images/list-bullet.gif) no-repeat; padding:0 0 0 30px; margin-bottom:10px;}

#page ul, #page ol { list-style:disc; padding-left:25px; line-height:18px; margin-bottom:18px; }

#footer div.sitemap-nav { padding-top:6px; padding-left:34px; font-size:18px; position:relative; left:0px; top:0px; margin-bottom:18px; }
#footer div.sitemap-nav div { position:absolute; left:170px; top:7px; }
#footer div.sitemap-nav a { text-decoration:none; text-transform:uppercase; padding:0 15px 0 15px; color:#a1a1a1;border-left:1px solid #a1a1a1; }
#footer div.sitemap-nav a.first { border-left:0px; }
#footer div.sitemap-nav a.lnk-sitemap { background:url(images/arrow-right.gif) no-repeat right; padding:0 35px 0 0; color:#fff; font-size:24px; border-left:0px;  }
#footer a { color:#FFF; }

#footer div.nav { padding-left:34px; }
#footer div.section { float:left; padding-right:35px; }
#footer div.section a { border-bottom:1px dotted #959595; text-decoration:none; padding-bottom:3px; margin-bottom:3px; display:block; }
#footer div.section { font-family:"Segoe UI", Tahoma, Geneva, Verdana; font-size:14px; }
#footer div.section h6 { color:#a1a1a1; text-transform:uppercase; font-size:14px; margin-bottom:12px; }

#footer div#copyright { color:#a1a1a1; text-align:center; font-family:"Segoe UI", Tahoma, Geneva, Verdana; font-size:12px; line-height:20px; background:url(images/logo-footer.png) no-repeat right top; padding-top:49px; width:400px; padding-right:150px; margin:0 auto; }
#footer div#copyright span{ display:block; font-size:10px; }
#footer div#copyright span a { color:#a1a1a1; text-decoration:none; }

#header{margin-top: -20px;}
#top-nav {  position:absolute; left:199px; top:105px; font-size: 105%;font-family:"Segoe UI", Tahoma, Geneva, Verdana;}
#top-nav a { color:#b7b7b7; padding:20px 30px; text-decoration:none; text-transform:uppercase; }
#top-nav a.has-child {  }
#top-nav ul li { display:inline; }
#top-nav ul li a { display:block; float:left; background:url(images/arrow_down.gif) no-repeat center 45px; }
#top-nav ul li a.no-child { background:none; }
#header div.sub-nav { position:absolute; display:none; left:200px; top:200px; background:url(images/submenu-bg.gif) repeat-y 0 0; z-index:10; width:200px;}
#header div.sub-nav div.sub-nav-bottom { background:url(images/submenu-bottom.gif) no-repeat left bottom; }
div.sub-nav-right { background:url(images/submenu-right.gif) repeat-y right top; }
div.sub-nav-right div.cnt { padding:15px; }
#header div.sub-nav ul li a { font-size: 15px; color:#FFF; display:block; text-decoration:none; border-bottom:1px solid #252525; padding:12px 5px; font-weight: bold;}
#header div.sub-nav ul li a:hover { background:url(images/nav-link-bg.gif) repeat-y; }

div.slide-nav { position:absolute; left:0; top:186px; width:590px; height:270px; overflow:hidden; padding:0 26px; }
div#slider { position:relative; left:0; top:0; width:590px; height:270px; font-size: 0.9em;}
	div#slider div.item { display:none; position:absolute; left:0; top:0; width:590px; height:270px;}
	div.slide-nav a.lnk-prev{ display:block; z-index:1; position:absolute; left:0; top:100px; width:26px; height:50px; background:url(images/prev-next.gif) no-repeat 0 0; }
	div.slide-nav a{ display:block; z-index:1; width:26px; position:absolute; left:615px; top:100px; height:50px; background:url(images/prev-next.gif) no-repeat 0 -100px; }
	
div.breadcrumb { position:absolute; left:19px; top:185px;color:#e1e1e1; font-weight:bold;font-family:"Segoe UI", Tahoma, Geneva, Verdana;}
div.breadcrumb a { color:#e1e1e1; text-decoration:none; }	

body.home div.breadcrumb { display:none; }

table.grid { margin-bottom:18px; padding:0; margin:0; }
table.entry { margin-bottom:18px; padding:0; margin:0; }
table.entry tr td { padding:5px 10px; }
table.grid tr td { padding:5px 10px; border:1px dotted #004383; }
table.grid tr th { padding:5px 10px; border:1px dotted #004383; background:#004383; color:#FFF; }

div.entry { margin-bottom:18px; }
	div.entry table { padding:0; margin:0; border:1px dotted #DDD; }
	div.entry table tr td { padding:5px 10px; }
div.grid { margin-bottom:18px; }
	div.grid table { padding:0; margin:0; }
	div.grid table tr td { padding:5px 10px; border:1px dotted #004383;  }
	div.grid table tr th { padding:5px 10px; background:#004383; color:#FFF; border:1px dotted #004383;  }
h1.product-title { color:#ebebeb; font-size:24px; }	

#main-content{
	width: 960px;
	margin: 0 auto;
}


.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a {
	color: #004383;
	text-decoration: none;
}


a img {
	border: none;
}

a:visited {
}

a:hover {
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}


cite {
	font-size: 90%;
	font-style: normal;
}

h2 {
	
	font-size: 120%;
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
}

h3 {
	color:#00aeef;font-size: 120%;font-weight:bold; margin-bottom:18px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	margin-top: 0;
}

ol#comments li p {
	font-size: 100%;
}

p, li, .feedback {

}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform P{
	font-size: 14px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

.commentlist{text-align: left; margin-bottom: 20px; list-style: none; }

.commentlist li{padding-left: 10px;}

.commentlist li ul {
	font-size: 100%;
	list-style-type: none;
}

.commentlist li .avatar {
	float: right;	
	margin-right: 25px;		
	border: 1px dotted #ccc;
	padding: 2px;
}

#content {
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#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;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #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 & aligment */
.narrowcolumn{
	float: left;
	width: 650px;
	padding-right: 20px;
}

#sidebar{
	float: left;
	width: 250px;
	padding-left: 20px;
	padding-top: 20px;
	background-color:#EEE;
}

#sidebar ul, #sidebar ul ol {
	}

#sidebar ul li {
	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 {
	}
	
#sidebar ul li ul{
	list-style:none;
}

#sidebar ul li ul{
	list-style:none;
}

#sidebar ul ul li:before{content:"\00BB \0020";}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

.postmetadata{
	text-align: center;
	font-size: 13px;
	width: 100%;
	border-bottom: dotted #ccc 1px;
	line-height: 50px;
}

.alt{
	text-align: left;
	font-size: 100%;
	border: dotted #ccc 1px;
	line-height: 30px;	
}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	width: 80%;
	margin: 0 auto;
}

#searchsubmit{margin-top: 10px;} 

.navigation{margin-top: 10px;}

.widecolumn{width: 960px; margin: 0 auto;}