﻿/* TOP ELEMENTS */
*{padding:0;margin:0;}
body{margin:0;padding:0;font-family:Verdana,Tahoma,Helvetica,sans-serif;font-size:0.7em;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.5em;color:#666666;background:#A9BAC3 url(images/bg.gif) repeat-x;text-align:center;}
/* LINKS */
a{color:#4284B0;background-color:inherit;text-decoration:none;}
a:hover{color:#9EC068;background-color:inherit;}
/* HEADERS */
h1, h2, h3{font:bold 1em 'Trebuchet MS',Arial,Sans-serif;color:#333;}
h1.postheader{font-size:1.5em;color:#6297BC;margin-bottom:0px;margin:10px 0 0 0;} 
h1{font-size:1.5em;color:#6297BC;} 
h2{font-size:1.4em;text-transform:uppercase;}
h3{font-size:1.3em;}
p, h1, h2, h3{margin:10px 15px;}
#main p, h1, h2, h3{margin:10px 15px 0px 0px;}
/* P */
ul, ol{margin:10px 30px;padding:0 15px;color:#4284B0;}
ul span, ol span{color:#666666; }
/* IMAGES */
img{border:2px solid #CCC;}
img.no-border{border:none;}
img.float-right{margin:5px 0px 5px 0px;  }
img.float-left{margin:5px 15px 5px 0px;}
code{margin:5px 0;padding:10px;text-align:left;display:block;overflow:auto;font:500 1em/1.5em 'Lucida Console','courier new',monospace;background:#FAFAFA;border:1px solid #f2f2f2;border-left:4px solid #4284B0; margin:5px 15px 0px 0px}
acronym{cursor:help;border-bottom:1px solid #777;}
blockquote{margin:15px;padding:0 0 0 20px;background:#FAFAFA;border:1px solid #f2f2f2;border-left:4px solid #4284B0;color:#4284B0;font:bold 1.2em/1.5em Georgia,'Bookman Old Style',Serif;}
/* RELATED POSTS */
#relatedPosts a{display:block;margin-left:15px;}
/* COMMENTS */
#comment{padding:25px 0px 0px;}
.comment{border-top:1px solid #DDDDDD;margin-bottom:5px;padding:5px 20px 0px 5px;}
.comment .author{margin:0;text-align:left;padding-top:3px;margin:5px 0px 3px 0px;clear:both;}
.comment .gravatar{float:right;width:80px;margin:5px 5px 5px 5px;}
.comment .gravatar img{height:80px;width:80px;}
.comment .content {float:left;min-height:85px;width:440px;margin:5px 0 0 0px;}
/* FORM ELEMENTS */
.commentForm{margin:20px 10px 15px 0px;padding:10px;border:1px solid #f2f2f2; background-color:#FAFAFA;}
.commentForm label{display:block;font-weight:bold;margin:2px 0;}
.commentForm input{padding:2px;border:1px solid #eee;font:normal 1em Verdana,sans-serif;color:#777;}
.commentForm textarea{width:300px;font:normal 1em Verdana, sans-serif;border:1px solid #eee;height:100px;display:block;color:#777;}
.commentForm #btnSave {background:#FFFFFF none repeat scroll 0%;border:1px solid #CCCCCC;color:#4284B0;font-family:Arial,Sans-serif;font-size:1em;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;margin:0px 0px 15px;padding:2px 3px;}
/* SEARCH FORM */
#SearchBox{background:transparent;border:none;margin:0;padding:0;}
#SearchBox label{display:inline;font-weight:normal;margin:5px 3pt;}
#searchfield{margin:0;width:175px;border:1px solid #9EC630;background:#FFF;color:#333;height:19px;vertical-align:top;font-family:Verdana,sans-serif;font-size:1em;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;padding:2px;}
#searchbutton{background:#fafafa;border:1px solid #f2f2f2;color:#777;font:bold 12px Arial,Sans-serif;margin:0 0 0 5px;padding:3px 3px;}
#searchcomments{margin:0pt 5px 0pt 0px;vertical-align:middle;}
#searchcommentslabel{vertical-align:middle;}
/* SEARCH PAGE */
.searchresult{padding:10px 0}
.searchpage h1{padding-top:20px;}
.searchpage #searchpage #comment{vertical-align:middle;margin-left:20px;padding-top:0;}
.searchpage #searchpage #commentLabel{vertical-align:middle;}
/***********************
	  LAYOUT
************************/
#wrap{background-color:#FFF;width:820px;height:100%;margin:0 auto;text-align:left;}
#content-wrap{clear:both;margin:0;padding:0;background:#FFF;}
/* HEADER */
#header{position:relative;height:85px;background:#000 url(images/headerbg.gif) repeat-x 0% 100%;}
#header h1#logo{position:absolute;margin:0;padding:0;font:bolder 4.1em 'Trebuchet MS',Arial,Sans-serif;letter-spacing:-2px;text-transform:lowercase;top:0pt;left:5px;}
#header h2#slogan{position:absolute;top:45px;left:95px;color:#666666;text-indent:0px;font:bold 11px Tahoma,'trebuchet MS',Sans-serif;text-transform: none;margin:0pt;padding:0pt;}
#header #searchbox{position:absolute;top:10px;right:2px;}
#headerphoto{background-image:url(images/BlogHeader.jpg);width:820px;height:150px;border:0px;}
/* MAIN */
#main{background-color:#FFFFFF;float:right;margin-left:15px;padding:0;width:73%;}
#page{margin:15px 10px 0pt 0px;}
.post-main{background-color:#FFF;margin:20px 10px 0pt 0px;padding:0px;}
.post-main p, h1, h2, h3{margin:0px 0px;}
.post-footer{background-color:#FAFAFA;padding:5px;margin:5px 15px 10px 0px;border:1px solid #f2f2f2;font-size:95%;}
.date{background:url(images/clock.gif) no-repeat left center;padding-left:20px;margin:0 10px 20px 0px;}
.post-footer .comments{background:url(images/comment.gif) no-repeat left center;padding-left:20px;margin:0 10px 0 5px;}
.post-footer .readmore{background:url(images/page.gif) no-repeat left center;padding-left:20px;margin:0 10px 0 5px;}
/* ARCHIVE */
#archive h1{margin:10px 0;border-bottom:1px dashed silver;padding-bottom:9px;}
#archive h2{border-bottom:1px solid silver;padding-bottom:4px;margin-bottom:10px;}
#archive ul{list-style-type:square;margin:0 10px;padding:10px;}
#archive ul li{margin-right:20px;}
#archive table{width:100%;}
#archive .date{background:none;padding-left:0px;width:70px;}
#archive .comments{width:70px;text-align:center;}
#archive .rating{width:70px;text-align:center;}
#archive img{border:0px;padding-right:8px;}
/* NEW AUTHOR PROFILE */
.authorProfile h1 {margin:10px 0;border-bottom:1px dashed silver;padding-bottom:9px;}
.authorProfile h2{border-bottom:1px solid silver;padding-bottom:4px;margin-bottom:10px;padding-left:8px;}
.authorProfile ul{list-style-type:square;margin:0 10px;padding:10px;}
.authorProfile ul li{margin-right:20px;}
.authorProfile table{width:100%;}
.authorProfile .date{background:none;padding-left:0px;width:70px;}
.authorProfile .comments{width:70px;text-align:center;}
.authorProfile .rating{width:70px;text-align:center;}
.authorPic{border:0px;width: 200px;height: 150px;float:right;padding: 0 5px 5px 5px;}
.authorProfile img{border:0px;margin-right:8px;}
/* FOOTER */
#footer{clear:both;color:#FFF;background:#A9BAC3;border-top:5px solid #568EB6;margin:0;padding:0;height:50px;font-size:95%;}
#footer a{text-decoration:none;font-weight:bold;color:#FFF;}
#footer .footer-left{float:left;width:50%;}
#footer .footer-right{float:right;width:50%;}
/* MENU TABS */
#header ul{z-index:999999;position:absolute;margin:0;padding:0;list-style:none;right:0;bottom:6px !important;bottom:5px;font:bold 13px  Arial,'Trebuchet MS',Tahoma,verdana,sans-serif;}
#header li{display:inline;margin:0;padding:0;}
#header a{float:left;background:url(images/tableft.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#header a span{float:left;display:block;background:url(images/tabright.gif) no-repeat right top;padding:6px 15px 3px 8px;color: #FFF;}
#header img{border:0px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span{float:none;}
/* End IE5-Mac hack */
#header a:hover span{color:#FFF;}
#header a:hover{background-position:0% -42px;}
#header a:hover span{background-position:100% -42px;}
#header #current a{background-position:0% -42px;color:#FFF;}
#header #current a span{background-position:100% -42px;color:#FFF;}
/* ALIGNMENT CLASSES */
.float-left{float:left;}
.float-right{float:right;}
.align-left{text-align:left;}
.align-right{text-align:right;}
/* ADDITIONAL CLASSES */
.clear{clear:both;}
.green{color:#9EC630;}
.gray{color:#BFBFBF;}
/*-------------------------------
---------------------------------
	WIDGET SECTION
---------------------------------
-------------------------------*/
/* WIDGET ZONE */
/* WIDGET IN GENERAL */
.widget{padding-top:10px;padding-bottom:10px;}
/* END OF WIDGET IN GENERAL */
#widgetZone{}
/* SIDEBAR */
#sidebar{float:left;width:22%;margin:0;padding:0;display:inline;background-color:#FFF;}
#sidebar, ul.sidemenu{list-style:none;margin:10px 0 10px 15px;padding:0;}
#sidebar ul.sidemenu li{margin-bottom:1px;border:1px solid #f2f2f2;}
#sidebar ul.sidemenu a{display:block;font-weight:bold;color:#333;text-decoration:none;padding:2px 5px 2px 10px;background:#f2f2f2;border-left:4px solid #CCC;min-height:18px;}
* html body #sidebar ul.sidemenu a{height:18px;}
#sidebar ul.sidemenu a:hover{padding:2px 5px 2px 10px;background:#f2f2f2;color:#339900;border-left:4px solid #9EC630;}
/* ADMIN PATH */
.administration ul{list-style:none;margin:10px 0px 10px 0px;padding:0;}
.administration ul li{margin-bottom:1px;border:1px solid #f2f2f2;}
.administration ul a{display:block;font-weight:bold;color:#333;text-decoration:none;padding:2px 5px 2px 10px;background:#f2f2f2;border-left:4px solid #CCC;min-height:18px;}
.administration ul a{height:18px;}
.administration ul a:hover{padding:2px 5px 2px 10px;background:#f2f2f2;color:#9EC630;border-left:4px solid #9EC630;}
.administration ul a:hover span{color:#9EC630;}
/* CATEGORIES */
.categories h4{color:#6297BC;font:bold 1.3em 'Trebuchet MS',Arial,Sans-serif;}
.categories ul{list-style:none;margin:10px 0 10px 0px;padding:0;}
.categories ul li{margin-bottom:1px;border:1px solid #f2f2f2;}
.categories ul a{display:block;font-weight:bold;color: #666666;text-decoration:none;padding:2px 5px 2px 10px;border-left:4px solid #CCC;min-height:18px;}
.categories ul a:hover{padding:2px 5px 2px 10px;color:#9EC630;border-left:4px solid #9EC630;}
/*VIMEO BADGE (VIDEO BLOG)*/
.vimeoBadge {margin-top:10px;padding:0;font:normal 11px verdana,sans-serif;}
.vimeoBadge #vimeo_badge_logo{display:none;}
.videoblog h4{color:#6297BC;font:bold 1.3em 'Trebuchet MS',Arial,Sans-serif;}
.vimeoBadge .clip{text-align:center;width:80px;float:left;padding:5px 5px 5px 5px;}
.vimeoBadge .clip img{border:0;width:80px;height:60px;}
/* SOCIAL MEDIA */
.connectwithwaggware{height:250px;}
.connectwithwaggware h4{color:#6297BC;font:bold 1.3em 'Trebuchet MS',Arial,Sans-serif;}
.socialIcons img{width:66px; height:60px;padding:5px 10px 5px 10px;border:0;}
.socialIcons .left{float:left;}
.socialIcons .right{float:right;}
/* END OF SOCIAL MEDIA */
/* FEATURE */
.feature h4{color:#6297BC;font:bold 1.3em 'Trebuchet MS',Arial,Sans-serif;}
/* END OF FEATURE */
/* JOIN OUR MAILING LIST */
.joinourmailinglist h4{color:#6297BC;font:bold 1.3em 'Trebuchet MS',Arial,Sans-serif;}
.mailForm{padding: 10px 0px 10px 0px;}
.mailFormMessage{color: Black;text-align:justify;clear:both;display: block;}
.mailFormErrorMessage{color: Red;text-align:justify;clear:both;display: block;}
form label.field-mailForm{float: left;width: 100%;padding:0 0 10px 0;}
form label.field-mailForm input{float: left;width: 100%;padding:0;}
.button-mailForm{float:right;background:#fafafa;border:1px solid #6297BC;color:#777;font:bold 12px Arial,Sans-serif;margin:0 0 0 5px;padding: 1px 10px 1px 10px;}
form span.checkbox-mailForm input{vertical-align: bottom;}
form span.checkbox-mailForm label{vertical-align: bottom;}
.progressLoader img{border:0;}
/* END OF JOIN OUR MAILING LIST */
