/*general stuff*/

body {
	/*background-color: #ffffff;*/
	background:#ebebeb url('images/gradient_background.gif') repeat-x;
	font-family: "Lucida Sans", Tahoma, Verdana, Arial;
	font-size: 0.8em;
	color: #000000;
	margin: 0px;
	text-align: center; /*just to fix IE align bug*/
}

h1, h2, h3{
	line-height: 1;
	vertical-align: middle;
	font-family: Georgia, Constantia;
}

h1, span.h1 {font-size: 3.0em;	font-family: Georgia, Garamond, "Trebuchet MS"; font-weight: normal;}
h2, span.h2 {font-size: 2.0em;	font-family: Georgia, Garamond, "Trebuchet MS"; font-weight: normal;}
h3, span.h3 {font-size: 1.5em;	font-family: Georgia, Garamond, "Trebuchet MS"; font-weight: normal;}

a{
	color: #8a629e;
}

a.button, input.button{
	border: 1px solid #336699;
	background: #ccc;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 1.5em;
}

a h1, a h2, a h3 
{
    text-decoration: none;
}

a.invisibleLink
{
    color: #000000;
    text-decoration: none;
}
a.invisibleLink:link { color: #000000; }      /* unvisited link */
a.invisibleLink:visited { color: #000000; }  /* visited link */
a.invisibleLink:hover { color: #8a629e; }  /* mouse over link */
a.invisibleLink:active { color: #000000; }  /* selected link */

table{
	/*border: solid 1px #880;*/
	font-size: 13px;
	/*border-width: 2px;*/
	/*border-collapse: collapse;*/
	border-collapse: separate;
}

td, th
{
    text-align: left;
	vertical-align: top;
	/*padding: 6, 6, 6, 6;*/
	background-color: #eeeeee;
	border: 5px solid #eeeeee;
}
table.white tr td, td.white
{
    background-color: #ffffff;
    border: 5px solid #ffffff;
}

textarea, input
{
    font-family: inherit;
    font-size: inherit;
}

img{
	border-style: none;
}

li{
  margin-bottom: 5px;
}

blockquote 
{
    background-color: #aacc99;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
}
blockquote table 
{
	font-size: inherit;
}
blockquote td, blockquote th
{
    text-align: left;
	vertical-align: top;
	/*padding: 6, 6, 6, 6;*/
	background-color: transparent;
	/*border: 5px solid #eeeeee;*/
	border: none;
}

span.logoBig{
	font-size: 38px;
	font-family: Georgia, Garamond, "Trebuchet MS";
	font-weight: bold;
}
span.logoSmall{
	font-size: 30px;
	font-family: Georgia, Garamond, "Trebuchet MS";
	font-weight: bold;
}


#pageHeader{
	color: #8a629e;
	margin-top: 8px;
	/*clear: both;*/
}
/*
#pageHeader {
	color: #8a629e;
	float:left;
	position:relative;
	margin:4px 0 0 0;
	clear: both;
}*/

#pageHeader div.topNavigation
{
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    /*border: 1px solid #eeeeee;*/
	font-size: 14px;
	background-color: #cccccc;
	color: #eeeeee;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px;
	/*height: 30px;*/
}


#pageHeader .topNavigation a{
	color: #ffffff;
	padding: 16px;
	text-decoration: none;
}
#pageHeader .topNavigation a:hover{
	color: #8a629e;
}


#pageHeader span.path
{
    display: block;
    clear: left;
	color: #cccccc;
}
#pageHeader span.path a{
	color: #999999;
	text-decoration: none;
}
#pageHeader span.path a:hover{
	color: #8a629e;
}



#pageBody{
	color: #000000;
	clear: both;
}

#pageBody div.mainpane
{
    width: 580px;
    float: left;

}

#pageBody div.sidepane
{
    float: right;
    width: 210px;
    background: #8a629e;
    padding: 10px 10px 10px 10px;
    color: #ffffff;
}



#pageBody div.sidepane textarea, #pageBody div.sidepane input
{
    font-family: inherit;
    font-size: inherit;
    width: 190px;
    /*font-family: "Lucida Sans", Tahoma, Verdana, Arial;*/
	/*font-size: 0.8em;*/
}

#pageBody div.sidepane2
{
    float: right;
    width: 210px;
    /*background: #8a629e;*/
    padding: 10px 10px 10px 10px;
    /*color: #ffffff;*/
    clear: right;
}

#pageBody div.greensidepane
{
    float: right;
    width: 210px;
    background: #aacc99;
    padding: 10px 10px 10px 10px;
    color: #000000;
}

#pageBody div.green
{
    background: #aacc99;
    padding: 10px 10px 10px 10px;
    margin: 5px 5px 5px 5px;
    color: #000000;
}

#pageBody div.greensidepane a, #pageBody div.green a
{
    color: #333399;
}

#pageBody div.sidepane a
{
    color: #ffffff;
}

#pageBody div.blogPost
{
    clear: both;
    /*background: #eeeeee;*/
    /*padding: 10px 10px 10px 10px;*/
    padding: 20px 20px 0px 20px;
    margin-top: 10px;
    /*margin: 10px 10px 10px 10px;*/
    border-top: 1px solid #cccccc;
}

#pageBody div.blogPost a.blogPostTitle h1, #pageBody div.blogPost a.blogPostTitle h2, #pageBody div.blogPost a.blogPostTitle h3
{
    margin-top: 0px;
}

#pageBody .code, #pageBody div.commandLine {
    font-family: 'Lucida Console', Consolas, Monaco, 'Courier New';
}

#pageBody div.commandLine 
{
    /*font-family: 'Lucida Console', Consolas, Monaco, 'Courier New';*/
    background-color: #000000;
    color: #eeeeee;
    border: 1px solid #999999;
    padding: 10px;
}



#pageFooter{
	border-top: solid 1px #cccccc;
	color: #cccccc;
	clear: both;
	font-family: Lucida Sans, Tahoma, Verdana, Arial;
	font-size: 0.8em;
	margin-top: 10px;
	padding: 10px 0px 10px 0px;
	height: 14px;
}
#pageFooter a
{
    text-decoration: none;
}

#pageFooter span 
{
    color: #999999;
    padding: 10px 10px 10px 10px;
}

#pageFooter span.logoBig{
	font-size: 1.0em;
	font-family: Georgia, Garamond, "Trebuchet MS";
	font-weight: bold;
}
#pageFooter span.logoSmall{
	font-size: 0.8em;
	font-family: Georgia, Garamond, "Trebuchet MS";
	font-weight: bold;
}

.middle{
	background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    width: 840px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	/*margin-left: 100px;*/
}

.shadyText 
{
    color: #999999;   
}


.sfdl { padding:0;position:relative; border:1px solid #aaa;display:inline;float:left;text-decoration:none;-moz-box-shadow:rgba(255, 255, 255, 0.6) 0 1px 0 0;-webkit-box-shadow:rgba(255, 255, 255, 0.6) 0 1px 0 0;-o-box-shadow:rgba(255, 255, 255, 0.6) 0 1px 0 0;box-shadow:rgba(255, 255, 255, 0.6) 0 1px 0 0;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;
        margin:0 10px 0px 0;overflow:hidden;color:#555 !important;}
.sfdl:hover { cursor:pointer;text-decoration:none;
}
.sfdl-lite { background:0 center no-repeat #337733 none;color:white !important;height:auto;padding:0.5em 1em;text-align:center;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #339933), color-stop(100%, #337733));background-image:-moz-linear-gradient(top, #339933 0%, #337733 100%);background-image:linear-gradient(top, #339933 0%, #337733 100%);}
.sfdl-lite:hover { background:0 center no-repeat #339933;}