/* 
Author: Eastmedia
url: http://eastmedia.com

*/

/* defaults
--------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.print {
  display: none;
}

.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.no_bullets {list-style: none; padding: 10px 0; margin: 0;}
img,img a {border: 0;}

a,a:link,a:active,
#headlines span.byline a {
  color: #ff7200;
}

a:visited {
  color: #cc6633
}

a,a:link,a:active,a:visited {
  text-decoration: none;
}

a:hover {text-decoration: underline;}


.uncolor a, .uncolor a:link, .uncolor a:active {
  color: #333;
}

p {
  margin: 10px 0;
  line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 1.2em;
  font-family: helvetica, arial, verdana, sans-serif;
}

h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: 0.9em;}

ul, ol {
  padding: 0 20px;
  margin: 15px;
}

ul li,
ol li {
  margin: 3px 0;
}

hr {
  border: 0;
  border-top: 1px solid #ddd;
  margin: 20px 0;
}

/* box borders
-------------------------------------------------*/

.EventAds,
#gns_01 a,
#header input,
#previous_stories,
.enclosed  {
  border: 1px solid #ccc;
}

/* universal bottom margin for all section
-------------------------------------------------*/

.EventAds,
#previous_stories,
#headlines,
#content,
#enclosed,
#commentBox,
.comment_body,
.rate {
    margin-bottom: 20px;
}

/* call to action / red button
-------------------------------------------------*/

ul.action,
a.action, a.action:link, a.action:visited {
  position: absolute;
  padding: 1px 6px;
  color: #fff;
  border: 2px solid maroon;
  text-align: center;
  background: red url('/assets/custom/247/call_out_sm.gif') top left repeat;
}

ul.action {
  display: inline;
  right: -17px;
  bottom: -15px;
}

ul.action a {
  color: #fff;
}

a.action, a.action:link, a.action:visited {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;

}

a.action:hover {
  border: 2px  solid red;
  background: maroon url('/assets/custom/247/call_out_sm.gif') top left repeat;
}

/* Quotes
-----------------------------------------------------------------------*/

blockquote {
  padding: 30px;
  margin: 15px;
  background: #eee;
  border: 2px solid #ddd;
  font-style: italic;
}

.sidebar-right {
  float: right;
  margin: 10px 0 10px 10px;
  width: 50%;
  border: #ccc dotted 1px;
  padding: 10px 15px;
}
.sidebar-left {
  float: left;
  margin: 10px 10px 10px 0;
  width: 50%;
  border: #ccc dotted 1px;
  padding: 10px 15px;
}

.pullquote-right {
  width: 40%;
  margin: 10px 0 10px 25px;
  padding: 0 10px;
  float: right;
  font-size: 1.4em;
  font-weight: bold;
  border: none;
  background: #fff;
}
.pullquote-left {
  width: 40%;
  margin: 10px 10px 10px 0;
  padding: 0 10px;
  float: left;
  font-size: 1.4em;
  font-weight: bold;
  border: none;
  background: #fff;
}
.quotation-mark {
  color: #ccc;
}

.large_quote {
  float: right;
  width: 250px;
  margin: 15px;
  line-height: 1.6em;
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
  text-align: center;
}

.warning {
  color: maroon;
}

/* end defaults
-------------------------------------------------------------*/
body {
  background: #fff;
  color: #333;
  font-size: 13px;
  text-align: center;
  font-family: arial, helvetica, verdana, sans-serif;
}

#page {
  width: 980px;
  margin: 0 auto;
  border-top: 1px solid #fff;
  text-align: left;
}

#content {
  float: left;
  width: 780px;
}

.content {
  width: 780px;
  
}

.upper {
  float: left;
  position: relative;
  padding: 15px 20px;
  width: 738px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.half {
  float: left;
  width: 47%;
  margin-right: 2%;
}

/* sidebar
-------------------------------------------------------------*/
#sidebar {
  float: left;
  width: 200px;
}

#sidebar h3 {
  margin: 5px 0;
}

#sidebar ol#categories,
#sidebar ul#page_list,
#sidebar #subscribe,
#sidebar #top_rated,
#sidebar #most_active,
#sidebar .author_bio,
#sidebar #sponsors {
  clear: both;
  width: 180px;
  margin: 15px 10px 20px 10px;
}

#sidebar #top_rated ul,
#sidebar #most_active ul,
#sidebar #sponsors ul {
  padding: 0;
  margin: 0;
}

#sidebar #sponsors ul li {
  margin-bottom: 10px;
}

#sidebar #sponsors h3 {
  color: #888;
}

ol#categories,
ul#page_list,
#most_active ul,
#top_rated ul {
  padding: 0;
}

ol#categories li,
ul#page_list li {
  font-size: .9em;
  line-height: 2em;
  list-style: none;
  text-transform: uppercase;
  font-weight: bold;
}

#most_active ul li,
#top_rated ul li {
  list-style: none;
  line-height: 1.4em;
}

ol#categories li {
	position: relative;
}

ol#categories li.selected img {
	position: absolute;
	z-index: 20;
	right: -30px;
	top: 8px;
}

ol#categories li a,
ul#page_list li {
  color: #666;
}

#most_active h5,
#top_rated h5 {
}

#sidebar .author_bio {}

#sidebar .author_bio img.avatar {
  width: 75px;
  height: 75px;
  float: left;
  margin: 0 10px 0 0;
}

#sidebar .author_bio p {
  font-size: .9em;
  clear: both;
}

#sidebar .author_bio .reputation_points {
  font-size: .8em;
  font-weight: bold;
  color: #ff7200;
}

#sidebar .author_bio li,
#sidebar .author_bio p.bio {
  font-size: .9em;
}

#sidebar .author_bio h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}

#sidebar .author_bio h3 + ul.no_bullets {
  padding-top: 0;
}

/* header
-----------------------------------------------------------*/

#header {
  float: left;
  position: relative;
  width: 980px;
  height: 115px;
  border-bottom: 1px solid #ccc;
  background: #fff url('/assets/custom/247/header_banda.gif') top left no-repeat;
}

#enclosed,
.EventAds {
  clear: both;
}

#enclosed ol {
  margin: 0;
  padding: 0;
}

.inline li {
  display: inline;
}

a#logo {
  top: 45px;
  left: 0;
  z-index: 20;
}

#header h2 {
  margin: 89px 0 0 10px;
  float: left;
}

a.page_feed {
  display: block;
  float: right;
  width: 150px;
  text-align: right;
  padding: 0 40px 0 0;
  background: transparent url("/assets/custom/247/rss_icon.gif") top right no-repeat;
}

#header .page_feed {
  top: 91px;
  right: 10px;
}

/* footer
--------------------------------------------------------*/

#footer {
  clear: both;
  float: left;
  width: 100%;
  padding: 50px 0;
  margin: 40px 0 0 0;
  text-align: center;
  background: #f3f3f3 url('/assets/custom/247/footer.gif') top left repeat-x;
  border-top: 4px solid #ddd;
}

#footer p {
	margin: 2px;
	padding: 0;
}

#footer ul {
  margin: 0 0 10px 0;
  padding: 0;
}

#footer li {
    margin: 0 10px;
}

#footer li.selected a{
	text-decoration: underline;
}

/* gns_01 
--------------------------------------------------------------------*/

#gns_01,
#gns_02 {
  right: 0;
  font: .9em/1.2em verdana, arial, helvetica, sans-serif;
}

#gns_01 {
  top: 50px;
  font-size: 1em;
}

#gns_01 ul {
  float: right;
  margin:0 10px 0 0;
  padding: 0;
  list-style:none;
}

#gns_01 li {
  float: left;
  display: inline;
	position: relative;
	margin: 0;
}

#gns_01 a {
  display:block;
  float:left;
  height: 16px;
  margin-left:10px;
  padding:2px 5px;
  text-decoration:none;
  color: #333;
}

#gns_01 a:hover {
  text-decoration:none;
  color: #000;
  border: 1px solid #ccc;
  background: #ddd;
}


#gns_01 #search_module {
  float: right;
  width: 197px;
  text-align: right;
}

#searchinput {
  float: left;
  padding: 1px 0;
  width: 113px;
}

#gns_01 a.search_link {
	float: left;
  width: 58px;
  color: #fff;
  text-align: right;
  border: 1px solid #d57230;
  background: #ff9f27 url('/assets/custom/247/spyglass.gif') 5px 5px no-repeat;
}

li.active img {
	z-index: 20;
	position: absolute;
	left: 52%;
	top: 23px;
}

li.active a {
	background: #eee;
}

/* gns_02 
------------------------------------------------------------------*/

#gns_02 {
  top: 0;
  text-align: right;
  background: #fff;
}

#gns_02 ul {
  float:right;
  text-align: right;
  list-style:none;
  margin: 0;
  padding: 0;
}

#gns_02 li {
  float:left;
}

#gns_02 a {
  text-decoration:none;
}

#gns_02 a:hover {
  text-decoration:underline;
}

#header input {
  font-size: 1.2em;
  line-height: 1.3em;
}

#gns_01,
#gns_02, 
#logo,
#header .page_feed {
  position: absolute;
}

/* headlines
-------------------------------------------------------------------*/

#headlines {
  float: left;
  width: 778px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#headlines ol {
  padding: 0;
  margin: 0;
}

#headlines ol li {
  float: left;
  margin: 0;
  padding: 10px 15px;
}

#headlines span.byline {
  display: block;
  padding: 7px 0 3px 0;
  color: #666;
}

#headlines ol h1,
#headlines ol h2,
#headlines ol h3 {
  margin: 0 0 5px 0;
}

#headlines ol h3 a {
  color: #666;
}

#headlines ol li p {
  width: 66%;
}

#first_story,
#second_story {
  height: 300px;
  border-bottom: 1px solid #ccc;
}

#first_story,
#third_story {border-right: 1px solid #ccc;}

#first_story,
#fourth_story {width: 390px;}

#second_story, 
#third_story {width: 327px;}

#second_story,
#fourth_story {text-align:right}

#third_story,
#fourth_story {height: 230px;}

#second_story p,
#fourth_story p {
  margin-right: 0;
  float: right;
}

#first_story h1 a,
#second_story h1 a,
#third_story h2 a,
#fourth_story h2 a {
  color: #333;
}

#first_story h1 {font-size: 2em;}
#second_story h1 {font-size: 1.8em;}

/* Previous stories, Staff and Enclosed
------------------------------------------------------------------------------*/

#previous_stories,
.enclosed {
  float: left;
  width: 778px;
  padding-bottom: 20px;
}

#previous_stories h2,
.enclosed h2 {
  width: 98%;
  line-height: 1.5em;
  padding: 3px 1% 0 1%;
  background: #eee;
  border-bottom: 1px solid #ddd;
}

#previous_stories ol,
.enclosed ol {
  margin: 10px;
}

#previous_stories ol li,
.enclosed ol li {
  margin: 7px 0;
  list-style: none;
}

a.more_previous_stories {
  font-weight: bold;
  margin: 10px 0 10px 40px;
}

a.previous_stories_title {
  color: #333;
  text-decoration: none;
}

a:hover.previous_stories_title {
  color: #333;
  text-decoration: underline;
}

.enclosed {
  width: 748px;
}

/* subscribe / unsubscribe 
--------------------------------------------------------------*/

#subscribe fieldset {
  border: 0;
}

#name,
#address {
  width: 154px;
  background: #efefef;
  font-size: 1em;
  color: #666;
}

dl,
dd {
  margin: 2px 0 5px 0;
}

/* jobs and events
------------------------------------------------------------------------------*/

.EventAds {
	width: 748px;
	padding: 15px;
	text-align: left;
	background: #eee;
	clear: both;
	float: left;
}

.EventAd {
  float: left;
	width: 360px;
	margin-right: 14px;
}

.EventAds h2 {
  width: 100%;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}

.EventAds h2 a,
.EventAds h2 a:visited {
  color :#333;
}

.EventAds h3 {
  padding: 0;
  font-size: 1.1em;
}

.EventAds h3 a {
  text-decoration: underline;
  font-weight: bold;
}

.EventAds h3 a:hover {
  text-decoration: none;
}

.EventAds p {
  font-size: 1em;
  padding: 2px 0 0 0;
}

.EventsFooter {
  clear: both;
}

.EventsFooter a:link,
.EventsFooter a:visited {
  float: left;
  width: 100%;
  padding: 2px 0;
  text-align: right;
  font-weight: bold;
}

.EventAds img {
	border: 1px solid #ccc;
	margin: 15px 0 0 5px;
}

/* Ideas / People Pages
--------------------------------------------------------------------------*/

#ideas_list li,
#author_list li {
  margin-bottom: 20px;
}

#author_list li {
  clear: both;
}

#ideas_list p a {
  color: #333;
}

.avatar {
  height: 100px;
  width: 100px;
  margin: 0 15px 15px 0;
}

#author_list li {
  padding: 0;
  line-height: 1em;
}

.sort_nav h5,
.sort_nav ul.inline {
  display: inline;
}

.sort_nav {
  clear: both;
  border-bottom: 1px solid #ccc;
}

.sort_nav ul.inline {
  margin:0;
  padding:0;
}

.sort_nav ul.inline li {
  margin: 0 5px;
}

.sort_nav ul.inline li a ,
.sort_nav ul.inline li a:visited{
  color: #999;
}

.no_borders {
  border: 0;
}

/* story page
-----------------------------------------------------------------------------*/

#RatingWidget {
  margin-bottom: 20px;
  margin-left: 20px;
}

#RatingWidget a {


	float: left;
	height: 10px;
	width: 10px;
	margin: 2px 0 0 3px;
	display: block;
	background: #fff url('/assets/custom/247/your_rating.gif') top left no-repeat;
}

#RatingWidget a:hover,
#RatingWidget a.over.in {
	background: #fff url('/assets/custom/247/your_rating.gif') center left no-repeat;
}

#rating_label {
	float: left;
	margin-left: 10px;
	width: 350px;
}
#RatingWidget a.selected {
	background: #fff url('/assets/custom/247/your_rating.gif') bottom left no-repeat;
}

/* rss bar
-----------------------------------------------------------------------------*/

.hr {
  width: 758px;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  background: #eee;
  clear: both;
  float: left;
}

a.page_feed {
  display: block;
  float: right;
  width: 200px;
  text-align: right;
  padding: 0 35px 0 0;
  background: transparent url("/assets/custom/247/rss_icon.gif") top right no-repeat;
}

.figleft {
  float: left;
  margin: 0 15px 15px 0;
}

/* Comment Section
-------------------------------------------------------------------------*/

#comment,
#comments,
#commentBox {
  float: left;
}

.comment {
  width: 618px;
  border-right: 2px solid #ddd;
  border-left: 140px solid #fff;
  padding: 15px 0;
  margin: 20px 0;
  clear: both;
  background: #fff7d1;
  position: relative;
}

.comment .comment_form {
  margin: 20px;
  width: 520px;
}

.comment .comment_form .comment_body {
  padding: 10px;
  font-family: arial, verdana, helvetica, sans-serif;
  color: #444;
  font-size: 1em;
  line-height: 1.4em;
  width: 100%;
}

.comment .avatar {
  position: absolute;
  z-index: 10;
  top: 0;
  left: -120px;
  
}

.comment p,
.comment h4 a {
  margin: 10px 15px;
}

.comment .rating_links {
  position: absolute;
  width: 19px;
  top: 0;
  right: 0;
}

.comment .rating_links img {
  float: right;
}

.comment .rating_links a img.flag {
  margin-top: 5px;;
}

.comment .rating_links span {
  position: absolute;
  width: 150px;
  text-align: right;
  top: 5px;
  left: -170px;
}

#commentBox textarea {
  width: 776px;
  height: 150px;
  background: #fefefe;
  border-top: 2px solid #a9a9a9;
  border-right: 2px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  border-left: 2px solid #a9a9a9;
  font: 1.1em/1.3em arial, verdana, helvetica;
  color: #333;
}

.rate,
.feedback {
  float: left;
  width: 755px;
}

.feedback {
  padding-top: 20px;
  margin-top: 15px;
  border-top: 2px solid #ddd;
}

.feedback p.left {
  margin: 0 15px 0 0;
}

.hide_borders {
  border: 1px solid #fff;
  margin-right: 5px;
  display: block;
  height: 12px;
  width: 10px;
  overflow: hidden;
}

.hide_borders img {
  margin: -4px 0 0 -5px;
  overflow: hidden;
}

#commentHeader h2 {
  margin: 0 0 0 20px;
  padding: 10px 0;
  border-bottom: 2px solid #ddd;
}

ul.search_results li {
  margin: 0 0 20px 0;
}

ul.search_results li p {
  padding: 0;
  margin: 3px 0;
}

ul.search_results li h5 {
  color: #666;
  font-size: .9em;
}

ul.search_results li h5 em {
  color: #888;
}

.highlight {
  background: #fec699;
  font-weight: normal;
}

/* pre {
  margin: 1%;
  padding: 1%;
  width: 94%;
  border: 1px solid #ddd;
  background: #fff;
  overflow: scroll;
}
*/

code {
  margin: 2%;
  padding: 1%;
  width: 94%;
  background: #fff;
  overflow: scroll;
}

/* dirty little wodtke hacks */

.cmt{padding:1em}

div.digg {
  float: left;
  width: 200px;
}



/* Forum */


#TopicsCopy {
   margin-bottom: 10px;
}

#TopicsCopy h1{
  border-bottom: #e0e0e0 solid 1px;
}

#TopicsCopy h3{
	font-size: 1.5em;
}


.TopicListing {
    margin-top: 10px;
    padding: 8px 0;
}


.TopisListing h3 {}

/*
.TopicsCopy a img{
    margin: 0 10px 0 0;
    border: #ccc solid 3px;
    float: left;
    width: 50px;
    height: 50px;
}
*/
	
.TopicsMetaData {
 margin-bottom: 0;
}	
	.xmeta-icon {
		background: url(ico_information.png) no-repeat left;
		padding-left: 20px;
	}



#Secondary {
   background: #fcfcfc url(bkg_secondary.jpg) repeat-x top;
   padding: 25px 10px 10px;
}
.forum {
   border-bottom: #ccc solid 1px;
}









#TopicsData h2 {
	margin: 1em 0;
}


.TopicByline,
.TopicByline a {


	color: #999;
	padding: .2em 0 1em 0;	
	font-size: 12px !important;
}

.TopicsMetaData {
	color: #999;
	margin: .5em 0 1em 0;
	font-size: 1em;
	clear: both;
}

#TopicsForm {
  float: left;
  width: 510px;
}

.FormTopicSubmit {
  margin-top: 25px;
}

#topic_title {
  width: 510px;	
	font-size: 1.3em;
}

#topic_body {
	width: 510px;
}

.TopicsTopicNew {
  float: right;
  font-size: 1.3em;
}

#TopicComments {
  margin: 2em 0 0 0;
}

#comments {
   margin-left: -20px;
}

.AuthorPic {
   float: left;
   margin-right: 10px;
}















.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}