A {
        font-weight: bold;
}

A:visited {
	color: #3399FF;
	text-decoration: none
}

A:link {
	color: #3399FF;
	text-decoration: none;
}

A:active {
	color: #3399FF;
	text-decoration: none
}

A:hover {
	color: #3399FF;
	text-decoration: underline
}


body {
/*	background-color: #808080; */
}

ul {
          margin-left: 0;
          padding-left: 10px;
}



ul.green li { 
         color:green; 

}



#blogwire { }
#blogwire h2 {color: #3399FF;}
#blogwire ul {margin: 0px; padding: 0px;}
#blogwire li {list-style-type: none; 
              margin-bottom: .4em;}

.mainLayout {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.mainTable {
	padding: 0px;
	width: 100%;
        border: 0px solid #3399FF;
}

.LEFT_SIDE {
	width: 180px;
	padding: 3px;
	margin: 0px;
	border-right: 0px solid #3399FF;
        background-color: #FFFFFF;
}



.addthis_toolbox.addthis_default_style {
              /* border: 1px solid #215628;  */
              padding: 10px;
              float: right;
              }

/* header */

            #header {
              position : relative;             
            

makes #header the parent element for absolute 

positioned nav-bar */
              margin : 0px;
              padding : 0;
              /*height : 155px; 108px;*/
/*              background-image: 
url(http://blog.showmeprogress.com/upload/SMPheaderimgNEW.jpg);
              background-position: 0% 0px;
              background-repeat: no-repeat;
*/
            }

          
            #header #logo {
              position : absolute;
              top : 5px;
              left : 10px;
              height : 70px;
              width : 245px;
              background-color : transparent 

!important;
            }

            #header #slogan {
	font-family: verdana, arial;
              position : absolute;
              right : 20px;
              font-size : 1em;
              font-style : italic;
              color : #3399ff;
              font-weight : bold;
              top : 25px;
            }

/* header nav-bar */
            #header-nav {
              /* left: 0%; */
	       font-family: verdana, arial;
               position : absolute;
               bottom : 0px;
               padding-bottom : 0px;
               /*width : 70%;*/
            }
            
            #header-nav .nav-bar {
              padding : 0px;
              /*text-align : center;
              width : 54em;*/
              margin : 0px  !important;	

		
            }

            #header-nav .nav-bar li {
              margin : 0;
              padding : 0;
              float : left;      
              color : #fff;
              font-size : .7em;
              font-weight : bold;
              list-style-type : none;	
              text-align : center;
              display : block;            
            }

            #header-nav .nav-bar li a {
              color: white;
              text-decoration: none;
              padding-bottom : 2px !important;
              display : block;
              float : left;
              width : 5em;
              /*text-align : center !important;*/
            }

            #header-nav .nav-bar li a:link     { 

color: #fff; text-decoration: none; font-weight: bold; 

}
            #header-nav .nav-bar li a:visited  { 

color: #fff; text-decoration: none; font-weight: bold; 

}
            #header-nav .nav-bar li a:hover    { 

color: #fff; text-decoration: none; font-weight: bold; 

background-color : transparent; }
            #header-nav .nav-bar li a:active   { 

color: #fff; text-decoration: none; font-weight: bold; 

background-color : transparent; }
            #header-nav .nav-bar li a:focus    { 

color: #fff; text-decoration: none; font-weight: bold; 

background-color : transparent; }

            #header-nav .nav-bar li#current a  { color 

: #fff !important; text-decoration : none; }
            
            #header-nav .nav-bar li a:hover,
            #header-nav .nav-bar li a:active,
            #header-nav .nav-bar li a:focus,
            #header-nav .nav-bar li#current a {
/*              background-image : 
url(http://staging.showmeprogress.com/wp-content/themes/_showmeprogress/images/white-arrow-sm.gif); */
              background-position : 50% 100%;
              background-repeat : no-repeat;           

   
            }                        

.MAIN_BODY {
        background-color: #FFFFFF;	
}

.MAIN_BODY img {
    max-width:800px;
    width: expression(this.width > 800 ? 800: true);
} 

.RIGHT_SIDE {
	width: 180px;
	padding: 3px;
	margin: 0px;
	border-left: 0px solid #3399FF;
        background-color: #FFFFFF;
}

table {
	font-family: verdana, arial;
	font-size: 11px;
}

/* BEGIN Styles used for bloxes */
.objectTable {
	border-width: 1px;
	border-color: #3399FF;
/*	border-style: solid;*/
	border-style: none;
}

.objectHeading {
/*	background-color: #3399FF; */
	color: green; /* #FFFFFF; */
	padding: 5px;
	font-weight: bold;
        text-align: center;
        height: 24px;
	background: url(http://showmeprogress.com/upload/objhdgtop.gif) no-repeat;
}

.objectContent {
	background-color: #FFFFFF;
	color: #000000;
	padding: 1px 5px 1px 5px;
	margin: 4px;
	width: 100%;
}

/* END Styles used for bloxes */ /* BEGIN  Diary Title 

Style */
h1.diaryTitle {
	font-size: 18px;
	font-weight: bold;
}

h2.author {
	font-size: 11px;
	font-weight: normal;
}

h3.diaryTimestamp {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

a.diaryTitle {
	color: #191970;
}

/* #000  */

a.diaryTitle:hover {
	color: #000;
}

/* #00F  */

a.diaryTitle:visited {
	color: #000;
}

a.hotList {
	font-weight: normal;
	font-size: 11px;
	color: #00F;
}

a.hotList:hover {
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
	color: #00F;
}

a.author {
	
}

a.author:hover {
	
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

/* End Diary Title Style */
blockquote {
	margin: 0px 40px 0px 40px;
	border: 1px solid #3399FF;
	background-color:   #E0E0E0;  
	padding: 10px;
}


.theFlip {
	padding: 20px;
}

.smallText {
	font-family: verdana, arial;
	font-size: 10px;
}

.titleBar {
	background-color: #3399FF;
}


.titleBar A {
	color: #FFFFFF;
}

.objectButton {
	
}

.commentBar {
	background-color: #DDDDDD;
}

/* Quick Hit Styles */
.quickHitTime {
	font-style: italic;
}

.quickHitText {
	
}

.quickHitAuthor {
	font-size: 11px;
}

A.quickHitAuthor {
	color: #F00;
}

.quickHitTitle {
	font-size: large;
	font-weight: bold;
}

A.quickHitTitle {
	font-weight: bold;
}


/* footer */

            #footer-wrapper {
              clear: both;                  /* clears 

left column and content floats */
            }

            #footer {
              color : #fff;            
              background-image: 
/* url(http://staging.showmeprogress.com/wp-content/themes/_showmeprogress/images/page-bottom.jpg); */
url(http://showmeprogress.com/upload/SMPfooterimg.jpg);
              background-position: 50% 0%;
              background-repeat: no-repeat;            

      
            }
            
            #footer .inner {
              margin : 0 2em 0em 2em;
              padding-top : 1em;
            }
            
            #footer a {
              padding-bottom : 2px;
            }

            #footer a:link      { color : #3399FF; 

text-decoration : none; }
            #footer a:visited   { color : white; 

text-decoration : none; }
            #footer a:hover     { color : white; 

text-decoration : none; background-color : 

transparent; border-bottom : 2px solid #fff; }
            #footer a:active    { color : white; 

text-decoration : none; background-color : 

transparent; border-bottom : 2px solid #fff; }
            #footer a:focus     { color : white; 

text-decoration : none; background-color : 

transparent; border-bottom : 2px solid #fff; }

            #footer-nav {
              width : 37em;
              margin : 0 auto 0 auto;
            }
            
            #footer-nav .nav-bar {
              float : center;			
              text-align : center;  
              margin-bottom : 1em;                 
            }
            
            #footer-nav .nav-bar li {
	font-family: verdana, arial;
              font-size : 1em;
              text-align : left;
              float : left;			
              margin-bottom : 0em;   
              list-style-type : none;              
            }
            
            #footer-nav .nav-bar li a {
              border-bottom : none !important;         

   
              width : 5em;
              display : block;
              float : left;
              padding-bottom : 3px;
            }
            
            #footer .nav-bar li a:hover     { 

text-decoration : none; }
            #footer .nav-bar li a:active    { 

text-decoration : none; }
            #footer .nav-bar li a:focus     { 

text-decoration : none; }
                        
            #footer .nav-bar li a:hover,
            #footer .nav-bar li a:active,
            #footer .nav-bar li a:focus,
            #footer .nav-bar li.current a {
/*              background-image : 
url(http://staging.showmeprogress.com/wp-content/themes/_showmeprogress/images/white-arrow-sm.gif); */
              background-position : 50% 100%;
              background-repeat : no-repeat;           

   
            }            

            #footer p {
              font-size : 1em;
            }            

            #footer .footer-text {
              margin : 0;
              padding : 0;
              text-align : center;
              padding-bottom : 2em;   
              clear : left;           
            }


/* reusable utility code */

            .left       { float: left; }
            img.left    { margin: 0 10px 10px 0; }

            .right      { float: right; }
            img.right   { margin: 0 0 10px 10px; }

            .center     { text-align: center; }
            /* this is for using on a block-level 

container element */
            /* and will center contents inside the 

container */

            .centered   { display: block; margin: 0 

auto 10px auto; }
            /* this is for using on an inline element, 

such as an image */
            /* and will turn the element block, and 

center the element within its container */

            .indent     { display:block; margin-left: 

20px !important; }

            .hidden     { display: none; }

            .top-border { border-top : 4px 

solid#318AE8; }

            .no-border  { border: none !important; }

            .clear      { clear: both; }

            .feature {
              margin-top : 20px;
              margin-bottom : 25px;
            }




/* NEW STYLES ADDED FOR THE NOV '07 SOAPBLOX UPGRADE */
/* Used for all errrors */
.soapbloxError {
	color: #F00;
}

/* used in HTML paraser to indicate what is broken */
.soapbloxErrorOffender {
	font-weight: bold;	
}

.soapbloxErrorContext {
	font-weight: black;	
}

/* color of the accent for comments labeled [new] */
.newComment {
	color: #F00;
	font-weight: bold;	
}

/* TAB STYLES START */
/* tabnav is the TOP LEVEL of the tabs */
ul.tabnav {
	text-align: left; /* Set the position of the tabs */ 
	margin: 20px 20px 0px 20px;
	font: 11px verdana, arial, sans-serif;
	border-bottom: 1px solid #00CC00;
	list-style-type: none;
	padding: 5px 5px 5px 5px;
	min-width: 535px;
	width: 535px;
}

/* This forces the tabs to be in one line */
ul.tabnav li {display: inline;}

/* What the tab does when it's hovered */
li.taboff a:hover { 
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}


/* setting for the unselected top tab link*/
li.taboff a {
	padding: 3px 15px 3px 15px;
	border: 1px solid #00CC00;
	background-color: #fff;
	margin-right: 0px;
	text-decoration: none;
	border-bottom: none;
}

/* settings for selected top tab link */
li.tabon a { 
	border-left: 1px solid #00CC00;
	border-top: 1px solid #00CC00;
	border-right: 1px solid #00CC00;
	padding: 0px 16px 5px 16px; 
	position: relative;
	top: 1px;
	padding-top: 10px;
	background-color: #FFF;  
	font-weight: bold;
}

/* Style for the second line in the profile tab */
ul.botnav {
	text-align: left;
	margin: 0px 20px 0px 20px;
	font: 10px verdana, arial, sans-serif;
	list-style-type: none;
	padding: 5px 5px 5px 4px;
	color: black;
	background-color: #eee;
	min-width: 535px;
	width: 535px;	
}

/* forces the second line of the profile tab to be displayed on one line */
ul.botnav li {display: inline;}

/* The color of links on the second line of the profile tabs */
ul.botnav li a {
	text-decoration: none;
	padding: 0px 4px 0px 4px;
}

ul.botnav li {
	color: #000;
	padding: 0px 4px 0px 4px;
}

