html
{
	height: 100%;
	margin-bottom: 0.1em;
}
*
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
p
{
	line-height: 22px;
	margin: 0.7em 0;
}
dl
{
	margin: 1em 0;
}
dt
{
	font-weight: bold;
}
dd
{
	margin: 0.5em;
	padding: 0;
}

.reviewStars{
	display: inline-table;
}
table.reviewStars{
	margin-top:0;
	margin-bottom:0;
}

ul.adstags {
	padding: 0; 
	border: 1px none;
}

li.adstags {
	list-style:circle;
}

li.adstags a {
	color: #03C;
	font-weight: normal;
	background: url(data:image/gif;base64,R0lGODlhCwALAPAAAAAAAABBgCH5BAEAAAAALAAAAAALAAsAAAIZRI4Itr3xTGLUUZhwtFcqWDkgdjQjd2VKAQA7) center right no-repeat;
	padding-right:14px;	
}	

table.reviewStars{
	margin-top:0px;
	margin-bottom:0px;	
	border-bottom-width: 0px;
	border-collapse: collapse;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	empty-cells: show;
}

.icon-comments{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAA3NCSVQICAjb4U/gAAAAElBMVEX////7+/v39/fz8/Pv7++6urr+aSx+AAAACXBIWXMAAArwAAAK8AFCrDSYAAAAH3RFWHRTb2Z0d2FyZQBNYWNyb21lZGlhIEZpcmV3b3JrcyA4tWjSeAAAADZJREFUCJljYA0FAgaGAAYGEAGjBIAggCFQEAgCGIKUgABIGSkrGQUwADUEm4KUMbC6IlNAbQCEVwjvrF11KgAAAABJRU5ErkJggg==);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:17px
}

.clipimagecenter{
  position:relative;
  height:100pt;
}
.clipimageright{
  position:relative;
  height:100pt;
  width:100pt;
  float:right;
  border-color:#ECECEC;
  border-style:solid;
  border-width:1px;
  margin-top:5px;
  margin-left:3px;
}
hr
{
	display: none;
}
body
{
	color: #333;
	font: 12px "Lucida Grande", "Lucida", Verdana, Geneva, "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #D5D6D7;
}
a
{
	text-decoration: none;
}
a:link
{
	color: #03C;
}
a:visited
{
	color: #609;
}
a:hover, a:active
{
	color: #03C;
}

a.external {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;
	padding-right:13px;
}

a.wikipedia {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAIAAAA7y9DJAAAACXBIWXMAAA2wAAANYQHlRq2kAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAEMSURBVHjaZJC7TgJhEIW/WS0XC/7tgEoT9ilMbPYSI42lr0PHUxhUKtRIwcoboFRrAzXExEtjiK6X7D8WuxAjp5qTyTmT+cRaq8paIvy1wLauFoAqqiAIpQW2dvcO253x1+d7+vDY7owP9utZ9tO/Smu1nezj+/I6deLQFxGUOPCBZDQrKk3VVRDBMcY9iuqD24UxbituDJL5MJlGgS9CMppGoe9AmT7rTaKgqYDgee7L6xIwVdcBipqb4dwzlVbYGCQLkGQ0i0MfcIqrUdAUkfPeRATQ7sV9USACubV5bq21p92745P+enh6fstza606aEmpeEqVOPJF8ExFBFWVTaascBVJ0X+QN/Q7AC0VfWD0KOo/AAAAAElFTkSuQmCC) center right no-repeat;
	padding-right:13px;
}

a.tag {
	font-weight: bold;
}

a.intexttaglink {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABGSURBVHjaYvz//z8DY/re/wwEwP+ZzowscN4sF0acKtP2/GdgYGBgwSaIApAMYcElgQ0ML5OxaCTTZGzuRQMAAAAA//8DABFTG8Shc89oAAAAAElFTkSuQmCC) center right no-repeat;
	padding-right:14px;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6
{
	margin-bottom: 8px;
	font-weight: normal;
	color:#333333;
}

h3, h4 {
	font-weight: bold;
}


#advertising_top_right {
	float: right;
	width: 468px;
}

div.advertising_right {
	margin-top: 10px;
}


#wrapper {
	width: 850px;
	margin: 0 auto;
	border: 1px solid #959596;
}


#top {
	background-color: #369;
	margin-bottom: 0px; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-top: 14px; 
	padding-bottom: 14px; 
	text-align: left;
	border-bottom: 1px solid #ccc;
}
#page {
	background-color:white;
	text-align: left;
	width: 850px;
	margin: 0 auto;
}
#header {
	padding: 0;
	width: 810px;
	margin: 0 auto;
	}
	
ul#socialbuttons {
	list-style:none;
	float:right;
	width:160px;
}
ul#socialbuttons li a {
	display:block;
	float:right;
	height:43px;
	background-image:url(/images/social_buttons.png);
	text-indent:-9999px;
}

ul#socialbuttons li a.rss {
	width:42px;
	height: 43px;
	margin: 0px 5px 0px 5px;
	background-position:-0px -0px;
}
ul#socialbuttons li a.twitter {
	width:42px;
	height: 43px;
	margin: 0px 5px 0px 5px;
	background-position:-0px -53px;
}
ul#socialbuttons li a.facebook {
	width:42px;
	height: 43px;
	margin: 0px 5px 0px 5px;
	background-position:-0px -106px;
}

.greencheckmark {
    background:transparent url(http://multimedia.getresponse.com/459/176459/photos/_78208.png) no-repeat scroll 0 0;
    list-style-type:none;
    padding-left: 20px;
}

ul.newsletterarguments {
	padding: 5px 0 5px 2px; 
}

#squeezearguments {
	padding: 5px 0 5px 2px;
	margin-left:0;
}

div.sidebarwebformimage {
	position:relative;
	float:right;	
	padding: 5px 5px 0 0;
	height: 80px;
}

div.squeezeformimage {
	position:relative;
	float:right;	
	padding: 5px 5px 0 0;
	height: 250px;
}

img.sidebarwebformimage {
   vertical-align: middle;
   height: 100%;
}

#content {
	width: 550px;
	float: left;
	padding: 0 10px 15px 0;
	background: #fff;	
}
.post {
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 0px 40px 5px 0px; 
	border: none;
}
.pp {
	float: left;
	width: 100%;
}
.p1 {
	float: left;
	width: 50px;
	height: 50px;
	background: #FF7A16;
	color: #fff;
	text-align: center;
}
.p2 {
	float: left;
	margin-left: 10px;
	width: 450px;
}

#sidebar {
	background: #fff;
	width: 270px; 
	float: right;
	color: #000;
	margin-right: 20px;
}

#footer {
	padding: 4px;
	border-top: 1px solid #ccc;
	background-color: #369;
	color: #fff;
	font-size: 11px;
	text-align: center;
	clear:both;
}

#footer a {
	color: #fff;
}

#footer  .in {
	width: 770px;
	margin: 0 auto;
}

#footer a:hover {
	text-decoration: none;
}

#sidebar ul {
	list-style: none;
}
br.sidebar {
	margin-bottom: -7px;
}
#sidebar .linkcat, #sidebar .boxr, #sidebar .widget  {
	color: #333;
	padding: 5px 10px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
}

#sidebar .linkcat, #sidebar .boxr, #sidebar .widget  {
	color: #333;
	padding: 5px 10px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
}

#sidebar .categories  {
	color: #333;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	margin-top: 20px;
}

#sidebar ul.children {
	padding-left: 10px;
}

#header_title {
	width: 540px;
	float: left;
}
#header h1, #header h2 {
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	display:inline;
	color: #fff;
}
#header h1 a, #header h2 a {
	color: #fff;
}

#header h2 span {
	color: #fff;
}

#header h1 a:hover, #header h2 a:hover {
	color: #000;
}

#sidebar h2 {
	font: 16px "Lucida Grande", "Lucida", Verdana, Geneva, "Trebuchet MS", sans-serif;
	font-weight: bold;
	text-align: left;
	color: #464646;
	padding-bottom: 2px;
	margin-bottom: 6px;
}
#sidebar ul{
	font-size: 11px;
	line-height: 1.6em;
}

#sidebar a {
	color: #666;
}
#sidebar a:hover {
	color: #7A89CC;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
}
.post h2 a {
	color: #464646;
	font-weight: bold;
}
.post h2 a:hover {
	color: #7A89CC;
}
.post ul {
	margin-left: 35px;
	margin-right: 65px;
	margin-bottom: 20px;
	line-height: 22px;
	list-style: circle;
}
.post ul a {
	border-bottom: none;
}
.post ul a:hover {
	border-bottom: 1px solid #03C;
}
.post ol {
	margin-left: 40px;
	margin-bottom: 20px;
}
div.postmetadata
{
	color: #888;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 0px 0;
	line-height:16px;
}

div.postmetadata a
{
	color: #888;
}

div.postmetadata a:hover {
	color: #7A89CC;
}

.post p a {
	border-bottom: none;
}
.post p a:hover {
	border-bottom: 1px solid #03C;
}
.post a img, .post img {
	/*border: none;*/
	/*float: left;*/
	/*padding-right: 3px;*/
}	

.categr, .monthr {
	margin-bottom: 20px;
}
.categr h2, .monthr h2 {
	border-bottom: 1px solid #ccc;
}

.navigation a {
	color: #03C;
}
.navigation a:hover 
{
	color: #03C;
	border-bottom: 1px solid #03C;
}
.align_left
{
	float: left;
	border: none;
	margin-bottom: 5px;
	padding-left: 20px;
	color: #03C;
}
.align_right
{
	float: right;
	text-align: right;
	border: none;
	padding-right: 40px;
	margin-bottom: 5px;
	color: #03C;
}

.ileft {
	float: left;
	margin-right: 5px;
}

.respond {
	color:#999999;
	border-top-color:#E7E7E7;
	border-top-style:solid;
	border-top-width:1px;
	margin-left:20px;
	margin-right:40px;
	margin-top:40px;
	padding-top:10px;
}

.related {
	margin-left:20px;
	margin-right:40px;
	margin-top:10px;
	padding-top:10px;
}

.related ul {
	list-style-type:circle;
	list-style-position:outside;
}

.related li {
	margin-left:30px;
	padding-left:10px;
}

.related a:hover {
	color: #7A89CC;
}

form input {
	font-size: 12px;
	border: #ccc 1px solid;
	color: #333;
}

form label {
	padding-left: 7px; 
}

#comment {
	width:490px;
}

textarea
{
	border: #ccc 1px solid;
	font-size: 12px;
	color: #333;
}

table {
	margin-top:10px;
	margin-bottom:10px;
}


div.pop_images_wrapper{
	height:180pt;
	width:180pt;
	position:relative; /* important(so we can absolutely position the description div */
}
div.pop_images_description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	width:100%;
	/* styling bellow */
	background-color:black;
	color:white;
	opacity:0.6; /* transparency */
	filter:alpha(opacity=60); /* IE transparency */
}
p.pop_images_description_content{
	padding:5px;
	margin:0px;
}

/* ========== Global Styles ========== */
/* Form wrapper */
.thumbsup { position:relative; margin:0 auto; padding:0; border:0; cursor:default; }
.thumbsup.left { margin-left:0; }
.thumbsup.right { margin-right:0; }

/* Use pointer cursor for all input */
.thumbsup input, .thumbsup button, .thumbsup label { cursor:pointer; }
.thumbsup.disabled input, .thumbsup.disabled button, .thumbsup.disabled label { cursor:default; }

/* Remove dotted outlines on buttons in FF: http://bit.ly/cTp1kC */
.thumbsup input::-moz-focus-inner { border:0; }

/* Align spinner images */
.thumbsup .spinner { vertical-align:middle; }

/* ========== Mini Thumbs Template ========== */
.thumbsup.mini_thumbs { float:left; display:inline; margin-right:5px;}
.thumbsup.mini_thumbs .result1 { display:block; margin:0 0 0 38px; height:16px; font-size:13px; line-height:16px; text-align:left; }
.thumbsup.mini_thumbs input { position:absolute; top:0; left:0; width:16px; height:16px; background:url(/includes/thumbsup/images/mini_thumbs.png) no-repeat 0 0; border:0; text-indent:-9999px; }
.thumbsup.mini_thumbs input.down { left:18px; background-position:-16px 0; }
.thumbsup.mini_thumbs input:hover, .thumbsup.mini_thumbs input:focus { background-position:0 -16px; }
.thumbsup.mini_thumbs input.down:hover, .thumbsup.mini_thumbs input.down:focus { background-position:-16px -16px; }
.thumbsup.mini_thumbs input:active { background-position:0 -32px; }
.thumbsup.mini_thumbs input.down:active { background-position:-16px -32px; }
.thumbsup.mini_thumbs.disabled input, .thumbsup.mini_thumbs.busy input { background-position:0 -48px; }
.thumbsup.mini_thumbs.disabled input.down, .thumbsup.mini_thumbs.busy input.down { background-position:-16px -48px; }
.thumbsup.mini_thumbs.right input { left:auto; right:18px; }
.thumbsup.mini_thumbs.right input.down { right:0; }
.thumbsup.mini_thumbs.right .result1 { margin:0 38px 0 0; text-align:right; }

/* ========== Thumbs Up Down Template ========== */
.thumbsup.thumbs_up_down { width:300px; height:40px; background:url(/includes/thumbsup/images/thumbs_up_down.png) no-repeat 0 0; text-align:center; color:#000; }
.thumbsup.thumbs_up_down strong { position:absolute; top:0; padding-top:4px; width:100px; font:bold 32px/36px 'Myriad Pro',sans-serif; letter-spacing:-0.05em; }
.thumbsup.thumbs_up_down strong.squeeze { font-size:28px; }
.thumbsup.thumbs_up_down .result1 { left:0; }
.thumbsup.thumbs_up_down .result2 { right:0; }
.thumbsup.thumbs_up_down input { position:absolute; top:0; width:50px; height:40px; background:url(/includes/thumbsup/images/thumbs_up_down.png) no-repeat 50px 0; border:0; text-indent:-9999px; }
.thumbsup.thumbs_up_down input.up { left:100px; }
.thumbsup.thumbs_up_down input.down { right:100px; }
.thumbsup.thumbs_up_down input.up:hover, .thumbsup.thumbs_up_down input.up:focus { background-position:-300px 0; }
.thumbsup.thumbs_up_down input.down:hover, .thumbsup.thumbs_up_down input.down:focus { background-position:-350px 0; }
.thumbsup.thumbs_up_down input.up:active { background-position:-400px 0; }
.thumbsup.thumbs_up_down input.down:active { background-position:-450px 0; }
.thumbsup.thumbs_up_down.user_voted input.up, .thumbsup.thumbs_up_down.busy input.up { background-position:-500px 0; }
.thumbsup.thumbs_up_down.user_voted input.down, .thumbsup.thumbs_up_down.busy input.down { background-position:-550px 0; }
.thumbsup.thumbs_up_down.closed input.up { background-position:-600px 0; }
.thumbsup.thumbs_up_down.closed input.down { background-position:-650px 0; }

/* ========== Fixes for IE ========== */
/* For IE6 and 7: text-indent does not work to hide text on submit buttons */
.thumbsup.mini_thumbs input, .thumbsup.thumbs_up input, .thumbsup.thumbs_up_down input, .thumbsup.up_down input { font-size:0; line-height:999px; }


/* ----------TABLE OF CONTENTS---------- /*
1. COMMENTS__________Contains comment container and styling of comments
2. REPLIES___________Contains reply container and styling of replies
4. RATE______________Rate comment styling in top right of comment
3. FORM______________Comment form styling
/* ------------------------------------- */

/* ------------------------*/
/* ---->>> COMMENTS <<<----*/
/* ------------------------*/

/* container of all comments */

div#comments-container {
	width: 100%;
} 
/* additionally, alternate class used 
   to easily distinguish every other 
   comment by background color */
div#comments-container ul li.alternate{
    background: #ddd;
    margin-bottom: 10px;
	list-style: none outside none;
}

div#comments-container ul li.alternate:nth-child(odd){
    background: #c5c5c5;
    margin-bottom: 10px;
	list-style: none outside none;
}

/* link colors in comments */
div#comments-container p a{
 	font-size: 13px;
	color: #888;
}

div#comments-container p a:hover{
	background: #e86425;
	color: #444;
}

/* individual comment container */
div.comment{
    position: relative;
}

div.comment div.avatar{
    height: 50px;
    left: -60px;
    position: absolute;
    width: 50px;
}

div.comment div.avatar img{
    display: block;
}
/* commenter's name */
div.comment cite.name{
    font-size: 12px;
    height: 25px;
	top: 5px;
    padding: 0px 0 0 10px;
    position: relative;
	color: #333333;
	font-style:normal;
}

div.comment cite.name h5{
    float: left;
    padding-right: 6px;
}

div.comment cite.name a:hover{
    color: #7A89CC;
}
/* comment's body*/
div.comment blockquote{
    font-size: 12px;
    font-weight: normal;
	color: #444444;
    padding: 10px 10px 40px 10px;
    line-height: 1.3em;
	margin: 0;
}

/* date of comment */
div.comment div.date{
    color: #444;
    float: left;
    font-size: 11px;
    margin: -20px 0 0 10px;
}
/* moderate buttons container */
div.comment div.moderate{
    float: right;
    margin-top: -25px;
}

div.comment div.moderate ul li{
    float: left;
    margin: -2px 5px;
	list-style: none outside none;
}
/* moderate buttons ie: reply */
div.moderate a.mod-button{
    background: #f0f0f0;
    color: #777;
    cursor: pointer;
    font-size: 12px;
    padding: 2px 5px 2px 5px;
    position: relative;
}

div.moderate a.mod-button:hover{
    top: -1px;
}
/* moderate buttons ie: reply */
div.moderate a.mod-button:active{
}
/* -------------------------*/
/* ---->>> /COMMENTS <<<----*/
/* -------------------------*/

/* -----------------------*/
/* ---->>> REPLIES <<<----*/
/* -----------------------*/
div.comment-reply{
    border: none;
    position: relative;
}

div.comment-reply blockquote{
    background: #888;
	color: #EAEAEA;
    font-size: 13px;
    margin: 15px 0 10px 20px;
    padding: 10px;
}

/* css trick for the arrow next to the reply boxes */
div.comment-reply .arrow{
    border-bottom: 8px solid #888;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    left: 30px;
    line-height: 0;
    position: absolute;
    top: -8px;
    width: 0;
}
/* end trick */

div.comment-reply cite.name{
    color: #fff;
    font-size: 12px;
    padding: 1px 4px 3px 4px;
    position: absolute;
    right: 0px;
	font-style:normal;
}

div.comment-reply cite.name a{
    color: #eaeaea;
    font-size: 12px;
}

div.comment-reply cite.name a:hover{
    color: #7A89CC;
}

div.comment-reply div.date{
    color: #888;
    float: left;
    font-size: 11px;
    margin: -5px 0 0 30px;
}

div.comment-reply div.moderate{
    margin-bottom: 40px;
}

div.comment-reply div.moderate ul{
    float: right;
    margin: -5px 5px;
}

div.comment-reply div.moderate a.mod-button:hover{

}

/* ------------------------*/
/* ---->>> /REPLIES <<<----*/
/* ------------------------*/

/* --------------------*/
/* ---->>> RATE <<<----*/
/* --------------------*/
ul.rate-widget{
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 5px;
}

ul.rate-widget li{
    color: #444;
    height: 10px;
    width: 20px;
    float: left;
    margin: 5px 5px 0 0;
	list-style: none outside none;
	font-size: 100%;
}

ul.rate-widget li.total-rate{
    font-weight: bold;
    font-size: 10px;
    text-align: right;
    padding-right: 4px;
    border-right: 1px solid #999;
}

ul.rate-widget li.total-rate.pos{
    color: #5b8f08;
}

ul.rate-widget li.total-rate.neg{
    color: #c2263b;
}

ul.rate-widget li.show-rate{
    font-size: 10px;
}

ul.rate-widget li.pos-rate{
    text-align: center;
    background: #99ce00;
    color: #546f00;
    border: 1px solid #84af00;
    -moz-box-shadow: inset 0 1px #b5ef00;
    -webkit-box-shadow: inset 0 1px #b5ef00;
    box-shadow: inset 0 1px #b5ef00;
}

ul.rate-widget li.neg-rate{
    text-align: center;
    background: #c2263b;
    color: #6f0d1d;
    border: 1px solid #8f1a2d;
    -moz-box-shadow: inset 0 1px #ff2f62;
    -webkit-box-shadow: inset 0 1px #ff2f62;
    box-shadow: inset 0 1px #ff2f62;
}

/* css trick for the arrows */
ul.rate-widget li span.up-arrow{
    border-bottom: 6px solid #b5ef00;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    line-height: 0;
    position: relative;
    top: -12px;
    width: 0;
}

ul.rate-widget li span.down-arrow{
    border-top: 6px solid #ff2f62;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    line-height: 0;
    position: relative;
    top: 8px;
    width: 0;
}
/* end trick */

ul.rate-widget li:not(.total-rate):hover{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}
/* ---------------------*/
/* ---->>> /RATE <<<----*/
/* ---------------------*/

/* --------------------*/
/* ---->>> FORM <<<----*/
/* --------------------*/

/* form container */
#comment-form{
    height: 300px;
    margin: 20px auto;
}

/* cancel button text */
#comment-form h2 a.cancel {
    color: #555;
    font-size: 11px;
    margin-left: 10px;
    cursor: pointer;
}
form.canny span.wrap label.required:after{
    color: red;
    content: "Required";
    float: right;
    font-size: 11px;
    text-height: 3px;
}

form.canny span.wrap label.invalid:after{
    color: red;
    content: "Invalid";
    float: right;
    font-size: 11px;
    text-height: 3px;
}

form.canny span.wrap label.optional:after{
    color: #555;
    content: "Optional";
    float: right;
    font-size: 11px;
    text-height: 3px;
}
/* input field spacing */
form.canny span.wrap ul li{
    margin-bottom: 10px;
    list-style: none outside none;
}
/* because we're using inline
/* text for inputs, the label will be
/* used for our input styles */
form.canny span.wrap label{
    border: 1px solid #999;
    font-size: 12px;
    padding: 7px;
    position: absolute;
    text-indent: 2px;
    width: 170px;
    z-index: 1;
}

form.canny span.wrap label[for=equation] {
    width: 110px;
}
/* when user focuses on input */
form.canny span.wrap label.focus{

}

form.canny span.wrap label.hastext{

}
/* actual field inputs */
form.canny input.input-text, textarea.input-text{
    background: none;
    border: none;
    font-size: 12px;
    padding: 6px;
    position: relative;
	font-family: "Lucida Grande", "Lucida", Verdana, Geneva, "Trebuchet MS", sans-serif;
    text-indent: 1px;
    width: 170px;
    z-index: 10;
}
/* make the comment input larger */
form.canny textarea.input-text,
form.canny label#body-label{
    height: 100px;
    width: 350px;
}
/* lighten inline text when user clicks input */
form.canny label.overlay span{
    opacity: 0.4;
    -webkit-transition: opacity 200ms linear;
}
/* lighten inline text when user clicks input */
form.canny label.focus span{
    opacity: 0.2;
}
/* make inline text completely transparent when 
  user has typed input */
form.canny label.hastext span{
    -webkit-transition: opacity 0ms linear;
    opacity: 0.0;
}
/* submit button */
form.canny input[type=submit]{

}
/* submit button hover */
form.canny input[type=submit]:hover{
    cursor: pointer;
}
/* submit button pressed */
form.canny input[type=submit]:active{

}
/* ---------------------*/
/* ---->>> /FORM <<<----*/
/* ---------------------*/