/* Global */
body {
	background:#3E3E3E url(../images/bg.gif);
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #dbdbde;
	
	margin:0;
	padding:0;
}

a {
	color:#FFFFFF;
}

img {
	border:0;
}

/* Layout */
.new-row {
	clear:both;
	padding-top:15px;
}

#container {
	width: 96%;
	margin: 40px auto 0px !important;
	position: relative;
	float:none;
		
	background-color:#3D3B3B;
}

#content {
	padding:0 15px 0 15px;
}

#round-top { 
	background: url(../images/corner_tr.gif) no-repeat top right;
}

#round-bottom { 
	background: url(../images/corner_br.gif) no-repeat top right;
}

img.corner {
   border: none;
   display: block !important;
}

h1 {
	padding:0;
	margin:0;
}

h2 {
	padding:0;
	margin:0;
	font-size:12px
}

.feed-image {
	border:1px #000000 solid;
}

#logo {
	width: 225px;
	margin: 0px 10px 20px 0px !important;
	position: relative;
	float:left;
}

#site-desc {
	width: 160px;
	margin: 0px 20px 0px 0px !important;
	position: relative;
	float:left;
}

.nav-button-row {
	margin: 0px 20px 0px 0px !important;
	position: relative;
}

.nav-button-row a {
	color: #dbdbde;
	text-decoration:none;
}

.nav-button-row a:hover {
	color:#FFFFCC;
}

.nav-button-row h2 {
	padding:5px 0 0 10px;
}

.nav-button	{
	width:84px;
	height:25px;
	background:#3D3B3B url(../images/nav_button.gif) no-repeat;
	
	position: relative;
	
	margin:0 0 0 10px;
	padding: 5px 0 0 0;
	
	font-size:12px;
	font-weight:bold;
	
	cursor:pointer;
}

.nav-text {
	margin:0;
	padding: 0px 0px 0px 8px;
	position: relative;
	float:left;
}

.nav-arrow {
	margin:0;
	padding: 3px 7px 0 0;
	position: relative;
	float:right;
}

.nav-icon {
	margin:0;
	padding: 0px 7px 0 0;
	position: relative;
	float:right;
}

#bottom-text {
	/*margin-top:20px;*/
	color:#171717;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}


/* RSS Containers */
#rss-container {
	margin:0 0 20px 1%;
}

.rss-box {
	width:31%;
	/*height:235px;*/
	background:#313135 url(../images/rss_bg.gif) repeat-x bottom;
	
	position: relative;
	float:left;
	
	margin-right:3%;
}

.rss-box-last
{
	margin:0;
}

form, .rss-box h2, h3 {
	font-size:15px;
	margin: 0 5px 10px 10px;
	/*border:#FF0000 1px solid;*/
}

.feedback-form tr td {
	font-size:11px;
}

.rss-box form h2 {
	font-size:12px;
	margin:0;
	margin: 0 5px 10px 0;
}

.rss-box form h2 img, .rss-box form h2 a {
	border:0;
	text-decoration:none;
}

.rss-box p {
	font-size:10px;
	padding:0;
}

.dis-tags {
	margin: 0 5px 10px 10px;
}

h3, h3 a, h4, h4 a {
	text-decoration:none;
}

.rss-box h3, .rss-box h3 a, .rss-box h4, .rss-box h4 a {
	font-size:12px;
	margin:0;
	padding:0;
	margin-right:10px;
}

.rss-box h3 a:hover, .rss-box h4 a:hover {
	text-decoration:underline;
	color:#FFFFCC;
}

.rss-box h3 a:visited { padding-right: 12px; background: url(../images/visitedLink.gif) no-repeat 100% 50%; color: #aaa; text-decoration: none; }
.rss-box h3 a:visited:hover { background-image: url(../images/visitedHoverLink.gif); color: #FFFFCC; }

.rss-box li, ul, ol {
	list-style-type: none;
	margin:0;
	padding:0;
	margin:0 5px 7px 5px;
}

.demo-videos li {
	padding-left:10px;
}

.image-rss-box {
	list-style-type: none;
	text-align:center;
}

.rss-description {
	margin:0;
	padding:0;
	padding-top:2px;
}

.rss-round-top { 
	/*background: url(../images/rss_corner_tr_standard.gif) no-repeat top right; */
}

.rss-round-bottom {
	background: url(../images/rss_corner_br.gif) no-repeat top right; 
}

img.rss-corner {
   border: none;
   display: block !important;
}

.text-row, #text-column {
	position:relative;
}

#text-column {
	width:66%;
}

.text-row h4 {
	font-size:12px;
	margin:0 10px 10px 10px;
}

input, textarea {
	border: 1px solid #000000;
	color:#000000;
	padding: 2px;
	background: #ffffff url(../images/form-shadow.png);
}

#login-username {
	padding-left:20px;
	background: #ffffff url(../images/openid_input.png) no-repeat;
}

.icon {
	border:0;
	margin-right:5px;
}

.podcast-desc {
	margin:0 10px 0 10px;
}

.podcast-desc img {
	margin-right:10px;
}

#ajax-response {
	padding-left:10px;
}

/* Add ticks to visited links - Source: http://webdesign.maratz.com/lab/visited_links_styling/ - February 2007 */
/*ul.podcast-link a:after { content: " - New!"; color: #ae2626; }
ul.podcast-link a:visited:after { content: ""; }
ul.podcast-link a:visited:hover { content: ""; }*/

ul.podcast-link a:visited { padding-right: 12px; background: url(../images/visitedLink.gif) no-repeat 100% 50%; color: #aaa; text-decoration: none; }
ul.podcast-link a:visited:hover { background-image: url(../images/visitedHoverLink.gif); color: #FFFFCC; }

.weather-item {
	padding-top:5px;
}

.weather-link {
	text-decoration:none;
}

.weather-link:hover {
	text-decoration:underline;
	color:#FFFFCC;
}

.weather-icon {
	height:34px; 
	width:61px;
	float:left;
}
	

.small-title {
	font-weight:bolder;
	font-size:11px;
}

/* Text */
#site-desc p {
	padding:0;
	margin:0;
}

#text-column p {
	font-size:11px;
}

.response-green, .response-green a, .ajax-response-green, .ajax-response-green a {
	color:#339933;
}

.big-response {
	font-size:12px;
	font-weight:bold;
}

.response-red, .response-red a, .ajax-response-red, .ajax-response-red a {
	color:#ff0000;
}

.ajax-response-red, .ajax-response-red a, .ajax-response-green, .ajax-response-green a {
	font-size:80%;
}

h5 {
	border-top:#666666 1px dashed;
	font-size:13px;
	padding-top:15px;
}

.question {
	margin:0;
	padding:0;
	font-weight:bold;
}

.answer {
	margin:2px 0 10px 12px;
	padding:0;
}

.menu-tags, .menu-tags input{
	font-size:90%;
}

.menu-tags input, .menu-tags select {
	background:#333333;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

#page-nos div {
	color:#333333;
	float:left;
	margin:0 3px 0 3px;
	padding:3px 5px 3px 5px;
	border:#000000 solid 1px;
	text-decoration:none;	
}

#page-nos a {
	text-decoration:none;
	cursor:pointer;
}

#page-nos a div {
	color:#FFFFFF;
	cursor:pointer;
}

#page-nos a:hover div {
	border:#FFFFCC solid 1px;
	color:#FFFFCC;
}

#page-nos div.dots {
	margin:0;
	border:0;
}

#current-page {
	background-color:#666666;
}

#copyright {
	margin-left:30px;
}

#bottom-text a {
	color:#171717;
}

/* 
	Popup Menu Styles
	These are the style specifications for the menu layers.  
	Set width to get more browsers corporation  */
div.menu  { 
  position:absolute; visibility:hidden; 
  width:135px; left:0; top:0; z-index:500; 
  font-size:12px; 
  background:#313135 url(../images/rss_bg.gif) repeat-x bottom;
  /*background-color: #2D2D2D;*/
  color:#000;
  border: 2px solid;	
  border-color: #666666 #3A3A3A #3A3A3A #666666; 
  z-index:500;
}

/* Style specifications for menu items and links  */
div.menu ul { margin:0; padding:0 }
/* Need to set padding of at least one pixel or ie sets very large margin */
div.menu ul li { 
  padding:1px; margin:0;
  list-style-type:none
  }

/* Set display block and position relative so clicks on list items activate links  */  
.menu-item a, .ajax-response-green, .ajax-response-red { 
  cursor:default;
  background-color:transparent; 
  display:block; position:relative; 
  text-decoration:none 
}

div.menu a, .list-tags-title, .ajax-response-red, .ajax-response-red a, .ajax-response-green, .ajax-response-green a, .menu-item form {
	padding:.3em .4em; 
	margin:0;
}

.list-tags {
	font-size:85%;
}	
  
div.menu a:link, .menu-tags, .list-tags-title { color:#FFFFFF }
div.menu a:visited { color:#FFFFFF }
div.menu a:hover { color:#000000; background-color:#FFFFCC }
/* End Popup Menu Styles */
	
/* Needs to be at the bottom to have priority over layout */
.float-left {
	float:left;
}

.float-right {
	float:right;
}

.menu-item .menu-tags img {
	padding:0;
	margin-top:4px;
}