@charset "utf-8";
/* CSS Document */
/*   
Theme Name: Logik Theme
Theme URI: http://www.websitelogik.com/
Description: A smart theme for wordpress users from FourTen Creative.
Author: Scott Bothel
Author URI: http://fourtencreative.com/
Version: 3.0
Tags: fixed-width, two-columns, sticky-post, gray, white, right-sidebar
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
.

.
*/

/*Structure*/

body {
background:#eee repeat-y center;
margin:0px auto;
padding:0px;
text-align:center;
font:90% Arial, Helvetica, sans-serif;
color:#333;
line-height:1.6em;
}
#outer {
background:;
width:100%;
height:100%;
z-index:1;
margin:0px auto;
padding:0;
text-align:center;
}
#headerwrap {
background:;
width:100%;
}
#pagewrap {
background:;
width:100%;
}
#footerwrap {
background:#222;
width:100%;
padding:0px;
margin:0px auto;
}
#page {
background: url(images/page.png);
width:920px;
text-align:left;
padding: 15px;
margin:0 auto;
z-index:2;
}
#header {
background:url(images/header.jpg) no-repeat top center;
position:relative;
padding:0px;
width:950px;
z-index:10;
margin: 0 auto;
}
#main {
position:relative;
float:left;
background:white;
margin:0px;
z-index:2;
}
#main.wide {
padding:15px;
margin:0px;
min-height:250px;
width:890px;
}
#main.narrow {
width:590px;
padding:15px;
margin:0px;
}
#main.fp {
min-height:300px;
}
#mainleft {
position:relative;
width:460px;
margin-left:20px;
float:left;
}
#mainright {
position:relative;
width:300px;
float:right;
margin-right:20px;
}
#mainright p {
margin-top:0px;
}
#mainright h3 {
margin-bottom:0px;
}
.post {
margin:0px 0px 10px;
padding:0px auto;
}
#blogpost {
margin:0px 0px 50px;
padding:0px;
min-height:100px;
}
#blogpost.single {
padding:10px 0px;
}
#blogpost .entry {
border-top:#dfdfdf 1px logik;
border-bottom:#dfdfdf 1px logik;
margin:6px 0px;
padding-bottom:15px;
}
#posthead {
background:url(images/posthead.gif) repeat-x top #f5f5f5;
padding:8px;
border:1px solid #ccc;
}
#posttitle {
position:relative;
float:left;
width:530px;
}
#share {
width:100px;
text-align:right;
height:50px;
overflow:hidden;
display:block;
position:relative;
float:right;
}
.retweet {
margin-bottom:8px;
}
/* Calendar Date */
#cal {
font-family:sans-serif;
width:32px;
margin-right:10px;
height:54px;
position:relative;
float:left;
font-weight:bold;
font-size:12px;
line-height:16px;
text-align:center;
text-transform:uppercase;
}
#cal span.date {
font-size:24px;
line-height:18px;
font-weight:normal;
}
/* Logikpost styles*/
.logikpost p {
margin:.2em auto;
}
img.logikthumb {
position:relative;
float:left;
margin:0px 10px 0px 0px;
width:300px;
height:150px;
}
img.logikthumbsquare {
position:relative;
float:left;
margin:0px 10px 0px 0px;
width:120px;
height:120px;
}
.commentcount {
display:inline;
position:relative;
float:right;
}
.comment-form-comment label {
display:none;
}
.comment-form-comment textarea {
width:580px;
}
.form-allowed-tags {
width:580px;
font-size:10px;
line-height:1.2em;
}
.comment-author {
position:relative;
float:left;
width:100px;
margin-left:10px;
}
.comment-author cite.fn {
clear:both;
position:relative;
float:left;
}
.comment-author span.says {
display:none;
}
.comment-author img {
border:4px solid #ccc;
position:relative;
float:left;
margin-top:10px;
}
.comment-meta {
position:relative;
font-style:italic;
font-size:10px;
margin:0px;
padding:0px;
height:18px;
line-height:1em;
}
#fppost {
background:url(images/fppost.gif) no-repeat top left #fff;
padding:4px 10px 4px 16px;
}
#fppost p {
margin:.4em 0px;
}
.postextras {
position:relative;
font-size:.8em;
width:580px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}
.entry p {
margin:.8em 0;
}
.entry ul {
margin-left:20px;
}
.fptext {
width:265px;
position:relative;
float:right;
padding:0px;
}
.navright {
position:relative;
float:right;
width:150px;
text-align:right;
}
.navleft {
width:150px;
position:relative;
float:left;
}
/* front page columns */
#fpcolwrap {
background:;
width:100%;
background:;
clear:both;
padding:0px;
margin:0px auto;
}
#fpcolinner {
background: url(images/page.png);
width:920px;
text-align:left;
margin:0px auto;
padding:15px;
}
#fpleft {
background:white;
width:420px;
position:relative;
float:left;
padding:15px;
}
#fpright {
background:white;
width:420px;
position:relative;
float:right;
padding:15px;
}
#fpcolwrap h2 {
color:#555;
font-size:22px;
font-weight:normal;
margin:0px 0px 0px;
}
/* footer */
#footer {
background:;
color:#fff;
width:950px;
padding:30px 0px 20px 0px;
clear:both;
margin:0px auto;
text-align:left;
}
#footer a {
text-decoration:none;
color:#fff;
}
#footer a:hover {
color:#00ADEF;
}
#footer p {
margin:5px 0px;
}
#footerleft {
position:relative;
float:left;
width:300px;
padding:0px;
}
#footercenter {
margin-left:325px;
width:300px;
}
#footerright {
position:relative;
float:right;
width:300px;
padding:0px;
}
#footer h3 {
color:#fff;
font-size:18px;
text-transform:capitalize;
font-weight:normal;
margin:0px 0px 0px;
}
#footerpost {
background:none;
}
#afterpage {
width:980px;
margin:0px auto;
height:0px;
}
#beforefooter {
width:980px;
margin:0px auto;
height:0px;
}
#afterpage {
width:980px;
margin:0px auto;
height:0px;
}
/*Headings*/
h1, h2, h3, h4 {
font-weight: normal;
margin:.3em auto;
}
h1 {
font-size:32px;
}
h2 {
font-size:26px;
}
h3 {
font-size:22px;
}

h4 {
font-size:18px;
}
.fptext h1 {
font-size:22px;
}
#footer h4 {
margin-bottom:0px;
}

#mainleft h2, #mainright h2 {
padding-bottom:2px;
font-size:18px;
margin-bottom:25px;
}
small {
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:.8em;
}
.sitename {
text-decoration:none;
font-size:40px;
position:relative;
float:left;
margin:65px 0px 0px 20px;
}
.sitename:hover {
text-decoration:none;
}
.description {
color:#ccc;
position:relative;
float:left;
clear:left;
margin:10px 0px 0px 20px;
}
.sitelogo{
position:relative;
float:left;
width:500px;
height:100%;
overflow:hidden;
text-indent:-9999px;
top:0px;
left:0px;
}
#headerwidget {
position:relative;
text-align:right;
float:right;
clear:right;
margin:15px 15px 0 0;
width:400px;
overflow:hidden;
}

#headerwidget p {
margin:0px;
}
#headerwidget li {
list-style-type:none;
padding:0px;
}

/*Page Menu*/
#pagemenu {
background:#000 url(images/menu.gif) repeat-x top center;
position:absolute;
width:948px;
height:50px;
bottom:0px;
left:0px;
margin:0;
padding:0;
font-size:16px;
display:block;
z-index:11;
text-align:center;
border:#555 1px solid;
}
#pagemenu a {
color: #ccc;
}
#pagemenu a:hover {
text-decoration:none;
}
#pagemenu ul {
margin:0px;
padding:0px;
z-index:12;
}
#pagemenu ul ul {
background:#555;
padding:0px 1px 1px;
margin:0;
height:auto;
z-index:13;
font-size:12px;
font-weight:normal;
width:180px;
}
#pagemenu ul li {
position:relative;
background:url(images/li.gif) no-repeat top right;
float:left;
display:inline;
padding:18px 20px 12px;
height:20px;
margin:0px 0px 0px 0px;
z-index:11;
line-height:1em;
}
#pagemenu ul ul li {
background:url(images/menu.gif) repeat-x bottom center;
}
#pagemenu ul ul li:hover {
background:url(images/menu.gif) repeat-x top center;
}
#pagemenu ul li ul li,
#pagemenu ul li ul li ul li,
#pagemenu ul li ul li ul li ul li,
#pagemenu ul li ul li ul li ul li ul li {
border:none;
height:auto;
padding:10px;
}
#pagemenu ul ul,
#pagemenu ul li:hover ul ul,
#pagemenu ul ul li:hover ul ul,
#pagemenu ul ul ul li:hover ul ul,
#pagemenu ul ul ul ul li:hover ul ul {
display: none;
position: absolute;
}
#pagemenu li:hover ul,
#pagemenu ul li:hover ul,
#pagemenu ul ul li:hover ul,
#pagemenu ul ul ul li:hover ul,
#pagemenu ul ul ul ul li:hover ul,
#pagemenu ul ul ul ul ul li:hover ul {
display: block;
}
#pagemenu li li:hover ul {
left: 180px;
}
#pagemenu ul li ul {
top: 100%;
left: 0px;
}
#pagemenu ul li ul li ul {
top: 0px;
left: 0px;
}
#pagemenu ul li ul li {
text-align: left;
width: 160px;	
height: auto;
display: block;
}
#pagemenu ul li ul ul{
margin-top:0px;
}
/* Other Page Lists */

#footermenu {
color:#fff;
width:950px;
text-align:left;
margin:0px auto;
padding:0px 0px 20px 0px;
font-size:10px;
}
#footermenu .menu {
width:auto;
position:relative;
display:inline;
}
#footermenu ul.menu, #footermenu .menu ul {
padding:0px 10px 0px 0px;
margin:0px auto;
position:relative;
display:inline;
}
#footermenu ul.menu li, #footermenu .menu ul li {
display:inline;
padding:0px 10px;
border-right:1px solid #555;
}
#footermenu .menu ul li ul {
display:none;
}
/* Subnav */
#subnav {
font-size:14px;
font-weight:bold;
}
#subnav ul {
margin:0px;
padding:0px;
list-style-type:none;
}
#subnav ul li {
margin:3px 0px;
}
/*Sidebar*/
#sidebar {
background:#fff;
position:relative;
float:right;
width:255px;
margin:0px 0px 0px;
padding:15px;
}

#sidebar a, sidebar a:visited {
color:;
}
#sidebar a:hover, #sidebar a:active {
}
#sidebar ul {
padding-left:0px;
list-style-type:none;
margin:0px;
}
#sidebar ul ul {
list-style-type:disc;
padding: 0px 0px 0px 20px;
}
#sidebar h2 {
font-size:20px;
padding-left:0px;
}
#endside {
width:290px;
height:1px;
margin:0px
padding:0px;
position:relative;
float:left;
}
#startside {
width:290px;
height:1px;
margin:0px
padding:0px;
position:relative;
float:left;
}
/*Images*/
img.centered {
display: block;
padding: 7px;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 7px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 7px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
margin-left:10px;
}
.alignleft {
float: left;
margin-right:10px;
}
a img,:link img,:visited img { 
border:none;
}

/* WP-captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption, .gallery-caption {
border: 1px logik #eee;
text-align: center;
background-color: #f7f7f7;
padding-top: 6px;
margin: 6px 0px;
display:block;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.wp-caption.alignleft {
margin-right:10px;
}
.wp-caption.alignright {
margin-left:10px;
}
.wp-caption.aligncenter {
margin:6px 10px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: .8em;
line-height: 1.5em;
padding:6px;
margin: 0;
}
/* Various Globals*/
hr {
clear: both;
float: left;
width: 100%;
height: 0px;
display: block;
position: relative;
padding: 0;
margin: 15px 0 15px 0;
border: none;
border-top: 1px solid rgba(0, 0, 0, .3);
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
a, a:active {
text-decoration:none;
color:#00ADEF;
}
a:hover {
text-decoration:underline;
}
.clear {
clear:both;
}
ul {
list-style: disc;
/*Change made 8/21 by Logan Pendergrass: Ensured product page bullets would display inside content flow, not drawing underneath images.*/
list-style-position: inside;
/*end changes*/
}
ol {
list-style:decimal;
}
blockquote {
display:block;
background:#d3d3d3 url('images/quote.gif')no-repeat top left;
color:#444;
font-style:italic;
padding:10px 10px 10px 40px;
margin:1em 15px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.screen-reader-text {
display:none;
}
.widget {
padding-bottom:15px;
}
.narrow textarea {
width:560px;
}
.commentlist {
padding:10px;
font-size:.9em;
background:#f8f8f8;
border:#fff 10px logik;
}
.commentlist li {
margin-left:20px;
}
.commentlist blockquote {
background:none;
}
.comment-meta a {
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:.9em;
}
li.bypostauthor .comment-meta {
color: #575757;
}
.odd {
background:#fff;
}
.sticky {
}
.sticky small, .sticky .postextras {
}
#fppost .sociable {
display:none;
}
ul {
padding-left:20px;
}
.widget {
position:relative;
float:left;
width:100%;
}
input[type="submit"] {
border:1px solid #ccc;
color:#555;
font-size:14px;
padding:6px 4px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
cursor:pointer;
}
input[type="text"] {
background:url(images/input.gif) repeat-x center #fff;
border:1px solid #ccc;
color:#555;
font-size:14px;
padding:6px 4px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
textarea {
border:1px solid #ccc;
color:#555;
font-size:14px;
padding:6px 4px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#searchform input[type="text"] {
width:245px;
}

/* Banner */
img.wp-post-image {
margin-bottom:15px;
}

/* Quicklinks */
ul.quicklinks li {
font-size:14px;
font-weight:bold;
}
.readmore {
background:url(images/readmore.gif) repeat-x top center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
margin:0px 10px 4px;
padding:5px 10px;
border:#ccc 1px logik;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.readmore:hover {
background:url(images/readmore.gif) repeat-x bottom center;
}
a.readmore, #footer a.readmore {
color:#fff;
}
#social {

}
#social ul {
margin:0px;
padding:0px;
list-style-type:none;
display:inline;
z-index:11;
}
#social ul li {
display:inline;
padding:2px;
}
ul.sharing {
list-style:none;
background:#f5f5f5;
padding:15px 15px 8px;
}
ul.sharing li {
display:inline-block;
width:100px;
padding-right:20px;
}
ul.sharing li.fbsend {
width:60px;
padding-right:0px;
position:relative;
top:-2px;
}
ul.sharing li.fblike{
position:relative;
top:-2px;
}
ul.sharing li.twshare {
padding-right:40px;
}
ul.sharing li.inshare {
padding-right:0px;

}
/* Button Styles */
a.button {
background:url(images/button.gif) repeat-x center center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#222;
font-weight:normal;
margin:5px auto;
padding:10px 20px;
border:#bbb 1px logik;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow:1px 1px 0px #999;
text-decoration:none;
}
#fpads {
background:url(images/page.png);
height:130px;
padding:15px;
width:920px;
margin:20px auto;
}
#ad1 {
position:relative;
float:left;
width:295px;
height:130px;
overflow:hidden;
}
#ad2 {
width:295px;
position: relative;
margin-left:312px;
height:130px;
overflow:hidden;
}
#ad3 {
position:relative;
float:right;
width:295px;
height:130px;
overflow:hidden;
}

ul.tweets {
padding:0px;
margin:0px;
list-style-type:none;
}

ul.tweets li {
color:#bbbbbb;
background:url(images/tweet.gif) no-repeat top right #222;
font-size:12px;
line-height:16px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin:6px 0px;
padding:10px 14px;
}