/*  
Theme Name: Blitz
Theme URI: http://www.templatesquare.com/
Description: Blitz is a premium business html template that suitable for business, company, corporate and portfolio.
Version: 1.1
Author: templatesquare
Author URI: http://www.templatesquare.com/
Tags: theme-option, widget-ready, right-sidebar, blue, red, green
*/

/* BEGIN TYPOGRAPHY & COLORS */
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {padding-top: 10px;}

.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: Tahoma, Arial, Verdana;
	}

.commentmetadata {
	font-weight: normal;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}


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

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

#wp-calendar caption {
	font: bold 1.3em Tahoma, Arial, Verdana;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* ENF OF TYPOGRAPHY & COLORS */



/* BEGIN STRUCTURE */
/* global */
html,body{height:100%;}
body {
	font-family:Verdana, Arial, Tahoma;
	font-size:11px;
	margin:0 auto;
	padding:0;
	color:#333;
	height:100%;
	line-height:18px;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
textarea{font-family:"Trebuchet MS", Arial, Verdana; font-size:12px}
hr {
	border: 0;
	color: #e0e0e0;
	background-color: #e0e0e0;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

/* heading */
h1, h2{margin-bottom:15px;	font-family:"Trebuchet MS", Arial, Tahoma;	font-weight:normal; color:#666}
h3, h4, h5, h6{margin-bottom:8px;	font-family:Arial, Verdana, Tahoma;	font-weight:normal; color:#666}
h1 {font-size:22px; line-height:24px;}
h2 {font-size:18px; line-height:20px;}
h3 {font-size:16px; line-height:18px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}

/* links */
a {text-decoration:none;}
a:hover{text-decoration:none;}
a img{border:none}
.border{ border:1px solid #c5c5c5; padding:3px;}
.imgleft{float:left; margin-right:15px; margin-top:5px}
.imgright{float:right; margin-left:15px; margin-top:5px}
.imgcenter{vertical-align:middle; margin:0px auto 10px auto; display:block}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:11px;
	line-height:18px;
	margin-bottom:15px;
}
ul, ol {
	margin:10px 0 35px 30px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#666;
	padding:10px 20px 10px 35px;
	background-image:url(images/quote.gif);
	background-repeat:no-repeat;
	}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #e0e0e0;
	padding:15px 10px;
}

/* Container */
#top_container{ background-image:url(images/bg_container_top.png); background-repeat:repeat-x; background-position:top}
#top_container_inner{ background-image:url(images/bg_container_inner_top.gif); background-repeat:repeat-x; background-position:top}
#bottom_container{ background-image:url(images/bg_container_bottom.gif); background-repeat:repeat-x; background-color:#efefef; min-height:229px;}
#footer_container{ background-image:url(images/bg_container_footer.gif); background-repeat:repeat-x; background-color:#333333; min-height:35px;}


/* Centercolumn */
.centercolumn{width:952px; margin:0px auto 0px auto;}

/* Top */
#top{height:80px}
#top ul, #top p, #top a, #top a:visited{color:#666;}
#top ul{list-style-type:none; margin:0px; padding:0px;}
#logo{width:476px; float:left; position:relative}
#logo h1{margin-bottom:2px; font-size:30px;}
.pad-logo{padding:5px 0px 0px 20px;}
#topcontact{width:476px; float:left; text-align:right; padding:35px 0px 0px 0px}

/* Top menu */
#topmenu{height:73px; clear:both}

#topmenu ul{list-style-type:none; margin:0px; padding:14px 0px 0px 0px;}
#topmenu ul li{list-style-type:none; margin:0px; padding:0px 20px 0px 0px; float:left; font-size:18px; font-family:"Trebuchet MS", Arial, Tahoma;}
/*#topmenu ul li span{display:block; font-size:11px; color:#fff; padding:0px 0px 0px 10px}

*/

#topmenu ul li a, #topmenu ul li a:visited{color:#fff; display:block; padding-left:10px; }
#topmenu ul li a.active{background-image:url(images/arrow.gif) !important; background-repeat:no-repeat; background-position:0px 4px;}
#topmenu ul li a:hover{color:#fff; text-decoration:none; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:0px 4px;}

#nav{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none;  z-index:15; position:relative; }
#nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; z-index:16; position:relative;}
ul#nav li span{display:block; font-size:11px; color:#fff; padding:0px 0px 0px 10px; float:left;}

#nav li{list-style-type:none;  margin:0px 0px 0px 0px; float:left;  position:relative; font-size:16px;  }
#nav li a{ }

#nav li a:hover{color:#d3d3d3; text-decoration:none}


ul#nav li li a, ul#nav li li a:visited {color:#999; }
ul#nav li li a:hover{ background-image:none; color:#ffffff !important; width:155px!important; background-color:#FFFFFF;}

#nav li li {
padding:0px 0px;
margin:0px;
background-image:none;
position:relative;
z-index:150;
border-bottom:solid 1px #ddd;
display:block;
width:165px!important;

}

#nav ul {
display:none;
left:30px;
position:absolute;
top:40px;
z-index:150;
border:solid 1px #ddd;
border-bottom:0px;
background-color:#f5f5f5;
width:165px!important;
padding:0px 0px;
}

#nav li ul a{
display:block !important;
height:auto;
width:140px!important;
text-align:left;
font-size:12px;
font-weight:normal;
line-height:33px;
z-index:150;
border:0px;

}


#nav ul ul{top:auto;border-top:none; border:solid 1px #a9a9a9; border-width:1px 1px 1px 1px;}	
#nav li ul ul {left:165px; top:0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li ul a{border-top:none;}


/* Content */
#maincontent{padding:30px 0px 20px 0px;}
#maincontent a, #maincontent a:visited{text-decoration:underline;}
#maincontent a:hover{text-decoration:none;}
#box_container{margin-bottom:30px; width:952px; float:left;}
.box{float:left; width:260px;}
.box.nomargin{}
.line_separator{ width:85px; float:left; display:block; background-image:url(images/line_separator.gif); background-repeat:no-repeat;background-position:center; min-height:200px;}
* html .line_separator{height:200px;}/* ie6 only*/
#content{clear:left;}
.tagline{font-size:18px; line-height:24px; font-style:italic; color:#898686;}
input#s{border:solid 1px #edecec; padding:5px; width:180px; margin:5px 0px;  color:#999 !important}

/* sideright */
#sideright .textwidget{font-size:11px; padding:0px 0px 0px 0px}
#sideright h2{text-align:right; color:#666; margin-bottom:5px}
#sideright ul{text-align:right; list-style-type:none; margin:0px; padding:0px;}
#sideright ul li{text-align:right; list-style-type:none; margin:0px 0px 30px 0px; padding:2px 0px; font-size:14px; font-family:Arial;}
#sideright ul li li{margin:0px;}
#sideright ul li a, #sideright ul li a:visited{color:#8a8989; text-decoration:none;}
#sideright ul li a:hover{text-decoration:none;}
#sideright #searchform {margin:0;padding:0;text-align:right;}

/* about */
#maintext{float:left; width:640px; padding-right:40px;}
#sideright{float:left; width:252px; padding:0px 0px 0px 20px;  background-image:url(images/line_separator.gif); background-repeat:no-repeat; background-position:left top;color:#8a8989; }

/* portfolio */
.pf_image{width:280px; float:left; margin-right:30px; margin-bottom:20px}
.pf_image img{padding:5px; border:solid 1px #e0e0e0;}
.pf_text{float:left;}
.pf_desc h2{margin:0px 0px 10px 0px;}
.pf_desc h2 a, .pf_desc h2 a:visited{color:#666; text-decoration:none !important;}


/* blog */
.pagetitle, .pagetitle a, .pagetitle a:visited{color:#666; text-decoration:none !important}
.post{margin-bottom:30px;}
.searchresult .post{margin-bottom:0px;}
.post h2{margin-bottom:2px; color:#666;}
.post h1{margin-bottom:5px;}
.post h2 a, .post h2 a:visited{color:#666; text-decoration:none !important;}
.post h2 a:hover{color:#666; text-decoration:none;}
.date a, .date a:visited, a.morelink{text-decoration:none !important; color:#333}
.date a:hover, a.morelink:hover{text-decoration:underline !important; color:#333}
a.morelink2{text-decoration:none !important;}
a.morelink2:hover{text-decoration:underline !important;}
.post .imgleft{padding:5px; border:solid 1px #e0e0e0;}
.post .imgright{padding:5px; border:solid 1px #e0e0e0;}
.post .imgcenter{padding:5px; border:solid 1px #e0e0e0;}
.entry{padding:15px 0px 8px 0px; min-height:110px;}
.entry-archive{padding:5px 0px 0px 0px; min-height:110px;}
.searchresult .entry{margin-bottom:0px; padding:0px 0px 5px 0px}
small{font-size:11px; font-weight:normal;}
a.more{display:block; padding:10px 0px 0px 0px;}
.prevnext{}
.prevnext a, .prevnext a:visited{border:solid 1px #e0e0e0; text-decoration:none !important; padding:2px 4px; margin-right:4px; color:#666; display:inline; float:left;}



/* contact */
form{margin:0; padding:0;}
fieldset{border:0px;}
.screenReader { left: -9999px; position: absolute; top: -9999px; margin:0px ;padding:0px; }
.thanks {padding:0px; }

#contactForm{position:relative}
#contactForm ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
#contactForm ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom:0px; 
	position:static;
	width: 100%;
	list-style-type:none;
	border:0px;
	padding:8px 0px 8px 0px;
}

#contactForm ol.forms li.screenReader{margin:0px; padding:0px;}
ol.forms label {
	cursor: pointer;
	display: block;
	font-weight:normal;
	padding:0px 0px 5px 0px;
	width: 50px;
}
ol.forms input{margin:0px 8px 0px 0px; width: 280px; height:15px; padding:5px 2px; border:solid 1px #e4e4e4; vertical-align:middle}
ol.forms textarea {margin:0px 8px 0px 0px; padding: 5px 2px; border:solid 1px #e4e4e4; vertical-align:top; width:380px; height:110px; font-family:Tahoma, Arial !important; font-size:12px;}
#contact ol.forms input{margin-right:5px; width:330px}
#contact ol.forms textarea{margin-right:5px; width:330px}

ol.forms input:focus, ol.forms textarea:focus {border:solid 1px #cccaca; }
.error { color: #f00; }
ol.forms li .error{ font-size: 10px; margin-left:0px; }
ol.forms li.textarea .error {
	width:auto;
}
#contact ol.forms li.textarea .error {
	width:auto;
	top:20px;
	position:absolute
}
ol.forms li.screenReader {margin: 0; }
ol.forms li.buttons button{background-color:#f2f2f2; border:solid 1px #e4e4e4; color:#6b6b6b !important; padding:1px 18px 4px 10px; width:80px; height: 24px; display:block; margin-top:5px; cursor:pointer;}
ol.forms li.buttons button:hover {}
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline {}
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }

/* Flickr */
#flickr img { width: 61px; height: 61px; margin:10px 15px 5px 0px !important; float:left; }


/* Footer */
#bottom_container{ padding:25px 0px 5px 0px;}
#bottombox_container{float:left; width:952px;}
.bottombox{float:left; width:260px;}
.bottombox{margin-left:85px;}
.bottombox.nomargin{margin-left:0px;}
#bottom_container h2{margin-bottom:10px;}
#bottom_container ul{margin:0px; padding:0px; list-style-type:none;}
#bottom_container ul li{margin:0px 0px 30px 0px; padding:0px; list-style-type:none;}
#bottom_container ul li li{margin:0px; padding:0px 0px 6px 0px; margin-bottom:6px; list-style-type:none; border-bottom:solid 1px #b3b1b1;}
#bottom_container ul li li li{border:0px; margin:0px; padding-left:20px}
#bottom_container ul li a, #bottom_container ul li a:visited{color:#333;}
#bottom_container ul li a:hover{color:#7f7e7e;}
#bottom_container ul.flickr li{display:inline; float:left; border:none; padding:0px 15px 15px 15px;}
#bottom_container ul.flickr li.nomargin{padding:0px 15px 15px 0px;}
#footer_container{clear:both;}
#footer_container a, #footer_container a:visited{color:#898686;}
#foot{text-align:center; padding:10px 0px 0px 0px; font-size:11px; font-family:Arial; color:#898686}
/* END OF STRUCTURE */


/* 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;
	border:solid 1px #e0e0e0;
	}
img.alignright {
	padding: 5px;
	margin: 5px 0px 0px 15px;
	display: inline;
	border:solid 1px #e0e0e0;
	}

img.alignleft {
	padding: 5px;
	margin: 5px 15px 0px 0;
	display: inline;
	border:solid 1px #e0e0e0;
	}
	
img.aligncenter {
	display: block;
	padding: 5px;
	margin:0 auto 10px auto;
	border:solid 1px #e0e0e0;
	}
.alignright {float: right;}
.alignleft {float: left;}



/* Begin Form Elements */
#searchform {margin:0;padding:0;text-align: center;}
.entry form {text-align:left;}
#commentform input {
	width: 370px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond{padding-top:20px;}
#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;margin:0px;}
.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 10px 10px 0;}
.children {padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}


/* Begin Calendar */
#sideright #calendar_wrap{border:solid 1px #edecec; margin:0px 0px 0px 20px}
#wp-calendar {
	empty-cells: show;
	margin:0;
	width:100%;
	padding:10px 0px 0px 0px;
	font-size:11px;
	text-align:right;
	}
#today{font-weight:bold; background-color:#f4f4f4}
#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;
	text-decoration:underline !important;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	padding:10px 0px 0px 0px
	}
	
#wp-calendar th{text-align:center;}

#wp-calendar td {
	padding: 3px 0;
	text-align: center !important;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}


blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}



a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
/*	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
*/}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* wp-pagenavi */

.wp-pagenavi {
	clear: both;
	line-height:25px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #bfbfbf !important;
	padding: 3px 7px !important;
	margin: 2px;
	color:#888787;
	text-decoration:none !important;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border: 1px solid #bfbfbf !important;
}



.wp-pagenavi span.current {
	font-weight: bold;
}

/* wp125 */

/* Styles for two-column display */
#wp125adwrap_2c { width:100%; }
#wp125adwrap_2c .wp125ad { width:125px; float:left; padding:0px 0px 0px 0px !important; line-height:14px}
* html #wp125adwrap_2c .wp125ad, *+html #wp125adwrap_2c .wp125ad  { width:125px; float:left; padding:0px 0px 2px 0px !important; }
#wp125adwrap_2c .odd { border:0px !important; margin-right:2px; }
#wp125adwrap_2c .even{border:0px !important;}

/* breadcrumb */
#breadcrumbs{padding:0px 0px 20px 0px; clear:both}


/* Easy Contact Plugin Styling */
div.formcontainer{
	clear: both;
	overflow: hidden;
	width: 100%;
}

div.formcontainer span.required {
	color: #FF0000;
}
div.formcontainer p.error,
div.formcontainer p.important,
div.formcontainer p.information,
div.formcontainer p.success {
	line-height: 250%;
	width: 95%;
	font-size:11px;
	color:#ff0000;
}
div.formcontainer form.contact-form {
	clear: both;
	float: none;
}
div.formcontainer form.contact-form fieldset {
	color: #777;
	margin: 0.5em 0 1.5em 0;
}
div.formcontainer form.contact-form fieldset legend {
	text-transform:capitalize;
}
div.formcontainer form.contact-form fieldset div.form-label {
	display: block;
	float:none;
	line-height:150%;
	margin: 0.5em 0 0 0;
	padding:0;
	text-align:left;
	width:100%;
}
div.formcontainer form.contact-form fieldset div.form-label label,
div.formcontainer form.contact-form fieldset div.form-option label {
	cursor: pointer;
	line-height:100%;
}
div.formcontainer form.contact-form fieldset div.form-input,
div.formcontainer form.contact-form fieldset div.form-textarea {
	display: block;
	float:none;
	margin: 0.2em 0 0 0;
}
div.formcontainer form.contact-form fieldset div.form-input input,
div.formcontainer form.contact-form fieldset div.form-textarea textarea {
	border:solid 1px #e4e4e4;
	width:50%
}
div.formcontainer form.contact-form fieldset div.form-input input,
div.formcontainer form.contact-form fieldset div.form-textarea textarea {
	padding: 0.3em;
}
div.formcontainer form.contact-form fieldset div.form-textarea textarea {
	overflow: auto;
}
div.formcontainer form.contact-form fieldset div.form-input input.error, div.formcontainer form.contact-form fieldset div.form-textarea textarea.error {
	background-color: #FBF4E2;
}
div.formcontainer form.contact-form fieldset div.form-input input.optional {
	margin-bottom: 0.2em;
}
div.formcontainer form.contact-form fieldset div.form-option,
div.formcontainer form.contact-form fieldset div.form-submit {
	display: block;
	float:none;
	margin: 1em 0 0 0;
	width:100%;
}
div.formcontainer form.contact-form fieldset div.form-submit input {
background-color:#f2f2f2; border:solid 1px #e4e4e4; color:#6b6b6b !important; padding:0px 10px 2px 10px; width:120px; height: 28px; line-height:24px; margin-top:5px; cursor:pointer; font-family:Arial; text-transform:uppercase; font-size:11px;}
div.formcontainer fieldset { border:0px solid #ddd; padding:0px;}
div.formcontainer fieldset legend { padding:0px; font-weight:bold; padding:0px; color:#777; padding-left:1px }
* html div.formcontainer fieldset legend, *+html div.formcontainer legend{margin-left:-6px;}

