/*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:960px; height:284px;
	display:block;
 	text-indent:-9999px;
	background:transparent url(images/logo_Composite.png) no-repeat bottom center;	
}
#masthead h1 a {
	width:400px; height:100%;
	display:block;
    margin-left: auto;
    margin-right: auto;
	outline:none;
/* 	outline: blue solid; */
}
#content p,#content h1,#content h2,#content h3,#content h4,#content h5,#content h6, #content pre,#content ol,#content ul {
	margin: 0 0 0 50px;
}
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_body.jpg) repeat-y top center;
}
/* Masthead (Header) */
#masthead {
	width:960px; height:324px;
	margin:0 auto;
//	background:#ffffff url(images/bg_masthead.jpg) repeat-x top left;
	background:#ffffff url(images/bg_masthead_wildgridMenu48x324.jpg) repeat-x top left;
}
#masthead ul {
	display:block;
	width:100%;
}
#masthead ul li {
	display:block;
	width:90px;
	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.png) no-repeat left top;
	text-align:left;
}
#masthead ul li.primarySubscribe a  { 
	font-weight:bold;
	color:#006699;
}
#masthead ul li.primaryPhone {
	width:260px;
	padding-left:30px;
	float:right;
	background:transparent url(images/phone_icon.png) no-repeat left top;
	text-align:left;
}
#masthead ul li.primarySocioBar {
	width:300px;
	float:right;
	text-align:left;
}

/*Content*/
#content {
	width:630px;
	float:left;
}
#content div.article {
	margin-bottom:40px;
}
#content div.form {
	margin-bottom:40px;
	margin-left:50px;
}
#content ul, #content ol {
	margin-top:10px;
	margin-bottom:15px;
}
#content ul li {
	background: url(images/li_bullets_orangesh.gif) no-repeat left;
	padding-left:20px;
	margin-bottom:5px;
	margin-left:20px;
}
#content ol li {
	margin-left:40px;
	margin-bottom:5px;
}
#content ul.present, #content ol.present {
	padding:20px 0px 20px 0px;
	margin-left: 30px;
}
#content ul.present li.present {
	font:bold 20px Arial, Helvetica, sans-serif;
	background: url(images/arrow_r_48.png) no-repeat left;
	background-position:30px 8px; 
	background-color: orange;
	padding:20px 20px 20px 100px;
	margin-bottom:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#content ol.present li.present {
	margin-left:40px;
	margin-bottom:5px;
}
#content h1 {
	font:bold 26px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:24px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
#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;
}
#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;
}
#content p.phil {
	font-size:24px;
	margin-top:10px;
	padding-bottom: 20px;
	color:#999999;
	line-height:38px;
	display:block;
	background:url(images/dots_horizontal.jpg) repeat-x bottom left;
}
span.metaComment {
	float:left;
	padding-left:20px;
	margin-left:5px;
	background:url(images/comment_bubble.jpg) no-repeat top left;
}



/* zenhabits */
.optional_excerpt {
	float:right;
	margin-left:20px;
	margin-bottom:60px;
	font-size:10px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:50px;
	text-align:right;
	color:#555555;
}
.optional_excerpt img {
	margin-bottom:10px;
	display:block;
	border: 1px solid #9e9e9e;	
}
.optional_excerpt a {
	color:#98c4e0;
}

.optional_insert {
	float:left;
	margin-left:50px;
	margin-right:20px;
	margin-bottom:60px;
	font-size:10px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:50px;
	text-align:left;
	color:#555555;
}
.optional_insert img {
	margin-bottom:10px;
	display:block;
	border: 1px solid #9e9e9e;	
}
.optional_insert a {
	color:#98c4e0;
}



/* SU rocks so much */
span.stumbleuponbookmark {
	float:left;
	padding-left:15px;
	background:url(images/bookmark_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;
	padding-left:15px;
	margin-left:5px;
	background: url(images/bookmark_digg.jpg) no-repeat top 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;
}
/*Sidebar*/
#sidebar {
	width:330px;
	float:right;
}
#sponsor a img {
		border:0;
		margin:0;
		padding:0;
}
#advertising {
	padding-bottom: 20px;
}
#advertising a img {
		border:0;
		margin:0;
		padding:0;
}
span.sideCommentNum {
	padding-left:14px;
	background:url(images/comment_bubble.jpg) no-repeat top left;
}
span.sideDescription {
	float:left;
	padding-bottom:28px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: grey;
}
/*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 div#dmoz {
	width: 260px;
	margin-bottom:30px;
	margin-left: auto;
	margin-right: auto;
}
#sidebar div#dmoz table {
	width: 200px;
}
#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:960px;
	margin:0 auto;
	background:#000000 url(images/bg_footer.jpg) repeat-x top left;
	font-size: 14px;
}
#footer p {
	margin-left:20px;
	color: #ffffff;
	font-size: 9px;
	line-height: 40px;
}

/* define a footer menu by alex popadich*/
/*
#footer ul {
	display:block;
	-- overflow: auto; 
	width:100%;
}
#footer ul li {
	display:block;
	width:60px;
	float:left;
	font-size: 11px;
	line-height:20px;
	text-align:center;
	border-left: 1px solid #666666;
}
#footer ul li.first {
	border-left: 0px;
}
#footer ul li a {
	color: #666666;
	text-decoration:none;
}
#footer ul li a:hover {
	color: #ff6600;
}
*/

/*special menu for footer*/
ul#footermenu {
	display:block;
	width:600px;
}
ul#footermenu li {
	display:block;
	width:112px;
	float:left;
	font-size: 11px;
	line-height:20px;
	text-align:center;
	border-left: 1px solid #666666;
	list-style:none;
}
ul#footermenu li.first{
	border-left: 0px;
}
ul#footermenu li a{
	color: #666666;
	text-decoration:none;
}
ul#footermenu li a:hover{
	color: #ff6600;
}


/*special styles for articles*/
ul#vistamenu {
	display:block;
	width:564px;
}
ul#vistamenu li {
	display:block;
	width:82px;
	float:left;
	list-style:none;
}

/*image border*/

#content p img {
	border: 1px solid #CCCCCC;
	padding: 4px;
}


#content p img.cnt {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/*pre tag*/
#content pre { border: 1px solid #e1e1e1; background-color:#ebebeb; font-size:12px; padding:10px; margin-top:10px; margin-bottom:10px; }

.box {
	border: 2px solid #ff6600;
}

/* rollover button */
a.rollover {
	display: block;
	width: 287px;
	height: 72px;
	text-decoration: none;
	background: url("../images/playnow_toggle_cta.png");
}

a.rollover:hover {
	background-position: -287px 0;
}

.displace {
	position: absolute;
	left: -5000px;
}