

/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */

body {
	background: #fff;
	font: 62.5%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #333; 
	text-align: left;
   overflow: -moz-scrollbars-vertical;
   behavior: url(/pages/images/global/csshover.htc);
}

/* links */
a, a:visited {
	text-decoration: none;
	color: #4F82CB; 
}
a:hover {
	color: #4EBF37;
	text-decoration: underline;
}

/* headers */
h1, h2, h3 {
}
h1 {
	font-size: 1.5em;	
}
h2 {
	font-size: 110%;
	text-transform: uppercase;
	color: #88ac0b;
}
h3 {
	font-size: 110%;
	color: #666666; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#636263;}
   h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#CCC;}

/* images */
img {
	border: 2px solid #CCC;
	margin:0.75em;
	
}
.image_caption { 
   line-height: 9px; 
   font-size: 9px; 
   padding: 0px 5px 10px 5px; 
   text-align:center;
   width:100%;
   
}

#print_logo {
display:none;
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}

h1 a {
margin-top:0px;
}

ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}
ul span, ol span {
	color: #666666;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 28px;  
   border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 5px;    
}

  /*======== forms ========*/
   form {margin: 0.5em 0;}
   form a {color:#636263;}
   form a:hover {color:#CCC;}
   
   form#contact_form {
   padding-left:15px;
    float:left; 
width:165px;
   }
   
   form#contact_form textarea {
   font-size:10px;
   font-family:verdana;
   margin:5px;
   }
   
   form#contact_form input {
   margin:5px;
   font-size:10px;
   width:145px;
   font-family:verdana;
   }
   
   form#contact_form fieldset {
   border:1px solid #16281f;
   }
   
   form#contact_form label {
   padding-left:6px;
   }
   
   form#contact_form legend {
   font-weight:bold;
   font-size:11px;
   padding:3px;
   }
   
   

/* search */
form#search {
float:right;
padding-right:20px;
padding-top:10px;
}


form#search input.textbox {
	margin: 0; padding: 1px 2px;
	width: 120px;
	background: #FFF;
	color: #333; 
}
form.search input.button {
	background: #CCC url(images/headerbg.gif) repeat-x;
	color: #333;
	border: none;	
	width: 70px; height: 21px;
}

form.search a { 
   color: #ffffff; 
   font-size: 11px; 
   text-decoration: underline; }

/*======== end forms ========*/

/********************************************
   LAYOUT
********************************************/ 
#wrapper {
	width: 743px;
	margin: 0em auto;
margin-top: 20px;
}


#header {
background-image:url(images/header_home.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 100%;
height:73px;
border-bottom:2px solid #dededd;
}

body#features #header {
background-image:url(images/header_features.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 100%;
height:73px;
border-bottom:2px solid #dededd;
}

body#reviews #header {
background-image:url(images/header_reviews.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 100%;
height:73px;
border-bottom:2px solid #dededd;
}

body#news #header {
background-image:url(images/header_news.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 100%;
height:73px;
border-bottom:2px solid #dededd;
}

body#commentary #header {
background-image:url(images/header_commentary.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 100%;
height:73px;
border-bottom:2px solid #dededd;
}

body#blog #header {
background-image:url(images/header_blog.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 100%;
height:73px;
border-bottom:2px solid #dededd;
}

body#about #header {
background-image:url(images/header_about.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 100%;
height:73px;
border-bottom:2px solid #dededd;
}

body#contact #header {
background-image:url(images/header_contact.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 100%;
height:73px;
border-bottom:2px solid #dededd;
}


body#index #sub_menu {
width:708px;
background-color:#ecece0;
height:22px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding-left:25px;
text-align:left;
float:left;
margin-top:0px;
padding-top:3px;
}

body#features #sub_menu {
width:708px;
background-color:#c2deb8;
height:22px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding-left:25px;
text-align:left;
float:left;
margin-top:0px;
padding-top:3px;
}

body#reviews #sub_menu {
width:708px;
background-color:#ecdccb;
height:22px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding-left:25px;
text-align:left;
float:left;
margin-top:0px;
padding-top:3px;
}

body#news #sub_menu {
width:708px;
background-color:#97b5e5;
height:22px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding-left:25px;
text-align:left;
float:left;
margin-top:0px;
padding-top:3px;
}

body#commentary #sub_menu {
width:708px;
background-color:#e57373;
height:22px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding-left:25px;
text-align:left;
float:left;
margin-top:0px;
padding-top:3px;
}

body#blog #sub_menu {
width:708px;
background-color:#ba95e3;
height:22px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding-left:25px;
text-align:left;
float:left;
margin-top:0px;
padding-top:3px;
}

body#about #sub_menu {
width:708px;
background-color:#afd8ea;
height:22px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding-left:25px;
text-align:left;
float:left;
margin-top:0px;
padding-top:3px;
}

body#contact #sub_menu {
width:708px;
background-color:#f7f494;
height:22px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding-left:25px;
text-align:left;
float:left;
margin-top:0px;
padding-top:3px;
}

   #sub_menu ul {
   list-style-type:none;
   margin:0px;
   margin-top:-15px;
   margin-left:25px;
   float:left;
   }
   
    #sub_menu ul li {
   float:left;
   padding:0 0.75em;
   border-right:solid 1px #000;
   }
   
   #sub_menu ul li.noborder {
   border:none;
   }


/* Menu */
#breadcrumb {
/*	position:relative; top:-20px;
left:530px;*/
background-color:transparent;
width:500px;
height:22px;
text-align:right;
float:right;
margin-top:-20px;
color:#333333;
font-size:9px;
}
#breadcrumb div, #breadcrumb span  { 
   color: #333333; 
   background: none; 
   font-size: 13px;
}
#breadcrumb a { 
   color:#000;
   text-decoration:underline;
}

#menu {
width:733px;
border-bottom:2px solid #dededd;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
height:33px;
}



 ul#listMenu {
/*font-weight: bold;*/
  font-size: 1.2em;
list-style:none;
width: 100%;
margin:0px;
margin-left:-20px;
   }
   
 * html ul#listMenu {
margin-bottom:-8px;
width:733px;
padding-right:0px;
 }  
 
  * + html ul#listMenu {
margin-bottom:-8px;
 } 
 
   ul#listMenu li {
      float:left;
	  color:#2f2f5e;
	  text-align:center;
	  padding-top:10px;
   }
   
   ul#listMenu li#index {
   background-image:url(images/home_menu_bg_off.gif);
   height:23px;
   width:86px;
   border-right:1px solid #fff;
   } 
   
   ul#listMenu li#index:hover {
    background-image:url(images/home_menu_bg_on.gif);
	
	}
    ul#listMenu li#features {
	 background-image:url(images/features_menu_bg_off.gif);
   height:23px;
   width:94px;
   border-right:1px solid #fff;
   }
   ul#listMenu li#features:hover {
   background-image:url(images/features_menu_bg_on.gif);
   }
   
    ul#listMenu li#reviews {
	background-image:url(images/reviews_menu_bg_off.gif);
   height:23px;
   width:96px;
   border-right:1px solid #fff;
   }
   
    ul#listMenu li#reviews:hover {
   background-image:url(images/reviews_menu_bg_on.gif);
   }
   
    ul#listMenu li#news {
	background-image:url(images/news_menu_bg_off.gif);
   height:23px;
   width:82px;
   border-right:1px solid #fff;
   }
   
    ul#listMenu li#news:hover {
   background-image:url(images/news_menu_bg_on.gif);
   }

    ul#listMenu li#commentary {
	background-image:url(images/commentary_menu_bg_off.gif);
   height:23px;
   width:111px;
   border-right:1px solid #fff;
   }
   
    ul#listMenu li#commentary:hover {
   background-image:url(images/commentary_menu_bg_on.gif);
   }
   
    ul#listMenu li#blog{
	background-image:url(images/blog_menu_bg_off.gif);
   height:23px;
   width:82px;
   border-right:1px solid #fff;
   }
   
    ul#listMenu li#blog:hover {
   background-image:url(images/blog_menu_bg_on.gif);
   }
   
    ul#listMenu li#about{
	background-image:url(images/about_menu_bg_off.gif);
   height:23px;
   width:86px;
   border-right:1px solid #fff;
   }
   
    ul#listMenu li#about:hover {
   background-image:url(images/about_menu_bg_on.gif);
   }
   
    ul#listMenu li#contact {
	background-image:url(images/contact_menu_bg_off.gif);
   height:23px;
   width:89px
   }

   
    ul#listMenu li#contact:hover {
   background-image:url(images/contact_menu_bg_on.gif);
   }
   
   ul#listMenu li a{
     color:#2f2f5e;
  text-decoration: none;
  display:block;
 
   }
   ul#listMenu li a:hover{
    
   }


/*======== content styles ========*/
#content {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #f8f8f0;
background-image:url(images/home_bg.gif);
background-repeat:no-repeat;
background-position:450px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#index #content_index {
background-color: #f8f8f0;
background-image:url(images/home_bg.gif);
background-repeat:no-repeat;
background-position:450px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#index #content {
background-color: #f8f8f0;
background-image:url(images/home_bg.gif);
background-repeat:no-repeat;
background-position:450px 0px;
width: 733px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}



body#features #content {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #e7f2e2;
background-image:url(images/features_bg.gif);
background-repeat:no-repeat;
background-position:450px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#features #content_features {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #e7f2e2;
background-image:url(images/features_sub_bg.gif);
background-repeat:no-repeat;
background-position:620px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#reviews #content {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #fbf6f0;
background-image:url(images/reviews_bg.gif);
background-repeat:no-repeat;
background-position:480px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#reviews #content_reviews {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #fbf6f0;
background-image:url(images/reviews_sub_bg.gif);
background-repeat:no-repeat;
background-position:620px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}


body#news #content {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #d6e3f3;
background-image:url(images/news_bg.gif);
background-repeat:no-repeat;
background-position:500px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#news #content_news {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #d6e3f3;
background-image:url(images/news_sub_bg.gif);
background-repeat:no-repeat;
background-position:620px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#commentary #content {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #f4c4c4;
background-image:url(images/commentary_bg.gif);
background-repeat:no-repeat;
background-position:453px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#commentary #content_commentary {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #f4c4c4;
background-image:url(images/commentary_sub_bg.gif);
background-repeat:no-repeat;
background-position:620px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#blog #content {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #ecdffa;
background-image:url(images/about_bg.gif);
background-repeat:no-repeat;
background-position:488px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#blog #content_blog {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #ecdffa;
background-image:url(images/blog_sub_bg.gif);
background-repeat:no-repeat;
background-position:620px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#about #content {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #e8f3f9;
background-image:url(images/about_bg.gif);
background-repeat:no-repeat;
background-position:488px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#about #content_about {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #e8f3f9;
background-image:url(images/about_sub_bg.gif);
background-repeat:no-repeat;
background-position:620px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#contact #content {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #fdfbe2;
background-image:url(images/contact_bg.gif);
background-repeat:no-repeat;
background-position:452px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}

body#contact #content_contact {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #fdfbe2;
background-image:url(images/contact_sub_bg.gif);
background-repeat:no-repeat;
background-position:620px 0px;
width: 703px;
float:left;
margin-top:0px;
border-left:5px solid #dededd;
border-right:5px solid #dededd;
padding:25px 15px;
}


   div.block {
   float:left;
   width:80%;
   font-size:120%;
   }
   
   div.block p {
  
   }
   
   * html div.block {
   padding-bottom:15px;
   }
   
   * + html div.block {
   padding-bottom:15px;
   }
   


/* Main Column */

#column1 {

/* don't set font-size here if using ems or 1em will not equal 10px*/
   background-color: transparent;
   width: 185px;
   float: left;
   
   }

   #column1 img {
      padding-left: 2.5em;
   }
   #column1 p {
      font-size: 1em;
	  margin:2px 0px;
   }
   
   #column1 a {
   text-decoration:underline;
   color:#000000;
   }
   
 #column1 div.white_box {
 width:180px;
  float:left;
  background-color:#FFFFFF;
  border:2px solid #dededd;
  padding:5px;
  margin-bottom:15px;
  
 }  
 
  #column2 {
width:480px;
float:right;
margin-bottom:15px;
padding-right:15px;
padding-top:10px;
text-align:left;
  }
  
 #column2 p {
 float:left;
 }
 
 * html column2 p {
 float:left;
 }
 
  #column2 img {
 float:left;
 }
 
#main h1 {
	margin-top: 10px;
	margin-bottom: 2px;
	font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;
	color: #88ac0b;
	padding: 5px 0 5px 25px; 	
	border-bottom: 1px solid #EFF0F1;
	background: #FFF url(images/square-green.png) no-repeat 3px 50%;
}

#main div.content {
	padding: 10px;		
	margin: 0;
}
#main div.not_found {
   padding: 40px;
   text-align:center;
}
div.post-cats { padding-left: 10px; }

.art-info-1 { 
   float: left; 
   width: 380px;
   padding: 0px 0px 10px 10px;
}
.art-info-2 { 
   float: right; 
   text-align: right;
   padding: 0px 0px 10px 0px;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 0px 10px 25px 10px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
	float:left;
}
.post-footer .date {
	background: url(images/clock.gif) no-repeat left center;
	padding: 2px 0px 2px 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(images/comment.gif) no-repeat left center;
	padding: 2px 0px 2px 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(images/page.gif) no-repeat left center;
	padding: 2px 0px 2px 20px; margin: 0 10px 0 5px;

}

.email {
   padding-right: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/email.gif) no-repeat right center; 
}
.print {
   padding-right: 24px;
   padding-bottom: 1px;
   padding-top: 1px; 
   background: url(images/print.gif) no-repeat right center; 
}
.digg { 
   padding-right: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/digg.png) no-repeat right center; 
}

#usernotes {

float:left;
}




/* Sidebar */	
#sidebar {
	float: right;
	width: 26.5%;
	padding: 0; margin: 0;	
}	
#sidebar h1 {
	margin-top: 10px;
	padding: 5px 0 5px 10px; 
	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
	color: #555;
	background: #EEF0F1 url(images/headerbg.gif) repeat-x left bottom;
	border: 1px solid #EFF0F1;
}

#sidebar h1 a {
   color: #555;
}
#sidebar a.selected { 
   color: #4EBF37; 
}
#sidebar .nav-box {
	border: 1px solid #EFF0F1; 
	margin: 0 0 0 0;	
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 5px 0 -1px 0; padding: 0;
	text-decoration: none;		
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(images/go.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;	
}
#sidebar ul.sidemenu a {
	font-weight: bold;
	background-image: none;	
}




/* Sidebar - feeds and link management */

#feeds {
   text-align: left;
	font-weight: bold;
	padding-left: 10px; 
	padding-top: 10px; 
	line-height: 20px;
	padding-bottom: 10px; 
}
.facebook {
	padding-left: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
	background: url(/pages/images/global/icons/social_networking/14x14/facebook.gif) no-repeat left center;
}
.rss {
	padding-left: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
	background: url(images/webfeed.gif) no-repeat left center;
}
.del-icio-us { 
   padding-left: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/delicious.gif) no-repeat left center; 
}
.yahoo { 
   padding-left: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/add_yahoo.gif) no-repeat left center; 
}
.google { 
   padding-left: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/add_google.gif) no-repeat left center; 
}





/* Sub-category navigation */
#sidebar ul.sidemenu ul {
   margin: 3px 0px 3px 0px;
   padding: 0px;
   margin-left: -8px;
	list-style: none;
}

#sidebar ul.sidemenu ul li {
   font-size: 10px;
   border: none;
}

#sidebar ul.sidemenu ul ul li {
   font-size: 9px;
}



/* optional non-list navigation */

      .altmenu { 
         font-weight: bold; 
         margin: 3px 3px 8px 3px; 
         border-bottom: 1px solid #eeeeee; 
      }
      
      .altmenu div { 
         padding: 2px; 
      }
      
      div.catMenu-0 { font-size: 11px; padding-left: 5px;  }
      div.catMenu-1 { font-size: 10px; padding-left: 20px; }
      div.catMenu-2 { font-size: 9px;  padding-left: 35px; }
      div.catMenu-3 { font-size: 8px;  padding-left: 50px; }
      div.catMenu-4 { font-size: 7px;  padding-left: 65px; }
      
      .altmenu div a { 
         padding-left: 20px; 	
         background: url(images/go.gif) no-repeat 0px 0px; 
      }




/* Next/Previous Links */	

#nextlinks { 
   font-size: 11px;
   font-weight: bold; 
   padding-bottom: 35px;
   padding-left: 10px;
   padding-right: 10px;
}

#nextlinks .prev { text-align: left; float: left;  }
#nextlinks .next { text-align: right;  float: right; }

#nextlinks a { 
   text-decoration: underline;
}


/* Footer */	
#footer {
background-color:#dededd;
height: 50px;
clear: both;
width: 743px;
text-align:center;
}
#footer a {
color:#000000;
text-decoration:underline;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }

/* Printer Friendly Page classes */
#printer #main {
	padding: 0; margin: 20;
	font-size: 12px;
}
#printer #main h1 {
	margin-top: 0px;
	color: #000000;
	padding: 5px 0 5px 10px;
	background: none;
	border-bottom: 1px solid #EFF0F1;
}

#printer a { color: #000000; text-decoration: none; font-weight: bold; }
#printer a:hover { text-decoration: underline; }
#printer #main { text-align: left; width: 95%;}



