/*
Theme Name: Nissi Solutions
Theme URI: http://www.nissisolutions.com/
Description: The default WordPress theme based for <a href="http://www.nissisolutions.com">Nissi Solutions</a>.
Version: 1.0
Author: Joshua Minnie
Author URI: http://www.nissisolutions.com/
Tags: blue, custom-header, fixed-width, two-columns, widgets
 
  Nissi Solutions v1.0
    http: //www.nissisolutions.com
 
  This theme was designed and built by Joshua Minnie
  whose website you will find at http://www.nissisolutions.com
 
  The CSS, XHTML, and design are copyright by Nissi Solutions, LLC.
  All rights reserved.
*/

/* Reset
-------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
p, cite, code { padding-bottom: 1.2em; }
a { outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { list-style: none; }
ul li, ol li { list-style: none; list-style-position: outside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 12px; margin-bottom: 0; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; }

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }



/* Body
-------------------------------------------------------------------*/
body {
  margin:     0 auto;
  width:      894px;
  font:       12px/18px "Lucida Grande", Arial, Verdana, sans-serif;
  color:      #ffffff;
  background: #171f22 url('images/background.gif') repeat-x scroll 0 0;
}

h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", Arial, Verdana, sans-serif; color: #fff; font-weight: normal; }
h1 { font-size: 150%; line-height: 150%; margin-bottom: 10px; }
h2 { font-size: 140%; line-height: 140%; margin-bottom: 7px; }
h3 { font-size: 130%; line-height: 130%; margin-bottom: 5px; }
h4 { font-size: 120%; line-height: 120%; margin-bottom: 5px; }
h5 { font-size: 110%; line-height: 110%; margin-bottom: 5px; }
h6 { font-size: 100%; line-height: 100%; margin-bottom: 5px; }

a, a:hover, a:visited { color: #58d6f6; text-decoration: none; }

input, textarea { font: 12px "Lucida Grande", Arial, Verdana, sans-serif }

blockquote { 
  font: italic 14px/22px Georgia, Serif; 
  padding: 5px 10px;
  margin-bottom: 20px;
  background: #e4ede2; 
}



/* Layout
-------------------------------------------------------------------*/
.column { float: left; }
.column.padleft { padding-left: 5px; }
.container { margin: 0 auto; clear: both; }

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }



/* Header
-------------------------------------------------------------------*/
#header { margin-top: 19px; }
#header img#logo { float: left; position: relative; left: 10px; }



/* Navigation
-------------------------------------------------------------------*/
.navigation { padding: 0px 8px 0px 0px; }
.navigation ul { list-style: none; float: left; overflow: hidden; }
.navigation ul li { float: left; margin: 0px 3px 0px 0px; }
.navigation ul li a { display: block; float: left; font-size: 105%; font-weight: bold; color: #033C05; background: url('images/menu-bg.gif') repeat-x 0 0; }
.navigation ul li a span { float: left; display: block; background: url('images/menu-left.gif') no-repeat 0 0; }
.navigation ul li a span span { display: block; float: none; padding: 10px 24px 10px 24px; text-align: center; background: url('images/menu-right.gif') no-repeat right 0; }

.navigation ul li a:hover, .navigation ul li.current_page_item a { background: url('images/menu-bg-act.gif') repeat-x 0 0; }
.navigation ul li a:hover span, .navigation ul li.current_page_item a span { background: url('images/menu-left-act.gif') no-repeat 0 0; }
.navigation ul li a:hover span span, .navigation ul li.current_page_item a span span { background: url('images/menu-right-act.gif') no-repeat right 0; }

.global.navigation { float: right; margin-top: 36px; }



/* Slogan
-------------------------------------------------------------------*/
.slogan { clear: both; width: 100%; background: url('images/slogan-bg.png') repeat-x 0 0; overflow: hidden; }
.slogan .corner-left { background: url('images/slogan-left.png') no-repeat 0 0; }
.slogan .corner-right { background: url('images/slogan-right.png') no-repeat right 0; overflow: hidden; height: 229px; }
.slogan .indent { padding: 44px 33px 0 447px; overflow: hidden; }

.slogan h1 { background: url('images/slogan-line.gif') repeat-x 0 bottom; padding: 0 0 13px 0; margin: 0 0 10px 0; }

.slogan ul { float: left; overflow: hidden; padding-left: 35px; }
.slogan ul li { float: left; background: url('images/slogan-line-ver.gif') no-repeat right 0; margin: 0 -2px 0 0;  padding: 6px 0 9px; }
.slogan ul li a { display: block; float: left; overflow: hidden; font: bold 95% tahoma; text-transform: uppercase; color: #034e72; background: url('images/icons/brick.png') no-repeat left; padding: 0 18px 2px 24px; }
.slogan ul li.right a { display: block; float: left; overflow: hidden; font: bold 95% tahoma; text-transform: uppercase; color: #034e72; background: url('images/icons/drive_network.png') no-repeat 18px 0; padding: 0 17px 2px 42px; }



/* Content
-------------------------------------------------------------------*/
.content { clear: both; background: url('images/content-tail.gif') repeat-x 0 0; padding: 0 0 10px 0; margin-top: 60px; }

.column-left { margin: 0 0 2px 0; overflow: hidden; }
.column-right { width: 215px; float: right; margin: 0; background: url('images/right-bg.gif') repeat-x 0 0; padding: 0 0 10px; }


.column-center { overflow: hidden; height: 100%; background: url('images/bg-left.gif') no-repeat 0 0; }
.column-center-bg { overflow: hidden; height: 100%; background: url('images/bg-right.gif') no-repeat right 0; padding: 6px 0 0 6px; }

.column-content { background: transparent url('images/title-bg.gif') repeat-x scroll 0 0; margin: 0 6px 0 0; overflow: hidden; }
.column-content .corner-left { background: transparent url('images/title-left.gif') no-repeat scroll 0 0; }
.column-content .corner-right { background: transparent url('images/title-right.gif') no-repeat scroll right 0; overflow: hidden; padding: 24px 24px 0 26px; }
.column-content .title { background: transparent url('images/line.gif') repeat-x scroll 0 bottom; clear: both; height: 100%; overflow: hidden; padding: 0 0 16px 2px; }
.column-content .title h2, .column-content .title h3 { color: #ffffff; display: inline-block; float: left; }
.column-content .title h2 a, .column-center .title h3 a { color: #ffffff; text-decoration: none; }
.column-content .title h2 a:hover, .column-center .title h3 a:hover { text-decoration: underline; }
.column-content .title .date { color: #58d6f6; float: left; font-size: 85%; padding: 0; }
.column-content .title .author { color: #58d6f6; float: right; font-size: 85%; padding: 0; }
.column-content .title .tiny_url { color: #fff; float: left; font-size: 85%; padding: 0; }
.column-content .title .tiny_url a { color: #58d6f6; }
.column-content .indent { background: transparent url('images/line.gif') repeat-x scroll center bottom; clear: both; margin: 0 0 10px; overflow: hidden; padding: 0 0 10px; }

.post-content { clear: both; padding: 22px 0 0 2px; }
.post-content p { padding: 0 0 23px 0; }
.post { padding-bottom: 30px; }

.post-content .my-role { width: 219px; float: left; overflow: hidden; background: url('images/widget-bg.gif') repeat-y 0 0; margin: 0 5px 5px 0; }
.post-content .my-role .my-role-bg { background: url('images/widget-top.gif') no-repeat 0 0; overflow: hidden; }
.post-content .my-role .my-role-bg-bot { background: url('images/widget-bot.gif') no-repeat 0 bottom; }
.post-content .my-role h4 { margin: 10px 10px 0; clear: both; }
.post-content .my-role ul { margin: 0 10px 10px; clear: both; }
.post-content .my-role li { background:transparent url(images/widget-marker.png) no-repeat scroll 0 6px; padding:2px 0 0 17px; }

.column-content .border-bottom { border-bottom: 0; padding-bottom: 0; }

.comments_link a, .link-edit a { color: #69d10c; font-weight: bold; }
h3 span.link-edit a { color: #69d10c; font-size: 85%; }

div a.post-edit-link { color: #58d6f6; font-size: 85%; float: left; padding: 3px 0 3px 10px; }
div a.post-edit-link:hover { text-decoration: underline; }

#contact_form { width: 334px; }
#contact_information { width: 266px; padding-left: 15px; }
#contact_information strong { width: 178px; height: 0px; overflow: hidden; background: transparent url('images/logo_small.png') no-repeat scroll top left; padding-top: 27px; display: inline-block; }
#contact_information p { padding-bottom: 20px; }
#contact_information p span { font-style: italic; color: #808080; font-size: 90%; }

a.external { padding-right: 20px; background: transparent url('images/icons/link_go.png') no-repeat right top; }



/* Content
-------------------------------------------------------------------*/
.info-sidebar { padding: 15px 10px 20px 22px; color: #fff; }
.page-title { font-size: 170%; color: #fff; text-align: center; }
.page-subtitle { padding-top: 17px; }


/* Widgets
-------------------------------------------------------------------*/
.column-right .widget { margin: 0 0 10px 4px; height: 100%; }
.column-right .widget .widget-top { background: url('images/widget-title-top1.png') no-repeat 0 0; height: 10px; overflow: hidden; }
.column-right .widget .widget-bg { background: url('images/widget-content-tail1.gif') repeat-y 0 0; height: 100% ; }

.column-right .widget .title { background: url('images/widget-title-bg1.gif') repeat-y 0 0; }
.column-right .widget .title div { background: url('images/widget-title-bot1.gif') no-repeat 0 bottom; height: 100%; overflow: hidden; }

.column-right .widget h2 { float: left; color: #fff; padding: 11px 22px 8px 28px; }

.column-right .widget .indent { background: url('images/widget-content-bg1.gif') no-repeat 0 0; }
.column-right .widget .indent .widget-bg-bot { background: url('images/widget-content-bot1.gif') no-repeat 0 bottom; clear: both; padding: 16px 10px 13px 29px; height: 100%; }
.column-right .widget .indent { overflow: hidden; color: #58d6f6; }

/* Categories */
.column-right .widget_categories .widget-top { background: url('images/widget-top1.png') no-repeat 0 0; height: 10px; overflow: hidden; }
.column-right .widget_categories .widget-bg { background: url('images/widget-tail1.gif') repeat-y 0 0; }
.column-right .widget_categories .widget-bg-top { background: url('images/widget-bg1.gif') no-repeat 0 0; } 
.column-right .widget_categories .widget-bg-bot { background: url('images/widget-bot-c.gif') no-repeat 0 bottom; } 

.column-right .widget_categories .title { background: none; }
.column-right .widget_categories .title div { background: none; height: 100%; overflow: hidden; }

.column-right .widget_categories h2 { float: left; color: #171c1f; background: none; padding: 11px 20px 0 28px; }

.column-right .widget_categories .indent { overflow: hidden; font-weight: bold; color: #fff; background: none; clear: both; height: 100%; }
.column-right .widget_categories .indent { padding: 0 30px 23px 22px; }
.column-right .widget_categories .indent .widget-bg-bot { background: none; padding: 0; }
.column-right .widget_categories li { padding: 0px 0px 0px 25px; background: url('images/widget-marker2.png') no-repeat 0 1px; }
.column-right .widget_categories li a { color: #fff; padding: 5px 0px 4px 0px; display: block; height: 100%; background: url('images/widget-line2.gif') repeat-x 0 bottom; }

/* Archives */
.column-right .widget_archive h2 { background: url('images/icons/lock.png') no-repeat right 13px; }


/* Meta */
.column-right .widget_meta .widget-top { background: url('images/widget-title-top2.png') no-repeat 0 0; }
.column-right .widget_meta .widget-bg { background: url('images/widget-content-tail2.gif') repeat-y 0 0; }

.column-right .widget_meta .title { background: url('images/widget-title-bg2.gif') repeat-y 0 0; }
.column-right .widget_meta .title div { background: url('images/widget-title-bot2.gif') no-repeat 0 bottom; }

.column-right .widget_meta h2 { background: url('images/icons/user.png') no-repeat right 13px; }

.column-right .widget_meta .indent { background: url('images/widget-content-bg2.gif') no-repeat 0 0; }
.column-right .widget_meta .indent .widget-bg-bot { background: url('images/widget-content-bot2.gif') no-repeat 0 bottom; padding: 18px 10px 20px 29px; }
.column-right .widget_meta li { padding: 0 0 7px 0; }
.column-right .widget_meta li a { color: #181f23}


.column-left .max { float: left; height: 100%; }
.column-left .widget { width: 219px; float: left; overflow: hidden; background: url('images/widget-bg.gif') repeat-y 0 0; margin: 0 5px 5px 0; }
.column-left .widget .widget-bg { background: url('images/widget-top.gif') no-repeat 0 0; overflow: hidden; }
.column-left .widget .widget-bg-bot { background: url('images/widget-bot.gif') no-repeat 0 bottom; }

.column-left .widget .width { overflow: hidden; width: 100%; }

.column-left .widget .title { height: 100%; overflow: hidden; overflow: hidden; margin: 0px 27px 0px 26px;background: url('images/widget-line.gif') repeat-x bottom; }
.column-left .widget h2 { float: left; color: #fff; padding: 19px 25px 5px 2px; }

.column-left .widget .indent { clear: both; overflow: hidden; color: #fff; height: 100%; padding: 9px 25px 23px 25px; }
.column-left .widget li { background: url('images/widget-marker.png') no-repeat 0 6px; padding: 2px 0 0 17px; }


/* Tag Cloud */
.column-left .widget_tag_cloud h2 {background: url('images/icons/chart_bar.png') no-repeat right 20px; }
.column-left .widget_tag_cloud a { padding-right: 5px; }

/* Links (aka Blogroll) */
.column-left .widget_links h2 { background: url('images/icons/star.png') no-repeat right 20px; }


/* Recent Entries */
.column-left .widget_recent_entries h2 {background: url('images/icons/date.png') no-repeat right 20px; }



/* Comments
-------------------------------------------------------------------*/
.alt { padding: 10px; font-size:1.2em; padding:0px 20px 0px 25px;}

.text-box ul { padding: 2px 0px 11px 0px;}
.text-box ul li { background: url('images/marker.gif') no-repeat 0 5px; padding: 0 0 4px 20px; list-style-image: none; list-style: none; font-weight: normal; }
.text-box ul li ul { margin-left: 10px; }
.text-box ul li ol { margin-left: 15px; }
.text-box ul li ol li { list-style-type: decimal; }

.text-box ol { padding-left: 2px;}
.text-box ol li { background: none; padding: 0; margin-left: 13px;  font-weight: normal; }
.text-box ol li ul li { font-weight: normal; }

.text-box ul li { list-style-image: none; list-style: none; }
.text-box ul li a {}
.text-box ul li a:hover {}
.text-box ul li ul { margin-left: 15px; }
.text-box ul li ol { margin-left: 20px; }
.text-box ul li ol li { list-style-type: decimal; }
.text-box ul li ol li a { background: none; }

.text-box ol { padding: 5px 0 5px 2px;}
.text-box ol li { background: none; padding: 0px; margin-left: 20px; }
.text-box ol li a { padding-left: 0 ; text-decoration: none; font-weight: normal; }
.text-box ol li a:hover { text-decoration: underline; }
.text-box ol li ul li a { font-weight: normal; text-decoration: underline; }
.text-box ol li ul li a:hover { text-decoration: none; }

.comment-list { color:#fff; text-align: justify; }
.comment-list a {}
.comment-list span { color:#fff; }
ol.comment-list  li { margin: 6px 0; padding: 5px 10px 3px; background: #071e26; border: 1px solid #123643; }
.comment-list li .avatar { float: right; border: 1px solid #eee; padding: 2px; }
.comment-list p { color: #fff; margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; padding-left:15px; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

input, select, textarea { vertical-align: middle; color: #0476a3; }
input.text, select, textarea { padding: 2px 0 3px 6px; border: 1px solid #123643; background: #071e26; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform { margin: 5px 10px 0 0; }

.form_item { float: right; display: inline-block; padding: 3px 0; }

div.button_item { background: transparent url('images/form_button_bg.gif') left bottom no-repeat scroll; display: inline; float: left; height: 24px; margin: 0 5px 0 3px; padding: 0 0 0 5px; overflow: hidden; }
div.button_item div { background: transparent url('images/form_button_bg.gif') right top no-repeat scroll; padding: 0 5px 0 0; }
div.button_item div input.form_button,
div.button_item div span.form_button  { background: transparent url('images/form_button_bg.gif') left -24px repeat-x; border: none; cursor: pointer;  height: 24px; padding: 4px 6px 6px 6px; display: block; margin: 0; color: #fff; }
div.button_item div span.form_button a { text-decoration: none; position: relative; top: 2px; }
div.button_item div span.form_button img { display: inline-block;}
div.button_item div span.form_button a > span { display: inline-block; position: relative; margin-left: 5px; top: -5px; }


#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#respond p { padding: 0px 0px 10px 0px; text-indent:0; }
#respond form p { padding: 0px 0px 10px 0px; text-indent:0; }



/* Footer
-------------------------------------------------------------------*/
#footer { margin: 30px 9px 0; padding-top: 6px; font-size: 90%; }
#footer, #footer a { color: #808080; }
#footer .alignright { text-align: right; }
#footer .alignleft { text-align: left; }



