/*
	CSS files kept in the 'schemes' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	:Net Profit Services
	Author Site	:http://www.netprofitservices.com
	Style Name	:CrisisID
	Style URI	:
	Version		:v1.0
	Comments	:
*/

body {
	font: 1.0em "trebuchet ms", verdana, sans-serif !important;
	color: #041b33 !important;
	background: #fff url(i/bg.jpg) 0 0 repeat-x !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	text-align: left !important;
}

* html body {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
}

#page {
    width: 906px !important;
    background: #fff url(i/content_bg.gif) 0 0 repeat-y;
	margin: 0 auto;
	text-align: left !important;
	padding: 0 0 0 0;
	position: relative;
	border: 0px;
	border-top: none;
	}

#header {
    width: 906px;
	height: 151px;
    background: transparent url(i/header_bg.gif) 0 0 no-repeat;
	}

#primary {
	width: 541px;
	float: left;
	padding: 0 20px  0 0px;
	margin: 0 0px 0 0px;
	display: inline;
	}
	
.secondary {
		width: 301px;
		float: left;
		font-size: 1em;
		line-height: 1.5em;
		padding: 0px 0;
	margin: 0 0 0 0%;
	position: relative;
	}



	
	


#logowrap {
	width: 906px;
	height: 86px;
}
    #logowrap h1 {
        margin: 0;
		padding: 19px 0 0 118px;
    }

    #logowrap h1 a {
		display: block;
		float: left;
        width: 252px;
        height: 55px;
        background: transparent url(i/logo.jpg) 0 0 no-repeat;
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


div#uppernav {
	width: 906px;
	margin-bottom: 10px;
	font-size: 10pt;
}
	div#uppernav ul {
		width: 620px;
		list-style-type: none;
		text-align: right;
		margin: 0 auto;
		padding: 0;
	}
		div#uppernav li {
			display: inline;
			margin: 0 0 0 10px;
		}
			div#uppernav li a {color: #fff5ac; text-decoration: none;}
				div#uppernav li a:hover {color: #fff;}
div#navigation {
	width: 906px;
}
    #navigation ul {
		width: 622px;
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
    }
        #navigation ul li {
            display: block;
			float: left;
			margin: 0;
			padding: 0;
        }
            #navigation ul li a {
				display: block;
				height: 37px;
				float: left;
            }

#navigation ul li a#n_about {
	width: 74px;
	background: transparent url(i/n_about.jpg) left bottom no-repeat;
}
#navigation ul li a#n_demo {
	width: 78px;
	background: transparent url(i/n_demo.jpg) left bottom no-repeat;
}
#navigation ul li a#n_trial {
	width: 111px;
	background: transparent url(i/n_trial.jpg) left bottom no-repeat;
}
#navigation ul li a#n_qa {
	width: 82px;
	background: transparent url(i/n_qa.jpg) left bottom no-repeat;
}
#navigation ul li a#n_articles {
	width: 93px;
	background: transparent url(i/n_articles.jpg) left bottom no-repeat;
}
#navigation ul li a#n_related {
	width: 97px;
	background: transparent url(i/n_related.jpg) left bottom no-repeat;
}
#navigation ul li a#n_contact {
	width: 87px;
	background: transparent url(i/n_contact.jpg) left bottom no-repeat;
}

/* --- When hover over a navigation buttom, the background position changes to reveal the hover state --- */

#navigation ul li a#n_about:hover {
	background-position: left top;
}
#navigation ul li a#n_demo:hover {
	background-position: left top;
}
#navigation ul li a#n_trial:hover {
	background-position: left top;
}
#navigation ul li a#n_qa:hover {
	background-position: left top;
}
#navigation ul li a#n_articles:hover {
	background-position: left top;
}
#navigation ul li a#n_related:hover {
	background-position: left top;
}
#navigation ul li a#n_contact:hover {
	background-position: left top;
}

/* --- Style for Current navigation item --- */


#navigation ul li#currentnav a {
	background-position: left top;
}	


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Structural Divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#banner {
	width: 906px;
	height: 305px;
	background: transparent url(i/banner_bg.jpg) 0 0 no-repeat;
}


.content {
    width: 866px;
	background: transparent url(i/watermark.gif) right bottom no-repeat;
	padding: 20px;
}

 #primarycontent {
		width: 545px;
		float: left;
		padding-right: 20px;
	}
	
#contentwrap {
    width: 866px;
	background: transparent url(i/watermark.gif) right bottom no-repeat;
	padding: 20px;
}

	#contentwrap #maincontent {
		width: 545px;
		float: left;
		padding-right: 20px;
	}
	
	 #contentwrap #sidebarhome {
		width: 301px;
		float: left;
	}	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footerwrap {
	width: 100%;
	background: transparent url(i/footer_bg.gif) 0 0 repeat-x;
}

#footer {
    width: 906px;
	background: #fff url(i/content_bg.gif) 0 0 repeat-y;
	text-align: center;
	margin: 0 auto;
}

#footer li {
	font-size: .9em;
	padding-left:20px;
	list-style:none;
	}

#footer .lastfive li {
	font-size: .9em;
	padding-left: 0px;
	padding-top: 5px;
	list-style:none;
	}
	
#footer .lastfive li a:hover{
	text-decoration:underline
	}	
	
#footercontent {
	background: transparent url(i/footer_content.gif) 0 0 no-repeat;
	width: 866px;
	padding: 20px;
}

/* --- Tall Footer columns --- */

#footercontent #col-1 {
	float: left;
	width: 290px;
	text-align: left;
	padding: 0 10px 0 0;
}
#footercontent #col-2 {
	float: left;
	width: 290px;
	text-align: left;	
	padding: 0 10px 0 0;
}
#footercontent #col-3 {
	float: left;
	text-align: left;	
	width: 266px;
}	

#footercontent p#copyright {
	font-size: 90%;
	margin: 0;
}
/* add the tallfooter class to the copyright paragraph when it is shown below the "Tall Footer" content, otherwise do not use it */
#footercontent p#copyright.tallfooter {
	clear: both;
	border-top: 1px dashed #7C8BA1;
	padding-top: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Emergency Login
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#emergencylogin {
	width: 301px;
	background: transparent url(i/emergencylogin_bg.gif) left bottom no-repeat;
	margin-bottom: 20px;
}

	#emergencylogin h2 {
		display: block;
		width: 301px;
		height: 41px;
		background: transparent url(i/emergencylogin_header.jpg) 0 0 no-repeat;
		margin: 0;
	}
	
		#emergencylogin form {
			margin-bottom: 20px;
			padding: 0 10px;
			margin: 0;
		}
		
		#emergencylogin form p {
			margin: 0;
			padding: 0;
		}
		
		#emergencylogin p label,#emergencylogin p input {
			display: block;
			width: 150px;
			float: left;
		}
		
		#emergencylogin p label {
			text-align: right;
			width: 100px;
			color: #fff;
			font: bold 100% "trebuchet ms", verdana, sans-serif;
			padding-right: 20px;
		}
		
		#emergencylogin p label span {
			color: #FFD538;
		}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Hot Boxes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.hotbox {
	width: 281px;
	height: 62px;
	margin-bottom: 20px;
	padding: 10px;
}

.bluebox {
	background: transparent url(i/hotbox_blue.jpg) 0 0 no-repeat;
}
.brownbox {
	background: transparent url(i/hotbox_brown.jpg) 0 0 no-repeat;
}
.redbox {
	background: transparent url(i/hotbox_red.jpg) 0 0 no-repeat;
}
.yellowbox {
	background: transparent url(i/hotbox_yellow.jpg) 0 0 no-repeat;
}
.purplebox {
	background: transparent url(i/hotbox_purple.jpg) 0 0 no-repeat;
}

.hotbox h2 {
	font-size: 110%;
	color: #fff;
	margin: 0 0 5px 0;
}
	.hotbox h2 a {
		color: #fff;
		text-decoration: none;
	}
	
.hotbox p {
	font-size: 90%;
	color: #fff;
	line-height: 110%;
	margin: 0;
}
	.yellowbox p {
		color: #041b33;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h2 {
	font: normal 180% "trebuchet ms", verdana, sans-serif;
	color: #041b33;
	margin: 20px 0;
}

h3 {
	font: normal 140% "trebuchet ms", verdana, sans-serif;
	color: #041b33;
	margin: 15px 0;
}

h4 {
	font: normal 110% "trebuchet ms", verdana, sans-serif;
	color: #041b33;
	margin: 15px 0;
}

p {
	font: normal 90% "trebuchet ms", verdana, sans-serif;
	line-height: 140%;
	color: #041b33;
	margin: 20px 0;
}

a {
    font: normal "trebuchet ms", verdana, sans-serif;
    color: #5670d1;
}
a:hover {color: #d8ab10;}

abbr,acronym {
	border-bottom: 1px dotted #041b33;
}

blockquote {
	background-color: #D4D8DF;
	border: 1px solid #7C8BA1;
	font: italic 100% "trebuchet ms", verdana, sans-serif;
	padding: 5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Misc.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header h1 a,
#navigation ul li a,
#emergencylogin h2 {      /*----Add image replaced element here----*/
    letter-spacing: -1000em;
    text-indent: -999em;
    overflow: hidden;
}

.cleardots:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cleardots {display: inline-block;}

/* Hides from IE-mac \*/
* html .cleardots {height: 1%;}
.cleardots {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.clearer {clear: left; line-height: 0; height: 0;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    from K2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/




	
ul.menu li a:hover {
	background: #111;
	}
	

.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #5670d1;
	font-weight: normal;
	}
	
.counter a {
	color: #5670d1;
	}
.primary .entry-meta a, .primary .entry-meta a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
font-weight: normal;
}
	
.commentlist li {
	color: #666;
	}

.commentlist li:hover {
	background: none;
	}
	
#weightedcategories, .authorcomment {  /* used to include blockquote */
	background: #111;
	border-color: #222;
	}
	
.primary img {
	border-color: #222;
	background: #111;
	padding: 14px;
	}

.inputcontainer {
	margin-bottom: 6px;
	}

/* Gray Color */
small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, ul#activity li small a, ul#activity li, .LSRow small, #searchcontrols small  {
	color: #777;
	}

/* Gray Color */
small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, ul#activity li small a, ul#activity li, .LSRow small, #searchcontrols small  {
	color: #555;
	}

a, a:visited, .sidebar a:visited {
	color: #5670d1;
	}
	
.post p a:visited {
	color: #4CA4B8;
	}

#af-ela-menu li {
	border: none;
	background: #161616;
	}


#af-ela-menu, #af-ela-menu li {
	border-bottom: 1px solid #333;
	}

#af-ela-menu li.selected {
	background: #333;
	}

/* Hovering state of the table items */
#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover {
	background: #222;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	}

/* Active or hovered item in list */
#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-post li:hover {
	background: #222;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	}

#af-ela-post {
	border-left: 1px solid #333;
	border-right: none;
	}

/* Rolling Archives Slider */
#current-content #pagetrack,
#dynamic-content #nested_pagetrack {
	margin: 0 auto;
	width: 218px;
	height: 18px;
	background: url('sliderbgleft.png') no-repeat center left;
}

#current-content #pagetrackend,
#dynamic-content #nested_pagetrackend {
	height: 18px;
	background: url('sliderbgright.png') no-repeat center right;
	}

#current-content #pagehandle,
#dynamic-content #nested_pagehandle {
	width: 18px;
	height: 18px;
	background: url('sliderhandle.png') no-repeat center center;
	cursor: e-resize;
}