/*  
Theme Name: Super Theme
Theme URI: http://www.stevenmaguire.com/themes/wordpress/
Description: The ultra flexible, lean, mean Search Engine Stomping WordPress Theme 
Version: 1.0
Author: Steven Maguire
Author URI: http://www.stevenmaguire.com
*/

/*************************************
          Color Key Begin
**************************************/
/*
#fbffec = Light Green
#b0d23d = Medium Green
#799127 = Dark Green
#666666 = Medium Gray 1
#555555 = Medium Gray 1
#424242 = Medium Gray 3
#393838 = Dark Gray
*/
body										{background: #424242; border-top: 7px solid #393838;}
h1, h2, h3, h4, a							{color: #424242;}
h1 span	, h4 span							{color: #666666;}
h1 span strong, h4 span strong				{color: #555555;}
a:hover										{color: #393838;}

.nav, .main-foot							{border: 1px #eeeeee solid; border-bottom: 7px solid #ff6103;}
.nav ul li a, ul.tabbernav li a				{background: none; color: #424242;}
.nav ul li a:hover, ul.tabbernav li a:hover	{background: none; color: #424242;}

/* Large Group with Same Color Style Begin */
.nav ul li a.active, 
.nav ul li a.active:hover, 
.nav ul li.current_page_item a, 
.nav ul li.current_page_item a:hover, 
.nav ul li.current_page_ancestor a, 
.nav ul li.current_page_ancestor a:hover,
.main-foot ul li a,
.main-foot ul li a:hover,
ul.tabbernav li.tabberactive  a,
ul.tabbernav li.tabberactive  a:hover		{background: #ff6103; color: #ffffff;}
/* Large Group with Same Color Style End */

ul.tabbernav								{border-bottom: 5px solid #ff6103;}
ul.tabbernav li.tabberactive  a, ul.tabbernav li.tabberactive  a:hover 	{border-top: 1px solid #ff6103; border-right: 1px solid #ff6103;}
ul.tabbernav li a, ul.tabbernav li a:hover	{border-top: 1px solid #ff6103; border-right: 1px solid #ff6103;}
.art, .super-foot							{background: #ff6103;}
.sidebar h2, .entry a									{color: #ff6103;}
.sidebar ul li ul li ul li					{border-left: 1px solid #ff6103;}

.comment-con-alt .commentBadge, .comment-con-alt .commentmetadata, .comment-con-alt .commentmetadata a, .comment-con .commentCount	{background: #fbffec; color: #ff6103;}
.comment-con .commentBadge, .comment-con .commentmetadata, .comment-con .commentmetadata a, .comment-con-alt .commentCount	{background: #fbffec; color: #ff6103;}

/*************************************
          Color Key End
**************************************/

/*************************************
             Structure
**************************************/
html						{margin: 0px; padding: 0px; height: 100%;}
body						{margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}

h1, h2, h3, h4				{margin: 0px; padding: 10px 10px 0px 10px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 20px;}
h1, h2 a, h1, h2 a:hover	{font-weight: normal;}
h1 span						{font-size: 20px;}
h1 span strong				{font-size: 28px; font-style: italic; font-weight: normal;}
h4							{font-size: 22px;}
h4 span						{font-size: 14px;}
h4 span strong				{font-size: 20px; font-style: italic; font-weight: normal;}
a							{font-weight: bold; text-decoration: none;}
a:hover						{font-weight: bold; text-decoration: underline;}

.saran						{margin: 0px auto; padding: 0px; width: 910px; height: auto;}

.wrap						{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: url(siteart/bkg-grayDt.jpg) repeat-x top;}
.header						{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;}
.mainWrap					{margin: 0px; padding: 0px; width: 900px; height: auto; float: left; background: #ffffff; border: 5px solid #ffffff;}
.main						{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;}
.footer						{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;}
.footer p					{margin: 0px; padding: 5px; font-size: 12px; color: #999999; float: left;}

.nav						{margin: 0px; padding: 0px; width: 898px; height: auto; float: left; background: none;}
.nav ul						{margin: 0px; padding: 0px 15px; list-style-type: none; float: left;}
.nav ul li					{margin: 0px; padding: 0px; float: left;}
.nav ul li a				{margin: 0px; padding: 0px 15px; display: block; line-height: 30px; text-decoration: none; font-weight: normal; font-size: 14px; border-left: 1px solid #dddddd; border-right: 1px solid #eeeeee;}
.nav ul li a:hover			{margin: 0px; padding: 2px 15px 0px 15px; display: block; line-height: 28px; text-decoration: none; font-weight: normal; font-size: 14px; border-left: 1px solid #eeeeee; border-right: 1px solid #dddddd;}
.nav ul li a.active			{margin: 0px; padding: 0px 15px; display: block; line-height: 30px; text-decoration: none; font-weight: bold; font-size: 14px; border-left: 1px solid #dddddd; border-right: 1px solid #eeeeee;}
.nav ul li a.active:hover				{margin: 0px; padding: 2px 15px 0px 15px; display: block; line-height: 28px; text-decoration: none; font-weight: bold; font-size: 14px; border-left: 1px solid #dddddd; border-right: 1px solid #eeeeee;}
.nav ul li.current_page_item a			{margin: 0px; padding: 0px 15px; display: block; line-height: 30px; text-decoration: none; font-weight: bold; font-size: 14px; border-left: 1px solid #dddddd; border-right: 1px solid #eeeeee;}
.nav ul li.current_page_item a:hover	{margin: 0px; padding: 2px 15px 0px 15px; display: block; line-height: 28px; text-decoration: none; font-weight: bold; font-size: 14px; border-left: 1px solid #dddddd; border-right: 1px solid #eeeeee;}
.nav ul li.current_page_ancestor a		{margin: 0px; padding: 0px 15px; display: block; line-height: 30px; text-decoration: none; font-weight: bold; font-size: 14px; border-left: 1px solid #dddddd; border-right: 1px solid #eeeeee;}
.nav ul li.current_page_ancestor a:hover{margin: 0px; padding: 2px 15px 0px 15px; display: block; line-height: 28px; text-decoration: none; font-weight: bold; font-size: 14px; border-left: 1px solid #dddddd; border-right: 1px solid #eeeeee;}

.banner						{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: #eeeeee;}
.content					{margin: 0px; padding: 0px; width: 898px; height: auto; float: left; background: none; border-top: 5px #eeeeee solid; border-left: 1px #dddddd solid; border-right: 1px #dddddd solid;}

.main-foot					{margin: 0px; padding: 0px; width: 898px; height: auto; float: left; background: none;}
.main-foot ul				{margin: 0px; padding: 0px 15px; list-style-type: none; float: right;}
.main-foot ul li			{margin: 0px; padding: 0px; float: left;}
.main-foot ul li a			{margin: 0px; padding: 0px 7px; display: block; line-height: 25px; text-decoration: none; font-weight: bold; font-size: 12px; border-left: 1px solid #dddddd; border-right: 1px solid #eeeeee;}
.main-foot ul li a:hover	{margin: 0px; padding: 2px 7px 0px 7px; display: block; line-height: 23px; text-decoration: none; font-weight: bold; font-size: 12px; border-left: 1px solid #dddddd; border-right: 1px solid #eeeeee;}
.main-foot p				{margin: 0px; padding: 5px; float: left; font-size: 12px; color: #424242;}

.c550						{margin: 0px; padding: 0px; width: 545px; height: auto; float: left; background: none;}
.c350						{margin: 0px; padding: 0px; width: 350px; height: auto; float: right; background: none;}
.c175						{margin: 0px; padding: 0px; width: 175px; height: auto; float: left; background: none;}

/*************************************
          Object Clusters
**************************************/
.logo						{margin: 5px; padding: 0px; width: 400px; height: auto; float: left; background: none; color: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 36px;}
.logo span					{text-transform: capitalize; font-size: 12px;}
.logo a						{color: #ffffff; text-decoration: none;}
.logo a:hover				{color: #efefef; text-decoration: none;}
.feed						{margin: 0px 5px; padding: 5px 10px 10px 10px; width: 340px; height: 50px; float: right; background: url(siteart/bkg-feed.jpg) no-repeat top center;}
.art						{margin: 0px; padding: 0px; width: 100%; height: auto; float: left;}
.art h1						{margin: 0px; padding: 20px; color: #ffffff;}
.art img					{margin: 0px; padding: 0px; width: 100%; border: none;}
.alert						{margin: 5px 0px; padding: 0px; width: 100%; height: auto; float: left; background: #efefef; border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc;}
.alert p					{margin: 0px; padding: 20px;}
.alert a					{color: #ff6103;}

/*************************************
       Post and Page Elements
**************************************/
.post						{margin: 0px; padding: 0px 0px 10px 0px; width: 100%; height: auto; float: left; background: none;}
.byline						{margin: 0px 10px; padding: 5px 5px 5px 17px; background: url(siteart/dudeman.gif) no-repeat left center;}
.byline p					{margin: 0px; padding: 0px; font-size: 13px; color: #333333;}
.entry						{margin: 0px; padding: 0px; background: none;}
.entry p					{margin: 0px; padding: 5px 10px; color: #424242; line-height: 18px; font-size: 12px;}
.entry ul, .entry ol		{margin: 10px; padding: 6px 10px 6px 30px; background: #f6f6f6; border: 1px solid #e4e4e4; color: #424242; font-size: 13px; line-height: 18px;}
.entry ul li, .entry ol li 	{margin: 0px; padding: 4px 0px; border-bottom: 1px solid #e4e4e4;}
.entry blockquote			{margin: 10px; padding: 20px 10px 20px 60px; font-size: 14px; font-style: italic; color: #424242; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; line-height: 20px;}
.entry blockquote p			{margin: 0px; padding: 0px; font-size: 14px; font-style: italic; line-height: 20px;}
.entry img					{padding: 10px; background: #ffffff; border: #eeeeee solid 1px; max-width: 90%;}
.postmetadata				{margin: 0px 10px; padding: 5px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.postmetadata ul			{margin: 0px; padding: 0px; list-style-type: none; font-size: 12px;}
.postmetadata ul li, .resultmetadata ul li					{margin: 0px; padding: 0px; display: inline;}
.postmetadata ul li a, .resultmetadata ul li a				{margin: 0px 5px; padding: 3px 5px 3px 20px; background-position: left center; background-repeat: no-repeat;}
.postmetadata ul li.cat a, .resultmetadata ul li.cat a		{background-image: url(siteart/bkg-folder.gif);}
.postmetadata ul li.com a, .resultmetadata ul li.com a		{background-image: url(siteart/bkg-comment.gif);}
.postmetadata ul li.admin a, .resultmetadata ul li.admin a	{background-image: url(siteart/bkg-admin.gif);}
.postmetadata ul li.social a, .resultmetadata ul li.social a    {background-image: url(http://images.del.icio.us/static/img/delicious.small.gif);}
.postmetadata ul li.social2 a, .resultmetadata ul li.social2 a  {background-image: url(http://www.stumbleupon.com/images/stumbleit.gif);}

.resultmetadata				{margin: 0px 10px; padding: 5px; border: none;}
.resultmetadata ul			{margin: 0px; padding: 0px; list-style-type: none; font-size: 10px;}

.postScroll					{margin: 0px; padding: 0px 10px 10px 10px; width: 94%; height: auto; float: left; background: none;}
.postScroll ul				{margin: 0px; padding: 0px; width: 96%; list-style-type: none; float: left; display: block;}
.postScroll ul li			{margin: 0px; padding: 1px 0px 0px 0px; width: 50%; float: left; font-size: 12px;}
.postScroll ul li a			{margin: 0px 10px; padding: 5px 10px; width: 83%; display: block; text-align: center; background: none; } 

ul.results					{margin: 0px; padding: 0px 0px 0px 20px; list-style-type: none; border-top: 1px solid #eeeeee;}
ul.results li				{margin: 5px 0px; padding: 0px 0px 5px 0px; background: #ffffff; border-bottom: 1px solid #eeeeee; border-left: 5px solid #eeeeee;}
ul.results li li			{border: none;}
ul.results li h3			{font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
ul.results li .byline p		{font-size: 10px;}
ul.results li .entry p		{margin: 5px 20px; padding: 0px; font-size: 10px; line-height: 16px;}

.profile					{margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: auto; border-top: 1px solid #eeeeee; float: left;}
.profile p					{margin: 10px 20px; padding: 0px; font-size: 12px; color: #424242; line-height: 18px;}
.profile dl					{margin: 5px; padding: 0px; width: 310px; height: auto; float: right; border-left: solid 1px #eeeeee; font-size: 12px; line-height: 20px;}
.profile dl dt				{margin: 0px; padding: 0px 5px 0px 0px; width: 100px; height: auto; float: left; background: none; text-align: right; border-bottom: 1px solid #eeeeee; font-size: 10px; font-weight: bold;}
.profile dl dd				{margin: 0px; padding: 0px 0px 0px 5px; width: 200px; height: auto; float: left; background: none; border-bottom: 1px solid #eeeeee;}
.profile dl br				{clear: both;}

/*************************************
             Comments
**************************************/
.comments					{margin: 0px; padding: 10px 0px; width: 545px; height: auto; float: left; background: none; border-top: 1px solid #cccccc;}
.post h3#comments, .post h3#respond		{margin: 0px; padding: 10px; line-height: 27px; background: none; color: #ff6103;}

.commentList				{margin: 0px; padding: 0px 20px; width: 505px; height: auto; list-style-type: none; background: none; float: left;}
.comment-con				{margin: 0px; padding: 0px 0px 5px 0px; width: 505px; height: auto; background: #efefef; float: left; border-top: 1px solid #cccccc;}
.comment-con-alt			{margin: 0px; padding: 0px 0px 5px 0px; width: 505px; height: auto; background: #efefef; float: left; border-top: 1px solid #cccccc;}

.commentBadge				{margin: 0px; padding: 0px; width: 70px; height: auto; float: left; background: #ffffff; border-bottom: 1px solid #cccccc;}
/*.commentAvatar				{margin: 0px; padding: 0px; width: 70px; height: 70px; float: left; background: url(siteart/defaultUser.jpg) no-repeat center center;}
.commentAvatar img			{margin: 10px 0px 0px 0px; padding: 0px; width: 60px; height: 60px;}*/
.commentAvatar                {margin: 0px; padding: 0px; width: 70px; height: 70px; float: left; background: none;}
.commentAvatar img            {margin: 5px; padding: 0px; width: 60px; height: 60px;}
.commentCount				{margin: 0px; padding: 0px; width: 70px; height: auto; float: left; text-align: center; font-weight: bold; font-size: 12px;}
.commentMain				{margin: 0px; padding: 0px; width: 432px; height: auto; float: left; background: none;}
.commentmetadata			{margin: 0px; padding: 5px 10px; width: 415px; font-size: 11px; color: #546477; background: #ffffff; border-bottom: 1px solid #cccccc;}
.commentmetadata a			{color: #546477;}
.commentBody				{margin: 0px; padding: 5px 10px; width: 414px; background: #ffffff; border-left: 1px solid #cccccc;}
.commentBody p				{margin: 0px; padding: 10px 0px; font-size: 12px; line-height: 18px; color: #424242; text-indent: 15px;}
.commentBody a				{color: #799127;}
.commentBody blockquote		{margin: 0px 0px 0px 40px; padding: 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 20px;}
form#commentform small		{font-size: 11px;}

.commForm					{margin: 0px 10px; padding: 10px; background: #fbffec;}
.commForm input.tbox		{width: 250px;}

/*************************************
         Random Ass Classes
**************************************/
.alignleft					{margin: 0px 10px 10px 0px; padding: 0px; float: left;}
.alignright					{margin: 0px 0px 10px 10px; padding: 0px; float: right;}

/*************************************
             Sidebars
**************************************/
.sidebar					{margin: 0px; padding: 0px; width: 100%; height: auto; background: none; float: right;}
.sidebar h2					{margin: 0px; padding: 0px; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.sidebar ul					{margin: 0px; padding: 0px; list-style-type: none;}
.sidebar ul li				{margin: 5px; padding: 5px; display: block; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; background: none; }
.sidebar ul li h2			{margin: 0px; padding: 0px; width: auto; height: auto; background: none; font-size: 18px;}
.sidebar ul li p, .sidebar ul li ul, .sidebar ul li .textwidget		{margin: 2px 0px; padding: 2px 0px 2px 4px; width: auto; height: auto; background: none; font-size: 12px; color: #424242; border-left: none;}
.sidebar ul li .textwidget, .sidebar ul li .tcloud		{padding: 2px 2px 2px 7px;}
.sidebar ul li .textwidget		{line-height: 18px;}
.sidebar ul li .textwidget img, .foot-bar ul li .textwidget img		{margin: 5px 0px 5px 5px; float: right; width: 25%;}
.sidebar ul li ul li		{margin: 0px 0px 0px 0px; padding: 3px 0px 3px 5px; border-left: none; border-top: none; border-top: #eeeeee 1px solid;}
.sidebar ul li ul li ul li	{border-top: none;}
.sidebar ul li ul li ul		{border-top: none;}

.super-foot					{margin: 0px; padding: 0px; width: 900px; height: auto; float: left;}
.super-foot a				{color: #ffffff;}
.super-foot a:hover			{color: #ffffff; text-decoration: underline;}
.foot-bar					{margin: 0px; padding: 0px; width: 100%; height: auto; background: none; float: right;}
.foot-bar h2				{margin: 0px; padding: 0px; color: #b0d23d; font-size: 14px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #ffffff;}
.foot-bar ul				{margin: 0px; padding: 0px; list-style-type: none;}
.foot-bar ul li				{margin: 5px; padding: 5px; display: block; width: 275px; display: block; float: left;}
.foot-bar ul li h2			{margin: 0px; padding: 0px; width: auto; height: auto; background: none; font-size: 18px; color: #ffffff;}
.foot-bar ul li p, .foot-bar ul li ul, .foot-bar ul li .textwidget		{margin: 2px 0px; padding: 2px 4px 2px 4px; width: auto; height: auto; font-size: 12px; color: #fcfff4; border-left: none;}
.foot-bar ul li .textwidget, .foot-bar ul li .tcloud		{padding: 2px 2px 2px 7px;}
.foot-bar ul li .textwidget	{line-height: 18px;}
.foot-bar ul li ul li		{margin: 0px; padding: 3px; width: 90%; display: block; border-left: none; border-top: none; border-bottom: #b0d23d 1px solid;}
.foot-bar ul li ul li ul li	{border: none;}
.foot-bar ul li ul li ul	{border: none;}

.advertise 					{margin: 5px; padding: 0px; border: 1px solid #eeeeee; border-top: none; border-bottom: none; text-align: center;}
.advertise img 				{margin: 5px 10px 0px 10px; padding: 5px; border: 1px solid #eeeeee; background: #ffffff;}
.advertise img:hover 		{border: 1px solid #cccccc; background: #eeeeee;}

/*************************************
	     Top Search Form
**************************************/
#xsnazzy 					{margin: 5px; background: #ffffff; border: 1px solid #eeeeee;}
.xtop, .xbottom 			{display:block; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 		{display:block; overflow:hidden;}
.xb1, .xb2, .xb3 			{height:1px;}
.xb1 						{margin:0 5px;}
.xb2 						{margin:0 3px;}
.xb3 						{margin:0 2px;}
.xb4 						{height:2px; margin:0 1px;}
.xboxcontent 				{display:block; padding:5px; height:100%; overflow:hidden;}

/*  Tabber  Style start -------------------- */
.tabberlive .tabbertabhide 	{display:none;}
.tabber 					{}
.tabberlive 				{margin:0 0px;}
ul.tabbernav				{margin:0; padding: 3px 0; font: bold 12px Arial, Helvetica, sans-serif;}
ul.tabbernav li				{list-style: none; margin: 0; display: inline;}
ul.tabbernav li a, ul.tabbernav li a:hover			{padding: 3px 0.5em; margin-right: 5px; text-decoration: none;}
ul.tabbernav li.tabberactive  a, ul.tabbernav li.tabberactive  a:hover		{padding: 3px 0.5em; margin-right: 5px; text-decoration: none;}
/*---- tabbertab = the tab content---------------------*/
.tabberlive .tabbertab 		{padding:5px; background: none;}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 	{display:none;}
.tabberlive .tabbertab h3 	{display:none;}
/*tabs on the page */
.tabberlive#tab1 			{}
.tabberlive#tab2 			{}
.tabberlive#tab2 .tabbertab {height:200px; overflow:auto;}

ul.tablist 					{margin:5px 0px; padding:0; list-style: none; color:#333;}
ul.tablist li  				{font-size:14px; margin:0 5px ;  padding: 2px 0 0 15px; list-style:none; border-bottom:1px dotted #959595; text-align:left;}
ul.tablist li a         	{text-decoration: none; line-height:20px;}
ul.tablist li a:hover 		{}

.searchform 				{padding: 10px; background: #efefef;}
.searchform form			{margin: 0px; padding: 0px;}
.searchform .s 				{border: 1px solid #cccccc; color: #333; font-family: Arial, Helvetica, Sans-Serif; padding: 5px; margin-right:5px; width: 213px; float: left;}
.searchform .button 		{}

/*************************************
	      Subscribe Form 
**************************************/
.subscribe 					{float: right;}
.subscribeform 				{margin: 0px; padding: 0px; float: left; overflow: hidden;}
.subscribeform form			{margin: 0px; padding: 0px;}
.subscribeform p 			{margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; color: #fff;}	
.subscribeform .input		{margin: 0px; padding: 10px 5px 0 5px; width:188px; height:20px;  border:none; background: url(siteart/bkg-feed-form.gif) no-repeat top center;} 
.sbutton 					{margin: 0px; padding: 5px 0 5px 0; width:74px; text-align:center; font:bold 11px Arial, Helvetica, sans-serif; cursor: pointer;	border: none; background: #222222; color: #ffffff;}
.rss 						{margin: 0px 3px; padding: 0px; float:left;}
.rss img					{border: none;}
