* { padding: 0; margin: 0; border: 0; }

/* .container_16 { border: 1px solid #CCC; background-color: #FFF; } */

body { font-family: Verdana ,arial,sans-serif; font-size: 62.5%; 
       background: #CFDAE6 url(/content/images/backgrnd-image.gif); }

ul, ol { font-size: 120%; }
ul p, ol p { font-size: 100%; }

.top-border { border: 1px solid #969696; border-bottom: none; }
.side-border { border: 1px solid #969696; border-bottom: 0; border-top: 0; }
.border { border: 1px solid #969696; }
.spacer { clear: both; line-height: 0; }

div.row { clear: both; }
div.row span.left { float: left; text-align: left; width: 50%; }
div.row span.right { float: right; text-align: right; width: 50%; }

/* Header */
.header-tile { background: url(/content/images/header-middle-middle.png) repeat-x; height: 81px; }
.header-left { background: url(/content/images/header-top-left.png) no-repeat top left; height: 81px; }
.header-right { background: url(/content/images/header-top-right.png) no-repeat top right; height: 81px; }

#header-top { font-family: "trebuchet ms",arial,sans-serif; margin-top: 1em; height: 81px;
              border: 1px solid #969696; border-bottom: none; }
#header-top h1 { color: #333366; font-weight: bolder; font-style: italic;
                 font-size:inherit; font-height: normal; line-height: normal;
                 margin-top: 1.5em; }
#header-top h2 { font-size: 12px; color: #7D7D7D; margin: 0; margin-left: 6em; 
                 margin-top: -2px; padding: 0; }

#header-middle { background: url(/content/images/middle-background.png); 
                 overflow: hidden; color:rgb(234,239,247);
                 line-height: 1.8em; padding: .5em 0; 
                 border-left: 1px solid #969696; border-right: 1px solid #969696; }
#header-middle h2 { font-size: 150%; margin-top: .5em; padding-left: 1em;}


#header-bottom { background: #18394F; font-size: 150%; padding: .3em 0; 
                 border-left: 1px solid #969696;border-right: 1px solid #969696;}
        
/* Footer */
.footer-middle { background: url(/content/images/footer-middle.png) repeat-x; }
.footer-left { background: url(/content/images/footer-left.png) no-repeat top left; }
.footer-right { background: url(/content/images/footer-right.png) no-repeat top right; }

#footer { font-size: 1em; padding: 1em 0; border: 1px solid #969696;border-top: none; }
#footer p { color: #7D7D7D; font-size: 110%; font-weight: bold; line-height: 1.3em; text-align: center;
            margin-bottom: 0;  }
#footer p.credits { font-weight: normal; }

/* Site Utilities (top right) */
.site-util { }
.site-util ul { float: right; font-weight:bold; text-align: right; font-size: 1.3em; margin-top: 1em; }
.site-util li { display: inline; list-style:none; float: left; margin-left: 10px; }
.site-util li a { display: block; padding: 2px 5px; color:rgb(125,125,125); text-decoration:none; }
.site-util a:hover { text-decoration:none; color:rgb(50,50,50); }
.site-util li img { padding-right: 5px; }

/* Site nav */
ul#site-nav { display: inline; float: left; margin: 0; padding: 0; font-size: 100%; }
ul#site-nav li { float: left; display: inline; margin-left: 10px; }
ul#site-nav li a { padding: .2em 10px; color: #C3CEDF; font-weight: bold; }
ul#site-nav li a:hover { background-color: #3B8FCB; color: #FFF; }

.content-background { background-color: #FFF; }
.left-content,
.middle-content,
.right-content,
.feature { margin-top: 1em; }



/* boxes */
/* .box { background: #D1DFEF; } */
.box,
.feature,
.box .content .block,
.feature .content .block { background: #D1DFEF; margin-bottom: 1em; padding-bottom: 0;}

.box .content,
.feature .content { background: #FFF; }

.box h2,
.feature h2 { color:#fff; background: #89AAD6; }

.box img { padding: 1px; border: 1px solid #CCC; margin-right: 1em; }

/* subscribe options */
ul#subscribe { list-style: none; margin: 0; }
ul#subscribe li { line-height: 3em; vertical-align: middle; margin-left: 0; }
ul#subscribe li div a { padding-left: 35px; height: 35px; text-decoration: none; line-height: 3em;
                        display: block; } 
ul#subscribe li div input[type=image] { vertical-align: middle; }

div#email { padding-left: 35px; }
    
div#email { background: url(/content/images/email-28x28.png) no-repeat 0 0; }
a#rss { background: url(/content/images/feed-icon-28x28.png) no-repeat 0 0; }
a#twitter { background: url(/content/images/twitter.png) no-repeat 0 0; }    


/* Articles */
p.meta { border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; }

.article h1 { margin-top: .5em;  }
.article img { float: left; padding: 1px; border: 1px solid #CCC; margin-right: 1.5em; }
.article a { text-decoration: underline; }

.article blockquote { margin: 1.5em; padding: 1em; clear: both; border: 1px solid;
                      border-color: #CCC #777 #777 #CCC; background-color: #EFF7FF; }
.article blockquote p#author { text-align: right; font-style: italic; font-size: 90%; 
                               margin-top: 1em; margin-bottom: 0;  }

/* Article Tools */
	#tools * { margin: 0; padding: 0; }
	#tools { background: #DFFAFF; border: 1px solid #CCC; font-size: 95%; font-family: Verdana; 
	         padding: 10px; margin-bottom: 2em; }
	#tools p { font-weight: bold; margin-bottom: 1em; }
	
	/* If horizontal, uncomment. */
	/*
	*/
	#tools p { display: inline; margin-right: 1em; }
	#tools ul { display: inline; }
	#tools ul li { display: inline-block; margin-right: 1em; line-height: 16px; vertical-align: center; }
	#tools ul li a.icon { padding-left: 20px; }
	
	/* if vertical, uncomment */
	/*
	#tools ul { margin-left: 10px; }
	#tools ul li { display: block; line-height: 16px; vertical-align: center; 
	               list-style: none; margin-bottom: .5em; }
	#tools ul li:last-child { margin-bottom: 0; }
	#tools ul li a.icon { padding-left: 25px; }
	*/


	#tools ul li a { text-decoration: none; display: inline-block; }
	#tools ul li a:hover { text-decoration: underline; }

	#tools ul li a.printer { background: url(../images/printer.gif) no-repeat; }
	#tools ul li a.email { background: url(../images/email.png) no-repeat; }
	#tools ul li a.share { background: url(../images/share.png) no-repeat; }
	#tools ul li a.comment { background: url(../images/comment.png) no-repeat; }
	#tools ul li a.rss { background: url(../images/rss.png) no-repeat; }

/* Forms */
input[type=text],
textarea { padding: 2px; border: 1px solid #CCC; }

textarea:focus,
input[type=text]:focus { border: 1px solid #39D; }

/* Sponsors */
ul#sponsors li img { border: 1px solid #CCC; }

/* Comments */
ol#comment-list li { margin-bottom: 1em; padding: 10px; border: 1px solid #777; background: #EFF9FF; }
ol#comment-list li .left-col span { font-size: 90%; font-style: italic; color: #777; }
ol#comment-list li div.right-col { font-size: 110%; border-left: 1px solid #777; }

/* Pager */
#pager { text-align: center; margin: 2em 0; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; 
         padding: 1em; }
#pager .pager-current-page { border: 1px solid #CCC; padding: .5em; font-weight: bold; }
#pager a { padding: .5em; margin: .5em; }

/* Feature list */
.feature-list { }
.feature-entry { padding: 1em; border: 1px solid #CCC; background: #EFF7FF; margin-bottom: 2em; }
.feature-entry span.left  { float: left; width: 25%; text-align: center; }
.feature-entry span.left img { padding: 2px; border: 1px solid #CCC; }
.feature-entry span.right { float: right; text-align: left; width: 75%; }

.feature-title { font-size: 150%; }
.feature-details { font-size: 100%; color: #777; }

/* Fireday */
table#fireday { border: 1px solid #CCC; font-size: 90%; }
table#fireday thead th { background: #EEE; font-size: 130%; }
table#fireday tbody td { font-size: 120%; }
.post-date { font-size: 90%; }
p.meta img { border: none; margin: 0; padding: 0; width: 16px; float: none; vertical-align: middle;  }
img.marker { margin-right: .8em; padding: 2px; border: 1px solid #CCC; margin-bottom: .8em; }

/* FiveFox Award */
form#frmFiveFox { border: 1px solid #CCC; background: #EFF4FA; padding: 1em; margin: 0; 
                  width: 80%; margin: 0 auto;}
fieldset#fivefox { background: #EFF4FA; width: 90%; }
fieldset#fivefox legend { font-size: 140%; padding: 0; margin: 0; font-weight: bold; }
fieldset#fivefox ul { list-style: none; margin: 0; padding: 0; }
fieldset#fivefox ul li { list-style: none; clear: both; margin: 0; padding: 0; 
                         margin-bottom: 1em; vertical-align: top;}
fieldset#fivefox ul li span.image{ clear: both; margin-left: 7em; }
fieldset#fivefox select { border: 1px solid #CCC; }
fieldset#fivefox select:focus { border: 1px solid #777; }

fieldset#fivefox ul li input[type=button],
fieldset#fivefox ul li input[type=submit] { margin: 1em auto; border: 1px solid #777; 
                                            border-top: 1px solid #CCC; border-left: 1px solid #CCC; 
                                            width: 9em; background: #DFF4FF; font-weight: bold; 
                                            text-align: center; }
fieldset#fivefox ul li input[type=submit]:hover,
fieldset#fivefox ul li input[type=button]:hover { background: #89AAD6; }

/* Subscribe Box */

    .subscribe-box { border: 1px solid #CCC; background: #FFFFCC; margin: 1em 0; padding: 1.5em; }
    .subscribe-box label { font-size: 110%; margin-right: .5em; }
    .subscribe-box input { margin-right: 1em; }
    .subscribe-box input[type=submit] {
        border: 1px solid #777; border-left: 1px solid #CCC; border-top: 1px solid #CCC;
        padding: 0 1em; }
        
/* Google Search box. */

    form#cse-search-box input[name=sa] { border: 1px solid #777; border-left: 1px solid #CCC; 
                                         border-top: 1px solid #CCC; }
                                         
/* Bio */

    #bio { border: 1px solid #777; background: #EFFFFF; font-family: Verdana; margin: .5em; }

    #bio p { margin: 12px 0; }
    
    #left-bio { display: block; margin: .5em; width: 5em; float: left; }
    #left-bio img { padding: 2px; border: 1px solid #CCC; width: 60px; height: 70px; }

    #right-bio { display: block; text-align: left; border-left: 1px solid #777; 
		     margin: .5em; padding-left: 1em; margin-left: 8em; }
    #right-bio ul { list-style: none; padding: 0; margin: 0; display: block; border-bottom: 1px solid #777; }
    #right-bio ul li { display: inline; list-style: none; padding: 0; margin: 0; }
    #right-bio ul li a { font-weight: bold; text-decoration: none; padding: .1em 1em; 
				    padding-bottom: 0; }
    #right-bio ul li a:hover { text-decoration: underline; }
    #right-bio ul li a.selected { border-bottom: 2px solid #DFE8FF; }

    #right-bio ul li label { font-size: 80%; margin-left: 10px; vertical-align: top; }
    #right-bio ul li a { margin: 0; padding: 0; border: 0; } 
    #right-bio ul li a:first-child { margin-left: 20px; } 
    #right-bio ul li a img { margin: 0; padding: 0; border: 0; }

    #right-bio div.content { font-size: 85%;  }
    #right-bio div.content p:last-child { margin-bottom: 0; padding-bottom: 0; }

    div#contact,
    div#networks { display: none; }