/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* begin stellarjae */
body {
	font-family: georgia, garamond, serif;
    background-color: #f8f8f8;
}
.inner-wrapper {
    position: relative;
    margin: 0 auto;
    width: 960px;
}

#wrapper {
    background: transparent url('../images/header.png') top left repeat-x;
}

#header {
    background: transparent url('../images/header_right.png') top right no-repeat;
    height: 250px;
}

#header h1 {
    display: block;
    height: 100px;
    width: 266px;
    text-indent: -9999px;
    float: left;
    margin-top: 10em;
    font-size: .75em;
}

#footer {
    clear: both;
    margin-top: 2em;
    background: transparent url('../images/footer_bg.png') bottom right repeat-x;
    height: 181px;
}
    #footer ul.social {
        padding-top: 20px;
        margin-left: 0;
        padding-left: 0;
        list-style: none;
    }
    #footer ul.social li {
        display: inline;
    }
    #footer ul.social li a img {
        border: none;
    }

div.search {
    float: right;
}
    div.search input {
        margin-top: 1.5em;
        padding: .125em .25em;
        border: 1px solid #999;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        color: #515151;
    }
    div.search input[type="submit"] {
        visibility: hidden;
    }

div.copyright {
    text-align: center;
    font-size: .8em;
    color: #393939;
    padding-bottom: 1.5em;
}

#blog {
    margin: 0;
    padding: 0;
    float: left;
    width: 29.5em;
}
    #blog div.header, #tweets div.header div {
        text-indent: 1em;
        background: #707070;
        color: #eee;
        padding: .75em 0;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        font-size: 1.1em;
    }
    #blog div.header img, #tweets div.header img {
        margin-top: -25px;
        float: left;
    }
    #blog ul {
        clear: left;
    }
    #blog ul li div {
        margin-top: .5em;
        padding: .25em 1em;
    }
    #blog ul li div a {
        color: #3E91C4;
        text-decoration: none;
    }
    #blog ul li div a:hover {
        text-decoration: underline;
    }
    #blog ul li div span {
        float: right;
        font-size: .9em;
        color: #393939;
    }
    #blog ul li div p {
        margin-top: .25em;
        padding-bottom: 1.25em;
        padding-left: 1em;
        font-size: 10pt;
        color: #393939;
        line-height: 1.72em;
        border-bottom: 1px solid #ccc;
    }


#tweets {
    float: right;
    width: 29.5em;
}
    #tweets ul {
        clear: left;
    }
    #tweets li div.avatar {
        padding: .25em 1em;
        float: left;
    }
    #tweets li div.text {
        padding-top: .5em;
        padding-right: 1em;
        font-size: 10pt;
        color: #393939;
        line-height: 1.72em;
    }
    #tweets li div.text a {
        color: #3E91C4;
        text-decoration: none;
    }
    #tweets li div.text a:hover {
        text-decoration: underline;
    }

.clearboth {
    clear: both;
}

ul.nav {
    float: right;
    margin: 0;
}
    ul.nav li {
        margin-left: .25em;
        float: left;
    }
    ul.nav li a {
        background: #707070;
        display: block;
        padding: .5em .75em;
        color: #f8f8f8;
        text-decoration: none;
        -moz-border-radius-topleft: 8px;
        -moz-border-radius-topright: 8px;
        -webkit-border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        border-radius-topleft: 8px;
        border-radius-topright: 8px;
    }
    ul.nav li a:hover {
        color: #959595;
    }
    ul.nav li a.current {
        color: #959595;
    }


#content {
    clear: both;
    width: 58em;
    border: 1px solid #bcbcbc;
    margin-right: 0;
    margin-bottom: 3em;
    -moz-box-shadow: #bcbcbc 1px 1px 5px;
    -webkit-box-shadow: #bcbcbc 1px 1px 5px;
    padding: 1em;
    background-color: #fff;
    overflow: hidden;
}

#about_content {
    clear: both;
    width: 60em;
    -moz-box-shadow: #bcbcbc 1px 1px 5px;
    -webkit-box-shadow: #bcbcbc 1px 1px 5px;
    background-color: #323232;
    color: #e3e3e3;
}
    #about_content div.head {
        text-align: center;
        overflow: hidden;
    }
    #about_content div.content {
        float: left;
        width: 35em;
        padding: 0 1em;
        margin-bottom: 2em;

        line-height: 1.72em;
        font-size: 10pt;
    }
    #about_content div.content a {
        color: #0f85ce;
    }
    #about_content div.pic {
        margin-right: 20px;
        float: right;
    }


.center_image {
    text-align: center;
}

.WidgetHolder {
    margin-top: 1.5em;
}

#Sidebar { 
 	width: 200px; 
	float: right;  
	margin: 10px 0 0 0;
	padding: 0;
}
	#Sidebar .sidebarBox {
		margin: 0 0 5px 0;
		padding-bottom: 2px;
		background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; 
	}
	#Sidebar ul {
		margin: 2px 0 5px 3px;
	}
		#Sidebar li {
			margin: 8px 2px;
			list-style: none;
		}
	#Sidebar h3 { 
		clear: both; 
		text-transform: lowercase;
		color: #eee;
		font-size: 1em; 
		margin: 0 0 10px 0;
		line-height: 1.8;
		padding: 1px 0 0 10px;
		background-color: #707070;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
	}
	
	#Sidebar .sidebarBottom {
		height: 15px;
		display: block;
		width: 200px;
		margin: -5px 0 0 0;
		background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;
	}
	#Sidebar a em {
		font-style: normal;
	}
	#Sidebar p {
		font-size: 11px;
	 	clear: both;
	 	margin: 10px 10px 0 10px;
	}
	
	/* MENU2 */
    ul#Menu2 li { 
    	font-size: 0.9em; 
    	margin: 1px 0 5px 4px;
        list-style: none;
    }
    	ul#Menu2 li a {
            display: block;
            width: 196px;
            font-size: 1.2em;
            height: 1.8em;
            line-height: 1.8em;
            color: #898989;
      	}
			ul#Menu2 li em {
				padding-left: 8px;
				display: block;
			}
				ul#Menu2 li li em {
					padding-left: 0;
				}
      	/* Level 1 
      	- We use 3 elements for the nav to get 3 background images applied.
            * span - topleft rounded corner
            * em - bottomleft rounded corner
            * a - arrow on the right
            <a><span><em></em></span></a>
      	*/
      	ul#Menu2 li a:hover,
      	ul#Menu2 li a.current,
      	ul#Menu2 li a.current:hover {
        	background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;
        	color: #666;
			cursor: pointer;
            text-decoration: none;
      	}
	  	ul#Menu2 li a.current {
	  		font-weight: 700;
	  	}
      	ul#Menu2 li a.section,
      	ul#Menu2 li a.section:hover {
            background: #DCDCDC;
            font-weight: 700;
            width: 193px; 
      	}
      	ul#Menu2 li a.levela:hover span,
      	ul#Menu2 li a.current span,
      	ul#Menu2 li a.section span,
      	ul#Menu2 li a.section:hover span,
      	ul#Menu2 li a.current:hover span {
			background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;
			display: block;
			width: 100%;
			height: 100%;
		} 
		ul#Menu2 li a.levela:hover em,
		ul#Menu2 li a.current em,
		ul#Menu2 li a.section em,
		ul#Menu2 li a.section:hover em,
		ul#Menu2 li a.current:hover em {
        	background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;
			display: block;
			width: 100%;
            height: 100%;
      	}
      		ul#Menu2 li ul {
            	height: 100%;
            	position: relative;
            	margin: -4px 0 0 0;
            	width: 193px;
            	padding: 4px 0 10px 0;
            	background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;
      		}
      			ul#Menu2 li ul li {
            		width: 160px;
            		background: #DCDCDC;
            		padding: 0;
            		font-size: 0.8em;
            		display: inline;
            		margin: 0;
      			}
      				ul#Menu2 li ul li ul {
            			background: #DCDCDC;
            			margin-left: 0;
      				}	
      
					ul#Menu2 li li a.current,
      				ul#Menu2 li li a.section,
      				ul#Menu2 li li a.section:hover,
      				ul#Menu2 li li a.current:hover {
            			color: #555;
            			font-weight: 700;
            			background: #DCDCDC;
      				}
      					ul#Menu2 li li ul {
            				margin: 0 0 0 10px;
            				padding: 0;
            				width: 175px;
      					}
      					ul#Menu2 li li ul .roundWhite {
            				margin-bottom: -10px;
      					}
      			
			/* Sub Menu */
      		ul#Menu2 li a.levelb {
            	font-size: 1.7em;
            	text-indent: 8px;
            	width: 188px;
				background: transparent;
            	margin-left: 10px;
      		}
	  		ul#Menu2 li a.levelb:hover,
      		ul#Menu2 li li a.current,
      		ul#Menu2 li li a.current:hover,
      		ul#Menu2 li li a.section,
      		ul#Menu2 li li a.section:hover {
            	background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;
            	text-decoration: none;
            	display: block;
            	color: #fff;
      		}
      		ul#Menu2 li a.levelb:hover span,
      		ul#Menu2 li li a.current span,
      		ul#Menu2 li li a.current:hover span,
      		ul#Menu2 li li a.section span,
      		ul#Menu2 li li a.section:hover span {
            	background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;
            	display: block;
            	width: 100%;
            	height: 100%;
      		} 	
      		ul#Menu2 li a.levelb:hover em,
      		ul#Menu2 li li a.current em,
      		ul#Menu2 li li a.current:hover em,
      		ul#Menu2 li li a.section em,
      		ul#Menu2 li li a.section:hover em {
            	background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;
            	display: block;
            	width: 100%;
            	height: 100%;
      		}