/*
Theme Name: fluid
Theme URI: http://blog.robfelty.com
Description: Style which allows for dynamically changing colors, font sizes, and even page layout using javascript and CSS. Originally based off "Black and Blue" by<a href=”http://www.surfthemind.com”>Wendy Woudstra</a> of <a href=”http://www.publishingcentral.com”>Publishing Central</a>
Version: 0.1 
Author: <a href=”http://robfelty.com”>Robert Felty</a>
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
 */
body {
  margin:0;
  padding:0;
	font-size: 100%;  
	text-align: center;
      font-family: "Helvetica", "Arial", sans-serif; 
      background:url(images/metalback.jpg);
	}
img {border:0;}
/*
 *  content
 *  */

p {margin:0 0 .5em 0;}
div.navigation {margin-top:.6em;
               }
#container {max-width:60em;
            margin:0 auto;
           }
div.header {
	        font-size: 100%;
          z-index:-1;
          overflow:hidden;
          text-align:left;
          height:80px;
                  border:1px solid #005;
          margin:2em .9em .2em 1em;
          padding:.5em 1em .5em 1em;
            background:#005;
          background:url(images/puzzle5.jpg) repeat-x;
          color:#005;
                  -moz-border-radius:5px;
                  -webkit-border-radius:5px;
                  -khtml-border-radius: 5px;
                  border-radius:5px;
         }
div.header h1, div#headerimg, div.description {
  margin:0;
  padding:0;
}
div.description {font-size: 1.1em; 
                 font-weight:bold;
                }
div.header h1 a {
  color:#005;
}
div#search {margin-top:10px}

div#content {
         width:70%;
         max-width:55em;
	        font-size: 100%;
          z-index:-1;
          overflow:hidden;
          text-align:justify;
          margin-left:1em !important;
          margin-left:.5em;
/*
                  border:1px solid;
          padding:1em;
            background:white;
          color:#005;
                  -moz-border-radius:5px;
                  -webkit-border-radius:5px;
                  border-radius:5px;
*/
         float:left;}
div.bar > ul > li {color:white;}
div.footer {
            margin:2em 0 0 0;
            background:#AAA;
            color:black;
            border-top:1px solid #555;
            }
div.footer p {margin:0;}

div#sidebar {
         width:25%;
         overflow:hidden;
          margin-right:1em !important;
          margin-right:.5em;
         float:right;}
#sidebar li.widget {list-style-type:none}
#sidebar .widget li {list-style-type:none}
#sidebar .widget, div.post, div#content.page {
           text-align:left;
           -moz-border-radius: 5px;
           -webkit-border-radius: 5px;
           -khtml-border-radius: 5px;
           border-radius: 5px;
           padding: 0 .2em .2em .2em;
           margin:8px 0 12px 0;
           border:1px solid #005;
           /*border-top:0;*/
           background:white;
}
div.entry {padding:.5em 1em;
           text-align:justify;
           }
div.post h2 a, div.single h2 a {color:white;
               text-decoration:none;
              }
div.post h3 a {
               color:#005;
               text-decoration:none;
              }
div.post h2 a:visited, div.post h3 a:visited, div.single h2 a:hover {color:#AAA;
               text-decoration:none;
              }
div.post h2 a:hover, div.post h3 a:hover, div.single h2 a:hover {
               text-decoration:underline;
              }
#content div div.date {background:#005;
               background:url('images/bluebar4.png') repeat-x;
               font-size:80%;
           padding: 5px;
               line-height:1.2em;
               float:right;
                 color:white;}
div#content.page div.post div.date {background:white;
                            color:#005}
#sidebar li.widget h2, #content h2 {
                font-weight:bold;
               font-size:1.1em;
               background:#005;
               /*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAB3RJTUUH1gEaCBs0jOalTgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAABOSURBVHjaXYmxEYAwDMScP1oqZmMghmMksON3zjhNChqddJLzuh8c+9YQEYJgJJxlPpPOBEmB9i4w80T3ylctoWqCJqOQY1lMcNmExH984lg57/uRYQEAAAAASUVORK5CYII=);
*/
               background:url('images/bluebar4.png') repeat-x;
               margin:0px -5px 5px -4px;
     padding:.3em .1em .3em 1em;
               color:white;
           -moz-border-radius: 5px;
           -webkit-border-radius: 5px;
           -khtml-border-radius: 5px;
           border-radius: 5px;
           border-left:1px solid #005;
           border-right:1px solid #005;
             }
#sidebar li.widget h2 {
               margin:0px -4px 5px -3px;
}

div#content.page div.post h3 {color:#005;
                              margin:0 0 0 1em;}
div#content.page div.post {border:0;
                           border-bottom:1px solid #CCC;
                           padding-bottom:.5em;
                              }
div#content.page div.post p.postmetadata {border:0;
                              background:white;
                              }
#sidebar a:link {text-decoration:none;
                   color:#005;
                   }
#sidebar a:visited {text-decoration:none;
                   color:#338}
#sidebar a:hover, .sidebar a:active {text-decoration:underline; }

#sidebar li.widget h2 {
	font-size: 1.3em;
	}
#sidebar {
	font-size: .8em;
	}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 5px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0;
	padding: 0;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0px 0 0 5px;
	}
/* this clears stuff after posts to avoid having images be messed up */
.sociable {clear:both;}
.post {clear:both;}
.postmetadata {clear:both;}

#topmeta {  float:right;
            text-align:right;
          }
.sub {vertical-align:sub}
.super {vertical-align:super}
#fontsize span {
           font-size:1.1em;
           cursor:pointer;
           }


/**************** menu coding *****************/
#topbar {
/*background: #eee;*/
text-align:center;
margin:auto;
}

#topbar ul {
list-style: none;
display:inline;
}

#topbar a, #topbar h2 {
/*display: block;*/
display:inline;
width:10em;
}
#topbar ul ul li a {
  display:block;
  padding-left:.5em;
  width:11em;
  border:0;
  margin:0;
}


#topbar a {
/* color: #000; */
/*background: #efefef;*/
text-decoration: none;
}

#topbar li {position: relative;
display: inline;}

#topbar li li {position: relative;
text-align:left;
width:11.5em;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
z-index: 500;
background:white;
display: block;}

#topbar li li li {position: relative;
text-align:left;
width:10em;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
z-index: 500;
display: block;}

#topbar ul ul {
background:white;
position: absolute;
top: 1.5em;
left: 0%;
width:10em;
z-index: 500;
}

#topbar ul ul ul {
position: absolute;
background:white;
top: 0em;
left: 100%;
width:3em;
z-index: 500;
/*position: absolute;
top: 0;
left: 100%;*/
}

div#topbar ul ul,
div#topbar ul li:hover ul ul,
div#topbar ul ul li:hover ul ul
{display: none;}

div#topbar ul li:hover ul,
div#topbar ul ul li:hover ul,
div#topbar ul ul ul li:hover ul
{
display: block;
width:100%;
/*
white-space:nowrap;
*/
}

/* indicate if there is another submenu or not */
#topbar li.submenu a:after {
 content: "\0020 \0020 \00BB";
}

#topbar h2 {font-size:1.1em;
                padding:0;margin:0;
}
#topbar ul {font-size:.9em;
                    border-left: 1px solid black;
                    border-right: 1px solid black;
                    padding-left:.2em;
                    padding-right:.2em;
                    margin:0;
                    border-collapse:collapse;                    
}
#topbar ul.leftNav {
                    border-left: 2px solid black !important;
}
#topbar ul.rightNav {
                    border-right: 2px solid black !important;
}
#topbar ul ul {font-size:.8em;
                    padding:0;margin:-.1em 0 0 0;border:0;
}
#topbar {border-top: 1px solid black;
                border-bottom: 1px solid black;}
#topbar {background:url(images/bluebar4.png);}
#topbar h2 a {color:white}
#topbar h2 a:hover {background:rgb(0,0,100);color:white}
#topbar ul ul a{background:white;
         color:rgb(0,0,100);}
#topbar ul ul a:hover {color:white;
         background:rgb(0,0,100);}

#topbar { z-index:3;
          /*height:1.5em;*/
          position:absolute;
          top:0;
          left:0;
          right:0;
          vertical-align:bottom;
          font-size:1.2em;
          text-align:center; 
            color:#FFFFFF;
         line-height:1.4em;
         width:100%; border:0; padding:0; margin:0;}
body>div#topbar {position:fixed;}
.header a {text-decoration:none;
            color:#FFFFFF;
}
.imageframe { padding: 2px 2px 2px 2px; border:0;
              text-align:center;
              background:black; }
.imgalignleft { float: left; 
                clear:both;}
.alignright { float: right;
               margin:0 0 3px 10px;
                 clear:right; }
.alignleft { float: left; 
               margin:0 10px 3px 0px;
                clear:left;}
.imgalignright { float: right;
                 clear:both; }
img.align-left { float: left; 
                clear:both;}
img.align-right { float: right;
                 clear:both; }
img.aligncenter { margin-left: auto; margin-right: auto;text-align:center; }
.imgaligncenter { margin-left: auto; margin-right: auto; }
.imagecaption {font-size:.9em;
               background:black;
               color:white;
               text-align:left;
               padding:.1em;}

img.avatar {float:left; 
            padding:0 1em .1em 0;}

p.postmetadata {background:#EEE;
                border-top:1px solid #BBB;
                margin:.5em -.2em -.2em -.2em;
                padding:.4em 1em;
                font-size:.8em;
           -moz-border-radius: 0 0 5px 5px;
           -webkit-border-radius: 0 0 5px 5px;
           -khtml-border-radius: 0 0 5px 5px;
           border-radius: 0 0 5px 5px;
}

ol.commentlist li.author {background:#DDD}
ol.commentlist li {list-style:none;}
.imageframe, .wp-caption { padding: 2px 2px 2px 2px; border:0;
              text-align:center;
              background:black; }
.imageframe img, .wp-caption img {border:0;margin:0;padding:0}
.imgalignleft { float: left; 
                clear:both;}
.alignright { float: right;
               margin:0 0 3px 10px;
                 clear:right; }
.alignleft { float: left; 
               margin:0 10px 3px 0px;
                clear:left;}
.imgalignright { float: right;
                 clear:both; }
img.align-left { float: left; 
                clear:both;}
img.align-right { float: right;
                 clear:both; }
img.aligncenter { margin-left: auto; margin-right: auto;text-align:center; }
.imgaligncenter { margin-left: auto; margin-right: auto; }
.imagecaption, .wp-caption-text {font-size:.9em;
               background:black;
               color:white;
               text-align:left;
               margin:0;
               padding:.1em;}

.codecolorer {
	white-space: nowrap;
}

.codecolorer-container {
	overflow: auto;
	font-family: monospace;
	white-space: nowrap;
  border: 1px solid;
  padding: 5px;
   margin: 10px;
  text-align:left;
}
.codecolorer .de1, .codecolorer .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
.codecolorer .imp {font-weight: bold; color: red;}
.codecolorer .ln-xtra {color: #cc0; background-color: #ffc;}
.codecolorer li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;}
.codecolorer li.li2 {}
.codecolorer .kw1 {color: #77F;}
.codecolorer .kw2 {color: #77F;}
.codecolorer .kw3 {color: #77F;}
.codecolorer .co1 {color: #08C;}
.codecolorer .co2 {color: #808080;}
.codecolorer .coMULTI {color: #808080;}
.codecolorer .es0 {color: #000099;}
.codecolorer .br0 {color: #292;}
.codecolorer .st0 {color: #ff0000;}
.codecolorer .nu0 {color: #cc66cc;}
.codecolorer .me1 {color: #006600;}
.codecolorer .me2 {color: #006600;}
.codecolorer .sc0 {}
.codecolorer .sc1 {}
.codecolorer .sc2 {}
.codecolorer .sc3 {}
.codecolorer .re0 {color: #0000ff;}
.codecolorer .re1 {color: #ff0000}
.codecolorer .re2 {color: #c91;}
.codecolorer .re3 {color: #C03}

#mail a {color:white}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}