/*
Template Name: Bobo HTML Template
Description: A Business / Portfolio HTML Template
Author: Chris Creed
URL: http://www.chris-creed.com
*/

/* Colors: Blue - #0072bc */

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
  padding: 10px 0 10px 0;
}
caption, th, td {
	text-align: center;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*-------------*/
/* -- Tools -- */
/*-------------*/
.line { clear: both; height: 5px; background-color: #eee; }
.post-line { clear: both; border-bottom: 1px solid #eee; margin: 40px 0; }
.cache-images { visibility: hidden; }
.hidden-div { visibility: hidden; }
/*----------------------*/
/* -- General Styles -- */
/*----------------------*/
#wrap { width: 960px; margin: 0 auto; text-align: center; }
body { background: url(../images/main-bg.jpg) repeat-x; background-color: #ffffff; color: #555555; line-height: 22px; font-family: Arial; font-size: 12px; text-align: center;  }
h1 { font-size: 60px; margin: 25px 0 15px 0; }
h2 { font-size: 22px; margin: 10px 0 15px 0; }
h3 { font-size: 24px; margin: 15px 0 10px 0; }
h4 { font-size: 18px; margin: 10px 0 5px 0; }
h5 { font-size: 16px; margin: 5px 0 5px 0; }
h6 { font-size: 14px;}
a:link, a:visited { color: #0072bc; text-decoration: none; }
a:hover, a:active { color: #555555; }
p { font-size: 14px; margin-bottom: 15px; }
.title { margin-top: 0; }
em { font-style: italic; }

/*-------------------*/
/* -- Main Layout -- */
/*-------------------*/
#main { clear: both; padding: 10px 0 0 0; margin: 0 75px; width: 810px; overflow: hidden; }
#content { float: left; width: 370px; padding: 0 100px 10px 2px; text-align: left; }
#sidebar { float: left; width: 300px; text-align: left; padding: 10px 10px 10px 10px; }

/*--------------*/
/* -- Header -- */
/*--------------*/
#header { padding: 70px 0 40px 0; overflow: hidden; }
#header h1 { font-size: 45px; color: #444; letter-spacing: -3px; font-weight: bold; margin: 20px 0 0 0; padding: 0; }
#header h2 { color: #aaa; margin: 15px 0 0 0; padding: 0; font-size: 30px; letter-spacing: -1px; }
#header .line { margin: 30px 0 0 0; }
.subtitle { margin: 0 0 14px 0; }

/*-----------*/
/* -- Nav -- */
/*-----------*/
#nav { float: left; width: 100%; overflow: hidden; position: relative; margin: 40px 0 0 0; border-top: 5px #eee solid; border-bottom: 5px #eee solid; padding: 12px 0 8px 0; }
#nav ul { clear: left; float: left; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; }
#nav ul li { float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; }
#nav ul li a {  margin: 0 0 0 1px; padding: 3px 0; font-size: 16px; color: #444; text-transform: uppercase; }
#nav ul li a:hover { color: #0072bc; }
#nav li span { padding: 0 20px; color: #444; font-size: 16px; }
#nav li a.current{ color: #0072bc; }

/*-------------*/
/* -- Posts -- */
/*-------------*/
.post { text-align: left; margin: 0 40px 40px 0; float: left; }
.post h2 { margin: 0 0 -5px 0; line-height: 32px; font-size: 20px; }
.post p { margin: 10px 0 0 0; }
.post .meta { font-size: 20px; color: #888; margin: 0 0 25px 0; }
.post .meta a { color: #888; }
.post .meta a:hover { color: #aaa; }
.previous-posts { font-size: 16px; }
#other-posts { text-align: left; font-size: 16px; }
.read-post-link { display: block; margin: 10px 0 0 0; }

/*-------------------------*/
/* -- Frontpage Content -- */
/*-------------------------*/
#frontpage-content { clear: both; margin: 0 75px; width: 810px; overflow: hidden; }
#frontpage-intro {  background-color: #f5f5f5; border: 2px #e5e5e5 solid; padding: 20px; text-align: justify; }
#frontpage-intro p { font-size: 18px; color: #888; margin: 0; line-height: 26px; }
#frontpage-intro p span { color: #555; }
#featured-projects h3 { color: #888; font-size: 20px; text-align: center; }
#featured-projects #featured-projects-bg { float: left; background-color: #f5f5f5; border: 2px #e5e5e5 solid; padding-bottom: 6px; margin: 0 0 20px 0}
#featured-projects #featured-projects-bg img { border: 2px #e5e5e5 solid; }
#featured-projects .featured-project-image { float: left; margin: 6px 0 0 6px; }
#featured-projects .featured-project-image:hover { opacity: 0.7; }

/*-----------------*/
/* -- Portfolio -- */
/*-----------------*/
#portfolio { clear: both; margin: 15px 0 0 0; width: 960px; overflow: hidden; }
#portfolio h3 { text-align: left; font-size: 16px; margin: 0 0 2px 0; font-style: italic; }
#portfolio .portfolio-item { float: left; margin: 0 0 40px 45px; }
#portfolio .portfolio-item-first { float: left; margin: 0 0 40px 0; }
#portfolio .portfolio-item { float: left; margin: 0 0 40px 54px; }
#portfolio .portfolio-item img, #portfolio .portfolio-item-first img { border: 2px #e5e5e5 solid; }
#portfolio .portfolio-item img:hover, #portfolio .portfolio-item-first img:hover { opacity: 0.7; }

/*---------------*/
/* -- Project -- */
/*---------------*/
#project { float: left; width: 100%; text-align: left; }
#project #project-meta h3 { margin: 0 0 8px 0; }
#project h4 { font-size: 20px; }
#project .screenshot img { float: right; margin: 2px 0 0 2px; width: 400px; border: 2px #eee solid; }
#project #project-content { float: left; margin: 6px 0 0 0; width: 450px; }
#project #project-content .completion { margin-bottom: 25px; }
.testimonial-author { font-weight: bold; margin: -8px 0 -3px 0; }
.grey { color: #888; }

/*---------------*/
/* -- Sidebar -- */
/*---------------*/
#sidebar { font-size: 16px; }
#sidebar h3 { font-size: 20px; margin: 0 0 5px 0; }
#sidebar .sponsors h3 { margin-top: 0; }
#sidebar .sponsors { float: left; padding-bottom: 20px;  }
#sidebar .sponsors a img { float: left; margin: 0 10px 10px -3px; }

/*-----------------------*/
/* -- Sidebar Contact -- */
/*-----------------------*/
#sidebar-contact { float: right; background: #f5f5f5; border:1px solid #e5e5e5; width: 220px; padding: 20px 20px 5px 20px; text-align: left; }
#sidebar-contact h3 { margin: 0; padding: 0 0 20px 0; font-size: 20px; }
#sidebar-contact h4 { margin: 0; padding: 0; font-size: 16px; }
#sidebar-contact p { font-size: 14px; color: #888; margin: 0 0 15px 0; line-height: 18px; }

/*--------------------*/
/* -- Contact Page -- */
/*--------------------*/
#contact-page { float: left; font-size: 14px; width: 500px; margin: 0 0 70px 0; text-align: left; }
#contact-page .title { margin: 0 0 15px 0; }
#contact-page p { font-size: 14px; margin: 0 0 25px 2px; }
#contact-page #contact-form { margin: 0 0 0 0; }
#contact-page #contact-form fieldset { border: none; }
#contact-page #contact-form input { border: 1px #dddddd solid; padding: 12px 10px 10px 10px; font-size: 12px; color: #555555; font-family: Arial, Helvetica, sans-serif; margin: 0 200px 15px 0; width: 275px; font-size: 14px; }
#contact-page #contact-form textarea { border: 1px #dddddd solid; width: 515px; height: 249px; border: 1px #dddddd solid;  font-size: 12px; color: #555555; font-family: Arial, Helvetica, sans-serif; line-height: 24px; margin: 0 0 15px 0; padding: 20px 20px 0 15px; width: 450px; font-size: 14px; }
.hide { display: none; }
#response { background-color: #f5f5f5; border: 1px #e5e5e5 solid; padding: 15px; color: #cc0000; }

/*--------------*/
/* -- Footer -- */
/*--------------*/
#footer { clear: both; border-top: 5px #eee solid; margin: 20px 0 20px 0; color: #bbb; text-align: center; }
#footer p { font-size: 18px; margin: 10px 0 0 0; }

/*custom css styles*/
.error {
  color: #cc0000;
}

.center {
  margin: 0px auto;
}

.img-space {
  margin: 6px 0 0 6px;
}
.text-left {
  text-align: justify;
}
.right{
  float: right;
  text-align: right;
}

.light {
  color: #888;
}

.info, .success, .warning, .error-msg {
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}
.error-msg {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}

#image_toggle_div {
  display: none;
}

.odd{

}
.even{
  background: #E5E5E5;
}
.row{
  padding: 5px;
  font-size: 11px;
}
.row-left {
  padding: 5px;
  font-size: 11px;
  text-align: left;
}
.mono{
  font-family: monospace;
}
strong, b {
  font-weight: bolder;
}
.section-title {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  padding-bottom: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
.full-width{
  width: 100%;
}
.tbn{
  width: 72px;
  height: 100px;
}
td.title {
  font-weight: bold;
  padding: 5px;
  background: #ccdddd;
  font-size: 12px;
}
td.title:first-child {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
td.title:last-child {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.VeryHigh{
  color: #CE0000;
}
.High{
  color: #9CCF31;
}
.Low{
  color: #009ECE;
}
.VeryLow{
  color: #FF9E00;
}
.Malware{
  color: #CE0000;
}
.PossiblyMalicious{
  color: #FF9E00;
}
.PossiblyBenign{
  color: #009ECE;
}
.Benign{
  color: #9CCF31;
}
.Unknown{
  color: #CC9933;
}
.