/* GENERAL STYLES */
/* Reset */
*{margin:0; padding:0;}
html, body{height: 100%;}
body
{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.625em;
	line-height: 1.5em;
	color: #a7a4a4;
	background: url(/media/blog/bg-repeat.jpg) #e79d12 top center repeat;
	min-width: 940px;
}
p,li{font-size: 1.1em;}
table{border-collapse: collapse; border: 0; border-spacing: 0;}
td{vertical-align: top;}
input,select,textarea{font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif;}
img{border: 0;}
a{color: #fff; text-decoration: none;}
a:hover{color: #fbb40a; text-decoration: underline;}

h1{font-size: 1.6em;}
h2{font-size: 1.2em;}
h3{font-size: 1.2em;}

.floatLeft{float: left !important;}
.floatRight{float: right !important;}
.alignCenter
{
	margin: 0 auto; 
	width: 908px;position:relative;
}

#bgTop
{
	position: relative;
	width: 100%;
	min-height: 100%;
	min-width: 940px;
	background: url(/media/blog/bg-top.jpg) top center repeat-x;
}
#giveMeAHand
{
	position: relative;
	margin: 0 auto 0 auto;	
	width: 900px;	
}
#giveMeAHand #heresAHand
{
	float: right;
	margin: -180px -65px 0px 0px;
	width: 210px;
	height: 243px;
	background: url(/media/blog/itsahand.png) bottom right no-repeat;
}
#giveMeAHand #thanksForReading
{
	position: absolute;
	right: 40px;
	margin: -220px 0px 0px 0px;
}
#giveMeAHand #blogCatalog
{
	position: absolute;
	right: 125px;
	margin: -105px 0px 0px 0px;
}

#header
{
	width: 900px;
	height: 90px;
}
object#header
{
	margin: 0px 0px -6px 0px;
}
#header h1
{
	float: left; 
	width: 134px;
	margin: 47px 0px 0px 5px;
}
#header h1 a
{
	float: left;
	width: 134px;
	height: 41px;
	background: url(/media/build/logo-z7.png) top left no-repeat;
}
#header h1 span{display: none;}
#header ul.nav
{
	float: right; 
	list-style-type: none;
	width: 655px;
	margin: 63px -4px 0px 0px;	
}
#header ul.nav li
{
	float: left;
	position: relative;
	display: block;
}
#header ul.nav li a{
	float: left;
	height: 30px;	
	padding: 0px 0px 0px 4px;
	display: block;
	text-indent: -1500px;
}

ul.nav li.btnHome a{width: 70px;}
ul.nav li.btnHome a{background: url(/media/build/nav/btn_home_off.png) top right no-repeat;}
ul.nav li.btnHome a:hover{background: url(/media/build/nav/btn_home_on.png) top right no-repeat;}

ul.nav li.btnAboutUs a{width: 92px;}
ul.nav li.btnAboutUs a{background: url(/media/build/nav/btn_aboutus_off.png) top right no-repeat;}
ul.nav li.btnAboutUs a:hover{background: url(/media/build/nav/btn_aboutus_on.png) top right no-repeat;}

ul.nav li.btnWhatsNew a{width: 109px;}
ul.nav li.btnWhatsNew a{background: url(/media/build/nav/btn_whatsnew_off.png) top right no-repeat;}
ul.nav li.btnWhatsNew a:hover{background: url(/media/build/nav/btn_whatsnew_on.png) top right no-repeat;}

ul.nav li.btnPortfolio a{width: 98px;}
ul.nav li.btnPortfolio a{background: url(/media/build/nav/btn_portfolio_off.png) top right no-repeat;}
ul.nav li.btnPortfolio a:hover{background: url(/media/build/nav/btn_portfolio_on.png) top right no-repeat;}

ul.nav li.btnServices a{width: 89px;}
ul.nav li.btnServices a{background: url(/media/build/nav/btn_services_off.png) top right no-repeat;}
ul.nav li.btnServices a:hover{background: url(/media/build/nav/btn_services_on.png) top right no-repeat;}

ul.nav li.btnContactUs a{width: 107px;}
ul.nav li.btnContactUs a{background: url(/media/build/nav/btn_contactus_off.png) top right no-repeat;}
ul.nav li.btnContactUs a:hover{background: url(/media/build/nav/btn_contactus_on.png) top right no-repeat;}

ul.nav li.btnBlog a{width: 62px;}
ul.nav li.btnBlog a{background: url(/media/build/nav/btn_blog_off.png) top right no-repeat;}
ul.nav li.btnBlog a:hover{background: url(/media/build/nav/btn_blog_on.png) top right no-repeat;}

.blogTtl h1
{
	font-size: 1.4em;
	line-height: 1.4;
	color: #727171;
}
.blogTtl h1 a
{	
	display: block;
	width: 657px;
	padding: 132px 0px 15px 13px;
	color: #727171;
	background: url(/media/blog/bg-blog.jpg) #454545 top left no-repeat;
}
.blogTtl h1 a span
{
	display: block;
	width: 350px;
}
.blogTtl h1 a:hover
{
	color: #727171;
	text-decoration: none;	
}

/* Shaddows */
.shaddow
{
	float: left;
	width: 904px;
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
	background: url(/media/blog/bg-shaddow.png) top left repeat-y;
}
.shaddowBtm
{
	float: left;
	width: 908px;
	padding: 0px 0px 4px 0px;
	background: url(/media/blog/bg-shaddowbtm.png) bottom left no-repeat;
}
.shaddowTop
{
	width: 908px;
	padding: 4px 0px 0px 0px;
	background: url(/media/blog/bg-shaddowtop.png) top left no-repeat;
}

.sections
{
	float: left;
	background: url(/media/blog/bg-content.gif) #000 top left repeat-y;
	border: solid 12px #fff;
	width: 876px;
	padding: 0px 0px 25px 0px;
}
.section
{
	float: left;
}

/* Right Info */
.right
{
	float: right;
	width: 188px;
	padding: 0px 0px 100px 18px;
}
.right .rightBox
{
	float: left;
	width: 161px;
	border-top: solid 1px #515050;
	padding: 15px 0px 15px 0px;
	text-align: right;
}
.rightBox ul
{
	list-style-type: none;
	margin: 4px 0px 0px 0px;
}
.rightBox ul li
{
	padding: 4px 0px 0px 0px;
}
.blogSearch
{
	text-align: left !important;
	margin: 10px 0px 0px 0px;
}
.blogSearch input.text
{
	padding: 3px;
	margin: 5px 5px 0px 0px;
	border: solid 1px #8f8e8e;
	background: #777676;
	color: #fff;	
}
input.text:hover
{
	background: #A7A1A1;
}
.input textarea:hover
{
	background: #A7A1A1;	
}

/* Tag Cloud */
.tagCloud ul
{
	font-size: 1.0em;
	padding: 8px 0px 0px 0px;
	text-align: right;
}
.tagCloud li
{	
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	display: inline;
}
.tagCloud li a
{
	line-height: 1.1em;
}
.tagCloud li a:hover
{
	text-decoration: underline;
}
li.tag1 a{font-size: 1.0em; color: #aaa;}
li.tag2 a{font-size: 1.2em; color: #bbb;}
li.tag3 a{font-size: 1.6em; font-weight: bold; color: #ccc;}
li.tag4 a{font-size: 1.8em; color: #eee;}
li.tag5 a{font-size: 2.0em; font-weight: bold; color: #fff;}

/* Content Area */
.left
{
	float: left;
	width: 557px;
	min-height: 500px;
	background: url(/media/blog/bg-content-left.gif) top left repeat-y;
	margin: 25px 0px 0px 0px;
	padding: 0px 25px 40px 88px;
}
.left object
{
	margin: -5px 0px 0px -3px;
}
.article
{
	float: left;
	width: 557px;
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 14px 0px;
	border-bottom: solid 1px #333333;
}
.article h3
{
	color: #fff;
	font-weight: bold;
	padding: 0px;
}
.article h3 a
{
	color: #fbb40a;
}
.article .date
{
	float: left;	
	margin: 5px 0px 0px -88px;
}
.article .date p
{
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.article .date p a
{
	display: block;
	width: 51px;
	background: #666;	
	padding: 1px 0px 4px 0px;
}
.article .date p a:hover
{
	background: #fbb40a;
	color: #333;
	text-decoration: none;
}
.article .date span.day
{
	font-size: 1.9em;
	display: block;
}
.article ul, .article ol
{
	margin-left: 15px;
}
.article p.readMore
{
	float: left;
	width: 300px;
	margin: 10px 0px 0px 0px;
}
.article p.categories
{	
	float: right;
	width: 255px;
	margin: 10px 0px 0px 0px;
	text-align: right;
}
.article p.image
{
	float: right;
	padding: 0px 0px 10px 20px;
}
.article p.thumb
{
	float: left;
	padding: 5px 15px 10px 0px;
}
.article p.sum
{
	padding-top:3px;
}
.article img.floatRight
{
	float:right;
	padding:0 0 15px 10px !important;
}
.socialNetworks
{
	float: left;
	width: 488px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 68px;
	background: url(/media/blog/ttl-addto.gif) 8px center no-repeat #2e2e2e;
}
.socialNetworks a
{	
	display: block;
	float: left;
	padding: 6px 6px 7px 6px;
}
.socialNetworks a:hover
{
	background: #fbb40a;
	color: #333;
	text-decoration: none;
}
.socialNetworks a img
{
	float: left;
}
.socialNetworks a span
{
	float: left;
	padding: 2px 0px 0px 7px;
}
.socialNetworks a.getRss
{
	padding: 6px 13px 7px 13px;
	width: 79px;
}	

/* Comments */
.comments
{
	float: left;
	width: 557px;	
	padding: 22px 0px 0px 0px;
}
.comments .noOfComments
{
	float: left;
	width: 557px;	
	padding: 0px 0px 6px 0px;
	color: #fbb40a;
	font-weight: bold;
	border-bottom: solid 1px #333333;
}
.comments .noOfComments p
{
	font-size: 1.2em;
}
.comments .noOfComments a
{
	padding: 0px 0px 0px 4px;
	font-size: 0.92em !important;
	font-weight: normal;
}
.comments .noOfComments a.showHide
{
	text-align: right;
}
.comments .comment
{
	float: left;
	width: 557px;
	padding: 16px 0px 0px 0px;	
}
.comment .commentTtl
{
	color: #fff;
}
.comment .commentTtl a
{
	color: #fbb40a;
}
.comment .commentDate a
{
	color: #fbb40a;
}
.comment .gravatar img
{
	float: left;
	margin: 0px 20px 0px 0px;
	border: solid 1px #333333;
}

/* Comment form */
fieldset.commentForm
{
	float: left;
	border: 0px;
	padding: 10px 0px 0px 4px;
}
.commentForm legend
{
	display: none;
}
.commentForm .input
{
	float: left;
	width: 553px;
}
.commentForm label
{
	float: left;
	width: 55px;
	margin: 6px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	font-size: 1.1em;
}
.commentForm p.required
{
	float: left;
	padding: 9px 0px 0px 7px;
}
.commentForm input
{
	float: left;	
	padding: 3px;
	margin: 6px 0px 0px 0px;
	border: solid 1px #8f8e8e;
	background: #777676;
	color: #fff;
}
.commentForm input.text
{
	width: 194px;	
}
.commentForm textarea
{
	clear: left;
	float: left;
	margin: 3px 0px 0px 0px;
	width: 545px;
	height: 90px;
	padding: 3px;
	border: solid 1px #8f8e8e;
	background: #777676;
	color: #fff;
}
.commentForm p.submitBtn
{
	float: left;
	width: 552px;
	text-align: right;
	padding: 10px 0px 0px 0px;
}
.commentForm p.submitBtn #random
{
	float: left;
}
.commentForm p.submitBtn input.btnSubmit
{
	border: none !important;
	background: none !important;
	font-size: 1.0em;
	float: right;
	height: 11px;
	margin: 0px !important;
}

/* Text */
h3 span, h4 span{display: none;}
h3.ttlSearchBlog
{
	width: 82px;
	height: 9px;
	background: url(/media/blog/ttl-searchblog.gif) top left no-repeat;
}
h3.ttlArticles
{
	width: 161px;
	height: 9px;
	background: url(/media/blog/ttl-articles.gif) top right no-repeat;
}
h3.ttlTagCloud
{
	width: 161px;
	height: 9px;
	background: url(/media/blog/ttl-tagcloud.gif) top right no-repeat;
}
h3.ttlArchives
{
	width: 161px;
	height: 9px;
	background: url(/media/blog/ttl-archives.gif) top right no-repeat;
}
h3.ttlContactUs
{
	margin: 25px 0px 10px 0px;
	width: 161px;
	height: 9px;
	background: url(/media/blog/ttl-contactus.gif) top right no-repeat;
}
.left h2
{
	color: #fcfcfc;
	margin: 0px 0px 13px 0px;
	font-size: 1.3em;
}
h4.ttlLeaveAReply
{
	float: left;
	width: 557px;
	padding: 22px 0px 0px 0px;
	margin: 22px 0px 0px 0px;
	background: url(/media/blog/ttl-leaveareply.gif) 8px center no-repeat #2e2e2e;
}	

/* Footer */
.footer
{
	clear: left;
	width: 875px;
	word-spacing: 0px;
	padding: 0px 0px 20px 4px;
}
.footer p
{
	font-size: 1.1em;
	color: #fff;
	padding: 10px 0px 0px 0px;
}
.footer p a {color:#fff !important}
.footer p a:hover {color:#000000 !important; text-decoration: none;}

.magicSocialLinks
{
	position:absolute;
	top:0;right:0;
	margin:91px -26px 0 0;
	padding-bottom: 4px;
	float: left;
	background: url(/media/build/bg-magicsocial-btm.png) left bottom no-repeat;
}
.magicSocialLinks .top
{
	float: left;
	background: url(/media/build/bg-magicsocial-top.png) left top no-repeat;
	padding: 3px 0px 0px 0px;
}
.magicSocialLinks .btm
{
	float: left;	
	padding: 4px 7px 0px 7px;
	width: 16px;	
	background: url(/media/build/bg-magicsocial.png) left top repeat-y;
}
.magicSocialLinks img
{
	float: left;
	display: block;
	padding: 0px 0px 5px 0px;
}

/* EDITOR PROPERTIES */