body {font-family:Arial, Helvetica, sans-serif; background:#000; font-size:12px;}

/*reset----------------*/
* {margin:0; padding:0;}
li {list-style-type:none; vertical-align:bottom;}
img, fieldset {border:0;}
hr	{clear:both; height:0;}
a	{text-decoration:none;}
.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.c	{clear:both;}
.mb10 {margin-bottom:10px;}
.adv-120, .adv-160, .adv-300 {position:relative; margin-left:auto; margin-right:auto;}
.adv-120 {width:120px;}
.adv-160 {width:160px;}
.adv-300 {width:300px;}
/*Structure-----------*/
#wrap		{width:999px; margin:0 auto; padding-top:5px; padding-bottom:10px;}
#header 	{height:84px; position:relative; background:url(/templates/greener/images/header_bg.png) top no-repeat white;}
#logo		{padding-left:0px; top:-5px; left:0;}
#logo, #seo-text	{position:absolute;}
#seo-text h1	{font-size:14px; line-height:15px; margin-bottom:5px;}
#seo-text			{width:635px; height:62px; right:30px; top:20px;}
#nav ul				{float:left;}
#nav				{height:36px; background:url(/templates/greener/images/nav_bg.png) repeat-x bottom;}
#nav, #nav *	{display:block;}
#nav *			{float:left;}

#search label,
#search .fld		{float:left;}
#search .fr			{float:right;}

#search		{float:right; width:250px; padding-top:10px; padding-right:10px;}
#search .fld	{width:166px; height:13px; padding:3px; background:url(/templates/greener/images/fld.gif) no-repeat; border:0; font-size:11px;}
#search label	{display:block; width:10px; color:white; font:bold 12px/12px arial; padding-top:2px;}


#nav li			{height:30px; padding:4px 4px 0 4px;}
#nav a			{text-align:center; padding:0 5px 0 0; height:25px; font:bold 14px/14px tahoma,verdana; color:#fff;}
#nav a strong 	{padding-left:5px; height:20px; padding-top:5px;}
#nav a:hover	{background:url(/templates/greener/images/nav_hover.gif) right no-repeat;}
#nav a:hover strong {background:url(/templates/greener/images/nav_hover.gif) left top;}

#container	{width:832px; padding-top:10px; padding-bottom:10px;}
#container, #leftsidebar {float:left;}
	#content      {float:right; width:663px; background:url(/templates/greener/images/middle_bottom.gif) bottom no-repeat white;}
	#leftsidebar  {width:156px; float:left; padding-top:10px;}
	#rightsidebar {width:156px; float:right; padding-top:10px;}

#footer		{clear:both; border-top:1px solid #5f5f5f; padding:10px 0; height:20px; color:#fcfcfc;}
#footer p	{margin-bottom:10px; height:20px;}
#footer	a:hover {color:#0e9726;}
.lists			{border-bottom:1px solid #5f5f5f; padding-bottom:10px; padding-left:10px; margin-bottom:10px;}
.lists ul		{width:150px; float:left; margin-right:10px;}
.lists li {line-height:19px;}
.lists li a { text-decoration:underline;}


#footer ul	{float:left;}
#footer ul a	{color:white;}

/*widgets------------*/
.header-thumbs, .header-thumbs * {display:block;}
.header-thumbs *	{float:left;}
.header-thumbs		{height:86px; width:675px; position:absolute; bottom:10px; right:0;}
.header-thumbs li	{width:86px; height:86px; margin-right:10px;}
.header-thumbs a	{width:76px; height:76px; padding:5px; background:url(/templates/greener/images/thx.gif) top left;}
.header-thumbs a:hover	{width:76px; height:76px; padding:5px; background:url(/templates/greener/images/thx.gif) top right;}

.small-menu, .small menu * {display:block;}
.small-menu *	{float:left;}
.small-menu		{position:absolute; top:0; right:0; height:24px; padding-right:15px;}
.small-menu li	{height:24px;}
.small-menu a		{height:18px; padding:7px 11px 1px 11px; color:#000; font-weight:bold;}
.small-menu a:hover	{color:#af0701; text-decoration:underline;}



.rating {width:52px; padding-right:84px; height:15px; display:block; float:left; text-decoration:none; color:black;}
.r0	{background:url(/templates/greener/images/r-0.png) right no-repeat;}
.r1	{background:url(/templates/greener/images/r-1.png) right no-repeat;}
.r2	{background:url(/templates/greener/images/r-2.png) right no-repeat;}
.r3	{background:url(/templates/greener/images/r-3.png) right no-repeat;}
.r4	{background:url(/templates/greener/images/r-4.png) right no-repeat;}
.r5	{background:url(/templates/greener/images/r-5.png) right no-repeat;}

.post			{width:190px; float:left; margin:0 5px 5px 0; height:180px;}
.title a		{color:#000; font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;}
.title a:hover,
.post:hover a	{color:#008f1e;}

.title			{text-align:center;}

.th				{height:120px; width:150px; background:url(/templates/greener/images/postbg.gif) top right; padding:4px; position:relative; display:block;}
.th img, .th em {position:absolute;}
.th em			{width:50px; background:url(/templates/greener/images/play.png); height:0; padding-top:50px; top:40px; left:55px;}
.th:hover em	{visibility:visible;}
.th:hover		{background:url(/templates/greener/images/postbg.gif) top left;}
.post:hover a, .title a:hover  {text-decoration:underline;}
.note				{position:absolute; height:20px; bottom:5px; right:5px; left:110px; background:red;}

.box		{padding-bottom:10px; margin-bottom:10px; background:url(/templates/greener/images/box_bottom.gif) bottom no-repeat #ede8d5;}
.box .hed *			{display:block;}
.box .hed	 {height:23px; background:#99CC33; background:url(/templates/greener/images/hed_top.png); font:bold 15px/15px Arial; padding:10px 0 0 10px; color:white;}
.box .holder {padding-left:5px; padding-right:5px; padding-top:10px; background:url(/templates/greener/images/holder_bg.gif) top repeat-x;}

.lst a			{color:#242424; text-decoration:underline; font:normal 12px/19px Verdana, Arial, Helvetica, sans-serif;}
.lst a:hover	{color:#0e9726;}

.lst2 li { border-bottom:1px solid #ddd8c6;}
.lst2 a			{padding-left:14px; background:url(/templates/greener/images/red_dot.gif) left no-repeat; color:#000; font:normal 12px/17px Arial, Helvetica, sans-serif;}
.lst2 a:hover 	{background:url(/templates/greener/images/black_dot.gif) left no-repeat; font-weight:bold;}

.navi		{padding:10px; height:20px; font:normal 18px/18px Arial, Helvetica, sans-serif; clear:both; border-top:1px solid #b5b2a6;}
.navi li	{display:inline; margin:0 5px;}
.navi a		{color:black;}
.navi a:hover {color:#0e9726;}
.navi ul { margin:0 auto; width:150px; display:block; text-align:center;}


#video-module		{background:url(/templates/greener/images/middle_top.gif) top no-repeat white; padding:0 8px;}
#video-module .hed	{display:block; height:25px; font:normal 20px/20px arial; border-bottom:1px solid #ccc; margin-bottom:10px; padding-top:8px; padding-bottom:2px;}
#video-section, #video-related {padding-bottom:10px;}

#video-section	{float:left; padding-left:10px; width:480px;}
#thumbs-rel		{float:right; width:158px;}
#thumbs-rel li	{margin-bottom:5px;}
#video-related ul * {display:block;}
#video-related ul li	{ height:20px;}
#video-related ul a	{padding:3px 0 3px 10px; font:bold 13px/13px arial; color:#000;}
#video-related ul a:hover { background:black; color:white;}
#player			{position:relative; width:480px;}
#desc			{clear:both; padding:10px; border-bottom:1px solid #b5b2a6;}
#desc p			{width:370px; float:left; margin-bottom:10px;}
#desc span		{float:left; display:block; width:235px; font:bold 12px/17px Verdana, Arial, Helvetica, sans-serif; border-left:1px solid #b5b2a6; padding-left:10px; height:80px;}
#desc span em	{font-style:normal; color:#0e9726;}
#posts, #big-ads {padding-top:10px;}
#posts		{clear:left; padding-left:5px;}
#big-ads	{float:right; width:300px;}

.tagsx		{display:block;}
.tagsx li	{display:inline; font-weight:bold; margin-right:10px;}
.tagsx a		{color:#0e9726; padding:2px 5px;}
.tagsx a:hover	{background:#000000; color:white;}
.pick-link		{clear:left;}
.pick-link input {border:1px inset #ccc; width:280px; margin-left:10px; font-size:11px; padding:2px; background:#eaeaea; color:#999;}

/* HTML TAG STYLES */
html {
  /*overflow-y: scroll;*/
  height: 100%;
}







/** BODY AND FOOTER (STICK FOOTER TO BOTTOM OF PAGE) **/
#non-footer {
  position: relative;
  top: 0;
  min-height: 100%;
}

* html #non-footer {
  height: 100%;
}

#footer {
  position: relative;
  margin-top: -49px;
}

.page-content {
  padding-bottom: 65px;
}




/** MAIN HEADER BAR **/
#main-header {
  margin-top: 5px;
  height: 51px;
  background: transparent url(images/main-header.png) repeat-x 0 0;
  position: relative;
}

#main-header-left {
  display: inline-block;
  width: 27px;
  height: 51px;
  background: transparent url(images/main-header-left.png) no-repeat 0 0;
  position: absolute;
  left: -27px;
}

#main-header-right {
  display: inline-block;
  width: 27px;
  height: 51px;
  background: transparent url(images/main-header-right.png) no-repeat 0 0;
  position: absolute;
  right: -27px;
}

#main-header a {
  padding: 0 20px;
  color: #fff;
  font-size: 130%;
}

#main-header form {
  display: inline-block;
}

#main-header span.dot {
  display: inline-block;
  position: relative;
  top: -1px;
  height: 8px;
  width: 8px;
  background: transparent url(images/main-header-dot.png) no-repeat 0 0;
}

#main-header span.links {
  display: inline-block;
  position: relative;
  top: 14px;
}

#main-header form {
  position: absolute;
  right: 0;
  top: 9px;
}



/** HEADER - RED **/
.header-red {
  background: transparent url(images/header-red.png) repeat-x 0 0;
  position: absolute;
  top: -15px;
  left: 0px;
  height: 35px;
  padding: 0 10px;
  font-size: 110%;
  font-weight: bold;
  color: #fff;
}

.header-red-left {
  display: inline-block;
  width: 14px;
  height: 35px;
  background: transparent url(images/header-red-left.png) no-repeat 0 0;
  position: absolute;
  left: -14px;
}

.header-red-right {
  display: inline-block;
  width: 14px;
  height: 35px;
  background: transparent url(images/header-red-right.png) no-repeat 0 0;
  position: absolute;
  right: -14px;
}

.header-red-text {
  position: relative;
  top: 6px;
  left: -2px;
}



/** HEADER - GREY **/
.header {
  background: transparent url(images/header-grey.png) repeat-x 0 0;
  position: absolute;
  top: -20px;
  left: -5px;
  height: 43px;
  padding: 0 10px;
  font-size: 120%;
  font-weight: bold;
  color: #fff;
}

.header-left {
  display: inline-block;
  width: 13px;
  height: 43px;
  background: transparent url(images/header-grey-left.png) no-repeat 0 0;
  position: absolute;
  left: -13px;
}

.header-right {
  display: inline-block;
  width: 13px;
  height: 43px;
  background: transparent url(images/header-grey-right.png) no-repeat 0 0;
  position: absolute;
  right: -13px;
}

.header-text {
  position: relative;
  top: 10px;
}



/** PAGE SECTION **/
.section-left {
  display: inline-block;
  width: 68%;
  vertical-align: top;
}

.section-right {
  display: inline-block;
  width: 29%;
  margin-left: 20px;
}

.section-content-no-header {
  background-color: #ececec;
  border: 1px solid #afafaf;
  position: relative;
  padding: 4px 8px;
  margin-top: 15px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.section-content {
  background-color: #ececec;
  border: 1px solid #afafaf;
  position: relative;
  padding: 4px 8px;
  margin-top: 15px;
  padding-top: 30px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.section-sidebar-content {
  background-color: #ececec;
  border: 1px solid #afafaf;
  position: relative;
  padding: 4px 8px 8px 8px;
  margin-top: 15px;
  padding-top: 20px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.section-videos span.video {
  display: inline-block;
  padding: 0;
  text-align: left;
  vertical-align: top;
  width: 190px;
  margin-bottom: 12px;
}

span.video .video-container {
  width: 185px;
  font-size: 90%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.video-container .video-thumb,
.video-brief-thumb .video-thumb {
  border: 1px solid #666;
  background-color: #fff;
  /*padding: 1px;*/
  max-width: 185px;
  max-height: 140px;
}


.video-container .stars {
  float: right;
}

.video-brief-thumb {
  position: relative;
}

/*
.video-brief-thumb .stars {
  position: absolute;
  top: 51px;
  left: 2px;
}*/

.video-brief {
  margin: 8px 0;
}

.video-brief > span {
  display: inline-block;
}

.video-brief > span.video-brief-details {
  width: 78%;
  padding-left: 8px;
  vertical-align: top;
}

.video-brief-facets > span {
  display: inline-block;
  width: 100px;
}



/** USER PROFILE STYLE **/
.profile-avatar {
  max-width: 240px;
}

.profile-fields span {
  margin-bottom: 8px;
}

.profile-fields span.field {
  font-weight: bold;
  text-align: right;
  display: inline-block;
  width: 20%;
  vertical-align: top;
}

.profile-fields span.value {
  display: inline-block;
  width: 79%;
  vertical-align: top;
}



/* THUMBNAIL SELECTION STYLE */
div.thumb-select-container {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  max-height: 110px;
  overflow: auto;
}

div.thumb-select-container img {
  max-width: 120px;
  max-height: 90px;
  padding: 2px;
  border: 4px solid #ececec;
}

div.thumb-select-container img.thumb-selected {
  padding: 2px;
  border: 4px solid green;
}



/** TAG CLOUD **/
div.tags {
  line-height: 1.5em;
}

div.tags a {
  padding: 0 3px;
  vertical-align: middle;
}

div.tags a:hover {
  /*color: #000;*/
}

a.tag-100 {
  font-size: 100%;
  color: #bdbdbd;
}

a.tag-100:hover {
  background-color: #bdbdbd;
  color: #000;
}

a.tag-110 {
  font-size: 110%;
  color: #aaaaaa;
}

a.tag-110:hover {
  background-color: #aaaaaa;
  color: #000;
}

a.tag-120 {
  font-size: 120%;
  color: #979797;
}

a.tag-120:hover {
  background-color: #979797;
  color: #000;
}

a.tag-130 {
  font-size: 130%;
  color: #848484;
}

a.tag-130:hover {
  background-color: #848484;
  color: #000;
}

a.tag-140 {
  font-size: 140%;
  color: #717171;
}

a.tag-140:hover {
  background-color: #717171;
  color: #000;
}

a.tag-150 {
  font-size: 150%;
  color: #5e5e5e;
}

a.tag-150:hover {
  background-color: #5e5e5e;
  color: #000;
}

a.tag-160 {
  font-size: 160%;
  color: #4c4c4c;
}

a.tag-160:hover {
  background-color: #4c4c4c;
  color: #fff;
}

a.tag-170 {
  font-size: 170%;
  color: #383838;
}

a.tag-170:hover {
  background-color: #383838;
  color: #fff;
}

a.tag-180 {
  font-size: 180%;
  color: #262626;
}

a.tag-180:hover {
  background-color: #262626;
  color: #fff;
}

a.tag-190 {
  font-size: 190%;
  color: #131313;
}

a.tag-190:hover {
  background-color: #131313;
  color: #fff;
}

a.tag-200 {
  font-size: 200%;
  color: #000;
}

a.tag-200:hover {
  color: #fff;
  background-color: #000;
}




/** FOOTER BAR **/
#footer-bar {
  background-color: #dfdfdf;
  padding: 6px 10px;
  border: 1px solid #999;
  border-bottom: none;
  color: #666;
  /*margin-top: 30px;*/
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
}

#footer-bar a {
  color: #777;
}



/* FORM FIELDS */
span.label {
  display: inline-block;
  text-align: right;
  width: 7em;
  font-weight: bold;
  vertical-align: top;
  padding-top: 3px;
}

span.wider {
  width: 13em;
}

span.nopad {
  padding-top: 0px;
}

span.input-container {
  vertical-align: top;
  margin-left: 3px;
  display: inline-block;
}

span.text-container {
  margin-left: 3px;
  position: relative;
  top: 0.2em;
  display: inline-block;
}

div.field {
  margin-top: 8px;
  margin-bottom: 8px;
}



/** PROGRESS BAR **/
#progress-bar {
  height: 24px;
  width: 0;
  background-color: #afafaf;
  text-align: center;
  font-weight: bold;
}

#progress-percent {
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #000;
  font-size: 18px;
  top: 1px;
}

#progress-container {
  border: 1px solid #afafaf;
  width: 400px;
  position: relative;
}




/** INNER CONTENT SECTIONS **/
.inner-section-header {
  text-align: left;
  font-size: 10pt;
  font-weight: bold;
  background-color: #282828;
  border: 1px solid #666;
  padding: 4px 8px 6px;
  color: #999;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}

.inner-section-header span.selected {
  outline: none;
  background-color: #000;
  border: 1px solid #666;
  border-bottom: none;
  bottom: 12px;
  color: #fff;
  display: inline-block;
  padding: 8px 16px;
  position:relative;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}

.inner-section-header span {
  outline: none;
  display: inline-block;
  vertical-align: top;
  padding: 0 12px;
  color: #999;
  cursor: pointer;
}

.inner-section-header-link:hover {
  color: #000;
}

.inner-section-content {
  text-align: left;
  position: relative;
  border: 1px solid #666;
  border-top: none;
  margin-bottom: 5px;
  padding: 4px 8px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}



/** PAGINATION **/
.pagination {
  margin-bottom: 20px;
  margin-top: 8px;
  font-size: 105%;
  font-weight: bold;
  text-align: center;
}

.pagination span {
  padding: 0 4px;
}



/** RATING STARS **/
#rater-stars {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 1;
}

.rater-div {
  position: absolute;
  width: 19.6px;
  height: 21px;
  top: 2px;
  left: 0px;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 30;
  cursor: pointer;
}

#rater-text {
  position: absolute;
  top: 5px;
  left: 100px;
}



/* CLASSES */
.bold {
  font-weight: bold;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.normal {
  font-weight: normal;
}

.click {
  cursor: pointer;
}

.fs80 {
  font-size: 80%;
}

.fs90 {
  font-size: 90%;
}

.fs95 {
  font-size: 95%;
}

.fs105 {
  font-size: 105%;
}

.fs110 {
  font-size: 110%;
}

.fs120 {
  font-size: 120%;
}

.fs130 {
  font-size: 130%;
}

.main-content {
  width: 660px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}



/** CLIPS **/
#clips img {
  filter: alpha(opacity=25);
  opacity: 0.25;
  cursor: pointer;
  margin: 0 10px;
}

#clips img:hover {
  filter: alpha(opacity=75);
  opacity: 0.75;
}

#clips img.selected {
  cursor: default;
  filter: alpha(opacity=100);
  opacity: 1;
}




/** MISC **/
.message-error {
  font-weight: bold;
  font-size: 135%;
  color: #d52727;
  padding: 4px 10px 4px 10px;
  margin-bottom: 8px;
}

.message-notice {
  font-weight: bold;
  font-size: 135%;
  color: #2ae000;
  padding: 4px 10px 4px 10px;
  margin-bottom: 8px;
}

.message-warning {
  font-weight: bold;
  font-size: 135%;
  color: #ea8612;
  padding: 4px 10px 4px 10px;
  margin-bottom: 8px;
}

.captcha-image {
  border: 1px solid black;
  margin-bottom: 4px;
}

.captcha-reload {
  margin-left: 8px;
  vertical-align: top;
  cursor: pointer;
}

.swfupload {
  vertical-align: middle;
}