/*
Theme Name: Logix
Theme URI:
Description:
Version: 1.0
Author:
Author URI:
Tags:
*/

* { margin:0; padding:0;}
html, body { height:100%;}
body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:100%; text-align:justify; line-height:1.375em; color:#868686;}

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

#header {height:415px; background:url(images/header-bg.jpg) no-repeat left bottom;}
#header, #content, #footer { font-size:0.75em;}

.col-1, .col-2, .col-3 { float:left;}

#content .row-1 .col-1 {width:313px; margin-right:10px;}
#content .row-1 .col-2 {width:313px; margin-right:10px;}
#content .row-1 .col-3 {width:313px;}
#content .row-2 .line-ver { background-position:646px top;}
#content .row-2 .col-1 {width:49%; margin-right:19px;}
#content .row-2 .col-2 {width:49%; }

#footer {height:92px; font-size:.625em;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:22px;}

.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top; outline:none;}
/*==================list====================*/
ul { list-style:none;}

/*==================txt, links, lines, titles====================*/
a {color:#BC0000; outline:none;}
a:hover{text-decoration:none;}

h1 { padding:0 0 3px 0px; font-size:42px; line-height:1em;}
h1 a { text-decoration:none; color:#3d3d3d;}
h1 a span { color:#bdbdbd;}
h1 a b { font-weight:normal; color:#43b700;}
h2 { font-size:18px; line-height:1em; color:#3d3d3d; border-bottom:1px solid #e2e2e2; padding-bottom:9px; margin-bottom:20px;}
h2.alt { border-bottom:none; padding:15px 0 0 0;}
h3 {font-size:18px; line-height:1.1em; color:#181818; padding:4px 0 10px 0; margin-bottom:21px;}
h3.icon1 { background:url(images/icon-title1.gif) no-repeat right top;}
h3.icon2 { background:url(images/icon-title2.gif) no-repeat right top;}
h3.icon3 { background:url(images/icon-title3.gif) no-repeat right top;}
h4 { font-size:1.1em; color:#000; margin-bottom:1px;}
h5 { font-size:1em; color:#179d00; line-height:1.5em; margin-bottom:20px;}
h5.alt { margin-bottom:0;}
h6 { font-size:1em; font-weight:normal; color:#000; font-style:italic;}
h6 a { color:#000;}

/*==================boxes====================*/
.box { width:100%; font-size:.91em; line-height:1.64em;}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images/border.gif) repeat-x bottom;}
.box .border-left {background:url(images/border.gif) repeat-y left;}
.box .border-right {background:url(images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; width:100%;}
.box .inner { padding:18px 19px 21px 23px;}
.box p { margin-bottom:7px;}
.box div.bigtext { font-size: 1.31em; }
.box .img-box { padding-bottom:7px;}

/*header*/
#header .row-1 { height:135px;}
#header .row-1 .logo { float:left; padding:20px 0 0 0;}
#header .row-1 .phone-num { color:#A1A1A1; float:right; font-size:0.85em; line-height:1.25em; padding:25px 4px 0 0; text-align:right; text-transform:uppercase;}
#header .row-1 .phone-num span { padding:2px 0 1px 0px;}
#header .row-2 { height:47px;}
#header .row-3 { padding:165px 438px 0 155px;}

.nav-box { background:url(images/nav-bg.gif) left top repeat-x; width:100%;}
.nav-box .left { background:url(images/nav-left.gif) no-repeat left top;}
.nav-box .right { background:url(images/nav-right.gif) no-repeat right top; height:37px;}

#header .nav { width:100%; padding:5px 0 0 0; line-height:27px;}
#header .nav li { display:inline;}
#header .nav li a { background:url(images/divider.gif) left top no-repeat; width:160px; text-align:center; float:left; text-decoration:none; color:#919191;}
#header .nav li a:hover { font-weight:bold; color:#000;}
#header .nav li.current_page_item  a{ font-weight:bold; color:#000;}

.button { float:right; background:url(images/button.png) no-repeat left top; width:103px; height:31px; line-height:26px; text-decoration:none; text-align:center; color:#000; font-weight:bold;}
.button:hover { text-decoration:underline;}

/*content*/
#content { padding:12px 0 25px 0;}
#content .row-1 { padding-bottom:37px;}

/*footer*/
#footer, #footer a { color:#919191;}
#footer span { color:#333; text-transform:uppercase; float: left; padding: 19px 0 0 0;}
#footer .nav { padding:19px 0 0 0; margin-left:-6px; text-transform:uppercase; margin-bottom:-3px; float: right;}
#footer .nav li { display:inline;}
#footer .nav li a { color:#919191; text-decoration:none; padding:0 9px 0 6px;}
#footer .nav li a:hover { color:#000;}

/*==========================================*/

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	
	#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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 */

#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;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

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

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 10px 10px 10px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin 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 { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

.title {
color: #3D3D3D;
text-decoration: none;
}

#onlinesupport {
margin:15px 0;
}