/*CSS Reset - derivative of YUI Reset CSS - http://developer.yahoo.com/yui/reset/#code */
html,body,div,pre,form,fieldset,input,h1,h2,h3,h4,h5,h6,p,textarea,ul,ol,li,dl,dt,dd,blockquote,th,td {  
	margin:0; 
	padding:0; 
}
table { 
	border-collapse:collapse; 
	border-spacing:0; 
}
fieldset,img {  
	border:0; 
} 
address,caption,cite,code { 
	font-style:normal; 
	font-weight:normal; 
} 
ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym { 
	border:0; 
}
/*Base Styles*/
body {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	background-color: #989898;
	color: #333333;
}
/*Load ASAP*/
#masthead h1 {
	width:980px; height:60px;
	/*display:block;*/
	text-indent:-9999px;
	background:transparent url(images/logo.jpg) no-repeat top left;
}
#masthead h1 a {
	width:285px; height:100%;
	display:block;
	outline:none;
}
#content p,#content h1,#content h2,#content h3, #content h4,#content h5, #content pre,#content ol,#content ul {
	margin: 0 0 0 50px;
}

#content h6{

}

a, a:visited, a:active {
	color: #006699;
	text-decoration:none;
}
a:hover {
	color: #0099ff;
	text-decoration:underline;
	
}
a:link img, a:visited img, a:active img {
	/*border:3px solid #e1e1e1;*/
}
a:hover img {
	/*border: 3px solid #464646;*/
}
.floatRight {
	float:right;
	padding:0 0 10px 10px;
}
.floatLeft {
	float:left;
	padding:0 10px 10px 0;
}
.clear {
	clear:both;
}
h1,h2,h3,h4,h5,h6 {color: #000000; font-weight:bold;}
div.navigation{margin-left:50px;margin-bottom:20px;}
/*------------/*

/*Layout*/
#wrapper { 
	margin: 0 auto; 
	width: 980px;
	text-align:left;
}
#inner {
	width:980px;
	float:left;
	background:#ffffff url(images/bg_body2.jpg) repeat-y top center;
	 
}
/* Masthead (Header) */
#masthead {
	width:980px; 
	height:120px;
	margin:0 auto;
	background:#ffffff url(images/bg_masthead.jpg) repeat-x top left;
	/*gabe download please*/
}
#masthead ul {
	display:block;
	width:100%;
}
#masthead ul li {
	display:block;
	width:100px;
	float:left;
	line-height:30px;
	text-align:center;
}
#masthead ul li a {
	color: #666666;
	text-decoration:none;
}
#masthead ul li a:hover {
	color: #999999;
	border-bottom: 2px solid #999999;
}
#masthead ul li.primarySubscribe {
	width:260px;
	padding-left:30px;
	float:right;
	background:transparent url(images/rss_icon.jpg) no-repeat left top;
	text-align:left;
}
#masthead ul li.primarySubscribe a  { 
	font-weight:bold;
	color:#006699;
}

/*Content*/
#content {
	width:630px;
	float:left;
}
#content div.article {
	margin-bottom:40px;
}
#content ul, #content ol {
	margin-top:10px;
	margin-bottom:15px;
}
/*
 
#content ul li {
	background: url(images/li_bullets_small.jpg) no-repeat left;
	padding-left:20px;
	margin-bottom:5px;
	margin-left:20px;
}
*/
#content ol li {
	margin-left:40px;
	margin-bottom:5px;
}
#content h2 {
	display:block;
	border-top: 1px solid #cccccc;
	padding-top:10px;
}
#content h2, #content h2 a, #content h2 a:visited, #content h2 a:active {
    font:bold 26px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:26px;
	text-decoration:none;
}

#content h2 a:hover {
	text-decoration:underline;
}
#content h3 {
	font:bold 17px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:24px;
	padding-bottom:5px;
}
#content h4 {
	color: #333333;
	font-size:13px;
	line-height:13px;
	padding-top:5px;
	padding-bottom:3px;
	margin:0 10pt 0 0;
}
#content p {
	line-height: 20px;
	margin-bottom: 15px;
}
#content p.meta {
	font-size:11px;
	margin-top:10px;
	padding-bottom: 20px;
	color:#999999;
	line-height:11px;
	display:block;
	background:url(images/dots_horizontal.jpg) repeat-x bottom left;
}
#content p.meta span.authorInfo {
	float:left;
}
span.metaComment {
	float:left;
	padding-left:20px;
	margin-left:5px;
	background:url(images/comment_bubble.jpg) no-repeat top left;
}
/* SU rocks so much */
span.stumbleuponbookmark {
	float:left;
	padding-left:15px;
	background:url(images/boookmark_stumbleupon.jpg) no-repeat top left;
}
/* del.ico.us lovin' */
span.deliciousbookmark {
	float:left;
	padding-left:15px;
	margin-left:5px;
	background: url(images/bookmark_delicious.jpg) no-repeat top left;
}
/*Save the best for last - I heart Digg x infinity */
span.diggbookmark {
	float:left;
}
#content a.more-link {
	text-decoration:none;
	display:block;
	height:26px;
	width:140px;
	line-height:26px;
	text-align:center;
	background:#ffffff url(images/bg_masthead.jpg) repeat-x top left;
	color:#CCCCCC;
}
#content a.more-link:hover {
	text-decoration:underline;
}
/*Comments*/
#comments {
	font-size: 12px;
	margin-left:0;
	
}
#comments p {
	line-height: 15px;
	margin-left:10px;
}
#comments form {
	margin-left:40px;
}
#comments a {
	color:#003366;
}
h3.commentSum {
	border-top:5px solid #CCCCCC;
	display:block;
	background:#ffffff url(images/dots_horizontal.jpg) repeat-x bottom left;
}

#comments span img.gravatar {
	float:right;
	width:80px;
	margin:0 10px 10px 10px;
	height:80px;
	
}
#comments h5 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-left:10px;
}
#comments h5 a {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#003366;
	text-decoration:none;
}
#comments h5 a:hover {
	text-decoration:underline;
}
p.userCommentDate {
	color:#999999;
}
div.userComment {
	margin:10px 10px 10px 50px;
	padding: 1px 0;
	background: url(images/dots_horizontal.jpg) repeat-x bottom left;
	color:#333333;
}
div.authorComment {
	margin:10px 10px 10px 50px;
	padding: 15px 0;
	background: #e5e5e5 url(images/dots_horizontal.jpg) repeat-x bottom left;
}
#comments p.commentDate {
	font-size:11px;
	color:#999999;
	line-height:11px;
}
/*Sidebar*/
#sidebar {
	width:340px;
	float:right;
}
 #sponsor a img {
		border:0;
		margin:0;
		padding:0;
 }
span.sideCommentNum {
	padding-left:14px;
	background:url(images/comment_bubble.jpg) no-repeat top left;
}
/*Comments*/
#sidebar h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
	margin-bottom: 5px;
	border-top:5px solid #e5e5e5;
}
#sidebar h2, #sidebar ul, #sidebar ol, #sidebar p, #sidebar div {
	margin:0 35px 5px 35px;
}
#sidebar div#sponsor {
	margin-bottom:30px;
}
#sidebar ul {
	font-size: 12px;
	margin-bottom:30px;

}
#sidebar ul li {
	padding-top: 5px;
	margin-bottom: 10px;
	display:block;
	background: transparent url(images/dots_horizontal.jpg) repeat-x top left;
}
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#sidebar ul li a:hover {
	text-decoration:underline;
}
#sidebar ul li.topCommenter {
	font-weight:bold;
}
#sidebar ul li.topCommenter a {
	font-weight:normal;
	display:block;
}
blockquote {
	margin:10px 30px 10px 80px;
	padding:10px;
	color:#333333;
	font-style:italic;
	border-top:1px solid #989898;
	border-bottom: 1px solid #989898;
	background-color: #e9e9e9;
}
#content blockquote p {
	margin:0;
}
/*Footer*/
#footer {
	clear:both;
	width:980px;
	margin:0 auto;
	background:#000000 url(images/bg_footer.jpg) repeat-x top left;
}
#footer p {
	margin-left:20px;
	color: #ffffff;
	font-size: 11px;
	line-height: 40px;
}
/*special styles for articles*/
ul#vistamenu {
	display:block;
	width:608px;
}
ul#vistamenu li {
	display:block;
	width:152px;
	float:left;
	list-style:none;
}

/*image border*/
#content p img {
	border: 1px solid #CCCCCC;
	padding: 4px;
}
#comments img.avatar {
margin-left:10px;
}

.profileTableInfo .label{
	width: 100px;
	color:gray;
	padding-bottom: 2px;
}
.profileTableInfo #name{
	font-size:15px;	
	padding-bottom: 10px;
	font-weight: bold;
}

.profileTableInfo td {
	font-size:11px;
	line-height:13px;
	margin:0;
	padding:1px 0;
	vertical-align:top;
}

.profileTableInfo about_me{
	padding-bottom: 10px;	
}

.profile .account_info {
background:#F7F7F7 none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
border-top:1px solid white;
margin:0 -20px 2px -230px;
padding:17px 20px 8px 238px;
}

.small_message{
	font-size:10px;
	color:#FFFFFF;
	padding: 3px 0px 5px 0px;
}

.editbar {
	background-color:#F7F7F7;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	color:#000000;
	overflow-x:visible;
}

 .goog-flat-button {
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	color:#000000;
	cursor:pointer;
	margin:2px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:2px 6px;
	/*position:relative;*/
	white-space:nowrap;
}

.goog-flat-button-hover, .goog-flat-button-active {
	background-color:#F7F7F7;
	border-color:#0000CC;
	color:#000000;
}

/*
.goog-flat-button-disabled{
	border-color:#ccc;color:#777;background-color:#f7f7f7;cursor:default;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75
}
 .goog-flat-button-hover,.goog-flat-button-active{
	border-color:#00c;color:#000;background-color:#f7f7f7
}
 .goog-flat-button-selected, .goog-flat-button-checked, .goog-flat-button-focused{
	border-color:#ccc;color:#000;background-color:#f7f7f7
}
*/

.goog-inline-block {
display:block !important;
}

/* style.css*/

/*body, td, th, input {
	background:#D1D1D1 url(http://www.webdesignfromscratch.com/images/body-bg.gif) repeat-x scroll center top;
	color:#222222;
	margin-top:0px;
	font-family:verdana,sans-serif;
	font-size:small;
	voice-family:inherit;
}*/
			
				
				#mantle2 .bd {position:relative; padding-left:10px;}
				#mantle2 .bd img {position:relative; top: 5px; margin:0; padding:1px; border:1px solid #9cafbd;border-color:#9cafbd #9cafbd #647684 #647684;}
				/*#mantle2 h3 {color:#ffffff;font:bold 100% arial; margin-bottom:2px;}*/
				#mantle2 ul {font:77% verdana; height:4em;_height:4.5em; margin:0 0 .5em}
				#mantle2 ul li {color:#333;margin-bottom:1px;padding-left: 8px; background:url(http://us.i1.yimg.com/us.yimg.com/i/nt/gr/li/2x2/003399.gif) 2px 50% no-repeat;}

.pagenav .thispage, .pagenav a:link, .pagenav a:visited {
	padding:2px 6px;
	border:1px solid #CAD6E8;
}
/*gabe  come back */
.pagenav a.next:link, .pagenav a.next:visited {
	background:white url(http://sitepointstatic.com/images/icons/next.png) no-repeat scroll right center;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	padding-right:14px;
	text-decoration:none;
}


#logInMessage {
	border:2px solid #1F3E75;
	background:#DFECFB;
	padding:10px 0px;
	margin:	0 0 0 50px;
	text-align:center;
	margin-top: 10px
	 
}

#search_bar {
	/*border:2px solid #1F3E75; */
	/*background:#DFECFB;*/
	padding:1px 0px;
/*	margin-top: 10px;*/
	
}

#search_song {
	width:302px;
	height: 19px;	
}

#picture{
	/*background-image: url(http://us.i1.yimg.com/us.yimg.com/i/ww/thm/1/ngsrch_spirit.png);*/
	background-image: url(images/green_bar.jpg);
	/*height:55px;
	width:300px;
	margin-right: 20px;
	float: right;*/
	
}


#search_inside{
	height: 30px;
	padding: 15px;
}
#inside_search_buttons{
	width: 100px;
}

#click_red{
	color: red;
	text-decoration: underline;
}

#click_blue{
	color: blue;
	text-decoration: underline;
}


	

#inside_search_box{
	margin: 0px 110px;
}
#container {
	background-color: #FFFFFF;
	margin:0 auto;
	padding:0;
	text-align:center;
	width: 800px;
	

	
}
#nav {
	background:#3EA0C3 none repeat scroll 0% 50%;
	position:relative;
	top:10px;
	;
}  

#gabe_header {
	/*background:#33415D url(https://addons.mozilla.org/img/rustico/header/header-background.png) repeat-x scroll center top;*/
	background: url(g_top.png);
	/*background-repeat: no-repeat;*/
	border-bottom:1px solid #A1A6B1;
	height:38px;
	/*padding:0pt 50px;*/
	position:relative;
	bottom:0pt;
	width:800px;
	
	
	z-index:1;
}

#gabe_header div {
	margin:0pt auto;
	max-width:900px;
	position:relative;
}

#header h1 {
	margin:0pt 720px 0pt 0pt;
}
#header h1 img {
	color:#7F7C45;
	font-weight:bold;
}

#header ul {
	border-left:1px solid #B0BEC7; 
	border-right:1px solid #1F2635;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	position:absolute;
	right:0pt;
	top:0pt;
}

#header li {
	float:left;
	margin:0pt;
	padding:0pt;
}


#header ul a:link, #header ul a:visited {
	
	border-right:1px solid #B0BEC7;
	color:#DEE0E5;
	display:block;
	float:left;
	height:16px;
	padding:10px 15px;
	text-decoration:none;
	voice-family:inherit;
}

#header ul li a.current, #header ul li a:hover {
	background:#475470 none repeat scroll 0%;
	color:#FFFFFF;
	text-decoration:underline;
}

img {
border:0pt none;
}
/*///////////////// */

a:link, a:visited {
	text-decoration:none;
}
a, #news .bd .btn-more a:visited {
	color:#16387C;
}
a:hover {
	text-decoration:underline;
	margin-left: 0px;
}

#left {
	float:left;
	top : 10px;
	min-width:0px;
	position:relative;
	/*width:55%;*/
	z-index:10;
	width: 400px;
}

#right {
	float:right;
	top : 10px;
	position:relative;
	width: 385px;
}


.md {
	margin:0pt 0pt 0pt 50px;
	position:relative;
}
ol, ul, dl, .md, .md-sub, .hd, .bd, .ft, .fixfloat, .fbody, #colcx, #rightcx, #eyebrow, #masthead,  #tabs, #sbox, #doors, #patabs, #patop, #newsft, #newsbottom {
}
.md {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #B0BEC7;
}
.bd {
	padding:5px 10px 10px;
}

body * {
	/*line-height:1.22em;*/
	margin-left: 0px;
}
.hd {
	margin:-1px -1px 0pt;
	position:relative;
}

.hd {
	background-color:#FFFFFF;
	background-position:0pt -916px;
	border-color:#B0BEC7 rgb(176, 190, 199) rgb(147, 166, 180);
	border-style:solid;
	border-width:1px;
	color:#18397C;
}
.btn-more-2, .hd li.on em, div.hd li.sparkle a, .hd, #mastheadbd .top, #mastheadbd, #doors li a, #today .ft li.on a, #mastheadbd .mh_footer, #mastheadft {
	background-image:url(http://us.i1.yimg.com/us.yimg.com/i/ww/thm/1/grd-1px_1.3.gif);
	background-repeat:repeat-x;
}

.hd h4 {
	/*border-bottom:1px solid #FFFFFF;*/
	font-family:arial;
	font-size:100%;

	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	padding:1px 11px;
	position:relative;
	
}
body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, legend, input, img {
	margin:0pt;
	padding:0pt;
}
#page {
	/*background-color: #FF77FF;*/
	position: relative;
	height: 0px;
	width: 800px;
	/*border: 1px solid #A1A6B1;*/
	text-align:left;
	top: 10px;
}

.btn-more {
	bottom:5px;
	font-family:verdana;
	font-size:77%;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	position:relative;
	white-space:nowrap;
	
}

ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/*//////////////////// */

#e2e {
margin-left:400px;
position:relative;
top:-10px;
z-index:100;
}

img#searchother_e2e {
	display:block;
	height:55px;
	width:400px;
}
#search {
	position:relative;
	left:0px;
	top:40px;
	z-index:200;
}
#input_search_bar{
	
	width:300px;
 
}

#nav_top{
	background:transparent url(top.gif) no-repeat scroll 0pt 50%;
	/*height:5px;*/
	width: 800px;

}

#login_form {
	padding:10px;
	width:240px;
}

#login_fieldset {
	border-left:0px none;
	border-right:0px none;
	width:225px;
}
.niceform fieldset {
	border:1px solid #B5B8C8;
	margin-bottom:1em;
	padding:0.25em 0.5em 0.5em;
}
.niceform fieldset legend {
	color:#15428B;
	font-size:0.9em;
	font-weight:bold;
}

.niceform div.form_item, .niceform fieldset div.form_item {
	margin:0pt;
	padding:0.2em;
}
/*element.style {
	display:-moz-inline-box;
}*/
#login_fieldset label {	
	width:75px;
}
.niceform label {	
	padding-bottom:0.2em;
	vertical-align:bottom;
	
}

.form_item input {
	width:200px;
}

element.style {
	display:-moz-inline-box;
	text-align:center;
	
}
	.nice_button, a.nice_button, a.nice_button:hover, a.nice_button:active, a.nice_button:visited {
	background:transparent url(button_gradient.gif) no-repeat scroll 0%;
	border-color:#FFFFFF rgb(187, 187, 187) rgb(187, 187, 187) rgb(255, 255, 255);
	border-style:solid;
	border-width:1px;
	color:#444444;
	cursor:pointer;
	margin:auto;
	padding:0.1em 1em;
	text-align:center;
	text-decoration:none;
	
	}
	
	.inputbutton, .inputsubmit {
	background-color:#3B5998;
	border-color:#D9DFEA rgb(14, 31, 91) rgb(14, 31, 91) rgb(217, 223, 234);
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	padding:2px 1px 3px ;
	text-align:center;
	width:75px;
	
}

#nav_bottom {
	position: relative;
	bottom: 600px;
}
#inside_box {
	border:1px;
	solid #ccc; 
	text-align:left; 
	padding: 15px 10px 10px 15px
}


#login_form	{width: 500px;}

#login_fieldset {width: 300px;}

.user_message {
		display: block;
		font-size:10px;
		color: gray;
	

}

.form_item_user{
		padding-bottom: 20px;

}

.require{
		color: red;

}

#user_name{border:2px solid #1F3E75; background:#DFECFB;}