/*  
Theme Name: MistyLook
Theme URI: http://wpthemes.info
Description: A real clean template by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>
Version: 1.0.3
Author: Sadish
Author URI: http://simpleinside.com
*/

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

a {text-decoration:underline;}
	a:link, a:visited {
		color:#265e15;}
	a:hover {
		color:#000;}
	a#h:hover {
		text-decoration:underline !important;}
	a:active {
		color:#000;}
	a.img {
		border:0;
		text-decoration:none;
		color:#000000 !important;}
	a img {
		border:0;
		text-decoration:none;
		color:#000000 !important;}
		
	a.U {
        text-decoration: none;
        cursor: help;
        color: #000000;}
    a.U:hover {
        color: #000000;
        background-color: #FFFF66;
		/*border-width: 1px 1px 1px 1px;
		border-style: outset;
		margin: -1px -1px -1px -1px;*/
		border-bottom: 1px dashed gray;
		/*font-size: 1.15em;*/
		/*background: transparent url("/include/imgs/gradtest_h.png") repeat-x;*/
		}


acronym {
	border-bottom:1px dotted;
	cursor:help;}

blockquote {
	margin:10px;
	padding-left:10px;
	border-left:#ccc 2px solid;
	color:#666;}

body {
	background: #f9f8f4;
	margin: 0px 0px;
	font: 76%/1.6em verdana, tahoma, "lucida grande", sans-serif;
	color: #333;
	text-align: center;
	background-color: #FFFFFF;
	padding: 0px;
	/* REPLACEME for offline version! */
	background-image: url(http://www.flazzle.net/include/imgs/body_back.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;}

/*
body {
    background: #f9f8f4; 
	margin: 0px 20px; 
	font: 76%/1.6em verdana, tahoma, "lucida grande", sans-serif; 
	color: #333; 
	text-align: center;
    background-color: #FFFFFF;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    background-image: url(gradient.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;}
*/

.clear {
	clear:both;
	height:20px;}

#comments, #respond {
	margin:2em 0 0 5px;}

#commentform {
	margin:10px;
	padding:10px;}

.commentlist {}
	#container .commentlist {
		margin:0;
		padding:0;}
	.commentlist li {
		list-style:none;
		margin:1em 0;
		padding:0.5em;
		background:#f5f5f5;}
	.commentlist li .cmtinfo {
		font-size:1em;
		border-bottom:#eee 1px solid;}
	.commentlist li cite {
		font-style:normal;
		font-weight:bold;}
	.commentlist li .cmtinfo em {
		float:right;
		margin:0;
		padding:0;
		font-style:normal;
		font-size:0.9em;
		color:#999;}

#container {
	border:#ddd 1px solid;
	background:#fff;
	margin:0px auto;
	width:780px;
	position:relative;
	text-align:left;}

#content {
	margin:10px 10px 10px 30px;
	overflow:auto;}

	#content h3 {
		font-size:1.2em;
		margin:1em 0px 0px;}
	#content h4 {
		font-size:1.1em;
		margin:1em 0px;}
	#content h5 {
		font-size:1em;
		margin:1em 0px;}
	#content ol {
		list-style-type:decimal;
		margin:1em;
		padding:0 1em;}
	#content .post {
		padding:0 0 2em 0;
		border-bottom:#ddd 1px dashed;}
	#content .post h2 {
		font-size:1.4em;
		margin:1em 0px 0px;
		letter-spacing:1px;
		font-weight:normal;}
	#content .entry {
		margin:1em 0;
		padding-right:1em;}
	#content .entry a {
		border-bottom:#999 1px dashed;
		text-decoration:none;}

#content-main {
	float:left;
	width:520px;
	margin-right:20px;}

	#content-main ul {
		margin:1em;
		padding:0 1em;
		list-style-image:url(img/bullet.png);}

#content-main-expand {
	float:left;
	width:720px;
	margin-right:0px;}

	#content-main-expand ul {
		margin:0em;
		padding:0px 0px;
		list-style-image:url(img/bullet.png);}

div {}
    div.results {
        margin: 0px 0px 0px 0px;
        text-align: left;}
    div.message {
        margin: 10px 10px 10px 10px;
        text-align: center;
        font-size: 150%;}
	/* Set the 'id' to be 'hidden' to hide inactive modes, e.g. AltGr */
	
	div.keyboard#shown {
		visibility: visible !important;
    	display: block !important;
		width: 33em !important;}
	div.keyboard#hidden {
		visibility: collapse !important;
    	display: none !important;
		width: 0px !important;}

dd {margin:0.5em 1em;
	padding:0;}

dl {margin:1em 0px;}

dt {font-weight:bold;}

#feedarea {
	padding:10px 10px 0 0;
	float:right;
	text-align:right;}

	html #feedarea {
		padding-top:10px;}
	#feedarea dl dt {
		display:inline;
		margin-right:5px;
		height:45px;}
	#feedarea dl dd {
		display:inline;
		margin-right:5px;
		height:45px;
		padding-left:16px;}
	#headerimage {
		clear:both;
		margin:10px;
		color:#fff;
		height:0px;}

fieldset {
	border:none;}

#footer {
	clear:both;
	background:transparent;
	margin:0px auto;
	overflow:auto;
	width:760px;
	color:#999;
	text-align:left;}

	#footer p {
		float:left;
		width:40%;
		line-height:1.2em;}
	#footer p img {
		vertical-align:text-bottom;}
	#footer ul {
		float:right;
		margin:1em 0px;
		width:50%;
		text-align:right;
		font-size:0.9em;}
	#footer ul li {
		display:inline;
		margin-left:5px;
		list-style-type:none;}

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, Verdana, Arial, Serif;}

#header {
	clear:both;
	float:left;
	margin:10px 5px;
	width:450px;}

	#header h1 {
		font-size:1.8em;
		margin:10px 0 0 10px;
		font-variant:small-caps;
		letter-spacing:1px;}
	#header h1 a {
		display:block;
		text-decoration:none;}
	#header h2 {
		margin:5px 0 0 10px;
		font-size:1em;
		font-weight:normal;
		font-family:Tahoma, Verdana, Arial, Serif;
		letter-spacing:1px;}

html #headerimage {
	margin-top: 0px;}

html #section-index #content-main {
	margin-right: 20px;}

/* UNCOMMENT THIS FOR FORMS! */

input.text {
	background: #f9f8f4;
	border: #ccc 1px solid;
	height: 1.3em;
	font-size: 1.3em;}

acronym#h  {
	border-bottom:0px none !important;
	cursor:default;}

#IEActive {
	background: #FFFFFF !important;
	border: #ccc 1px inset !important;}

input.bSmall {
	background: transparent url("/include/imgs/gradtest.png") repeat-x;
	border: #ccc 1px solid;
	font-size: 1.125em;
	width: 1.5em;
	height: 1.5em;}
	
	input.bSmall:active:focus:hover {
		background: transparent url("/include/imgs/gradtest_a.png") repeat-x;
		border: #ccc 1px solid;}
	
	input.bSmall:hover {
		background: transparent url("/include/imgs/gradtest_h.png") repeat-x;
		border: #ccc 1px solid;}

input.b {
	background: transparent url("/include/imgs/gradtest.png") repeat-x;
	border: #ccc 1px solid;
	font-size: 1.125em;
	width: 2em;
	height: 2em;}

	input.b:active:focus:hover {
		background: transparent url("/include/imgs/gradtest_a.png") repeat-x;
		border: #ccc 1px solid;}
	
	input.b#Active {
		background: transparent url("/include/imgs/gradtest_a.png") repeat-x !important;
		border: #ccc 1px solid !important;}
	
	input.b:hover {
		background: transparent url("/include/imgs/gradtest_h.png") repeat-x;
		border: #ccc 1px solid;}
		
	input.b#BkspKey {
		width: 3em;}
	input.b#TabKey {
		width: 3em;}
	input.b#SpaceKey {
		width: 15.1em;}
	input.b#EnterKey {
		width: 3.4em;}
	input.b#Search {
		width: 4.0em;
		height: 2em;}
	
	input.b#BkspKeyActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 3em;}
	input.b#TabKeyActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 3em;}
	input.b#SpaceKeyActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 15.1em;}
	input.b#EnterKeyActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 3.4em;}
	input.b#SearchActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 4.0em;
		height: 2em;}

input.t {
	background: transparent url("/include/imgs/gradtoggletest.png") repeat-x;
	border:#ccc 1px solid;
	font-size:1.125em;
	height: 2em;}

	input.t:active:focus:hover {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		border:#ccc 1px solid;}
	
	input.t#Active {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		border:#ccc 1px solid;}
	
	input.t:hover {
		background: transparent url("/include/imgs/gradtest_h.png") repeat-x;
		border:#ccc 1px solid;}
	
	input.t#AltKey {
		width: 3.475em;}
	input.t#AltGrKey {
		width: 3.475em;}
	input.t#CtrlKey {
		width: 3.475em;}
	input.t#CapsKey {
		width: 3.6em;}
	/* Without the extra key? */
	input.t#LShiftNormal {
		width: 4.6em;}
	input.t#RShiftNormal {
		width: 4.4em;}
	/* With the extra key. TODO: Doublecheck! */
	input.t#LShiftExtra {
		width: 2.6em;}
	input.t#RShiftExtra {
		width: 4.4em;}
	
	input.t#AltKeyActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 3.475em;}
	input.t#AltGrKeyActive {
		width: 3.475em;}
	input.t#CtrlKeyActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 3.475em;}
	input.t#CapsKeyActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 3.6em;}
	/* Without the extra key? */
	input.t#LShiftNormalActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 4.6em;}
	input.t#RShiftNormalActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 4.4em;}
	/* With the extra key. TODO: Doublecheck! */
	input.t#LShiftExtraActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 2.6em;}
	input.t#RShiftExtraActive {
		background: transparent url("/include/imgs/gradtoggletest_a.png") repeat-x;
		width: 4.4em;}
	
	input.t#AltKeyIEActive {
		background: #C9C9FF !important;
		border: #ccc 1px inset !important;
		width: 3.475em;}
	input.t#AltGrKeyIEActive {
		background: #C9C9FF !important;
		border: #ccc 1px inset !important;
		width: 3.475em;}
	input.t#CtrlKeyIEActive {
		background: #C9C9FF !important;
		border: #ccc 1px inset !important;
		width: 3.475em;}
	input.t#CapsKeyIEActive {
		background: #C9C9FF !important;
		border: #ccc 1px inset !important;
		width: 3.6em;}
	/* Without the extra key? */
	input.t#LShiftNormalIEActive {
		background: #C9C9FF !important;
		border: #ccc 1px inset !important;
		width: 4.6em;}
	input.t#RShiftNormalIEActive {
		background: #C9C9FF !important;
		border: #ccc 1px inset !important;
		width: 4.4em;}
	/* With the extra key. TODO: Doublecheck! */
	input.t#LShiftExtraIEActive {
		background: #C9C9FF !important;
		border: #ccc 1px inset !important;
		width: 2.6em;}
	input.t#RShiftExtraIEActive {
		background: #C9C9FF !important;
		border: #ccc 1px inset !important;
		width: 4.4em;}

/*
input {
	background:#CBCBFE;
	
	border:#CBCBFE 2px outset;}

input:active {
	border:#CBCBFE 2px inset;}
*/

li {margin:0.2em 0px;}

li.sidebox {
	padding:10px;
	background:url(img/sideheadtop.gif) #ededed no-repeat left top;
	margin-bottom:10px;}

html li.sidebox {
	padding-bottom:10px;}

li.sidebox h2 {
	font-weight:bold;
	font-size:1.2em;
	text-align:left;}

#myGallery {
	width:720px !important;
	height:445px !important;}

#navigation {
	background:transparent;
	margin:10px auto 0px;
	overflow:hidden;
	width:760px;
	position:relative;
	text-align:left;
	font-family:Tahoma, Verdana, Arial, Serif;}

	html #navigation, html #content, html #footer {
		height:1%;}
	#navigation ul li {
		float:left;
		margin:0px 5px 0px 0px;
		list-style-type:none;}
	#navigation ul li a {
		border:#ddd 1px solid;
		border-bottom:none;
		padding:0 10px 2px 10px;
		display:block;
		background:#e6e6e6;
		text-decoration:none;}
	#navigation ul li a:hover, #navigation ul li a:active, .commentlist li.alt {
		background:#fafafa;
		text-decoration:none !important;}
	#navigation ul li.current_page_item a {
		background:#fff;
		color:#333;
		border:#ccc 1px solid;
		border-bottom:none;}
	#navigation ul li.search {
		font-size:0.9em;
		right:0px;
		position:absolute;
		top:0px;}
	#navigation ul li.search input#s {
		border:#999 1px solid;
		font-size:0.9em;
		width:100px;
		padding:2px;
		background:#fff;}
	#navigation ul li.search input#searchsubmit {
		border:#999 1px solid;
		font-size:0.9em;
		background:#e6e6e6;
		margin:0px 0px 0px 2px;
		color:#265e15;
		padding:2px;}

#nav-expand {
    background: transparent; 
    margin: 0px 0px 0px 10px; 
    overflow: hidden; 
    position: relative; 
    font-family:Tahoma, Verdana, Arial, Serif;
    text-align: right;}
    html #nav-expand {height: 1%;}
    #nav-expand ul li {
        float: left; 
        margin: 0px 5px 0px 0px; 
        list-style-type: none;}
    #nav-expand ul li a {
        border: #ddd 1px solid; 
        border-bottom: none;
        padding: 0 10px 2px 10px; 
        display: block; 
        background: #e6e6e6; 
        text-decoration: none;}
    #nav-expand ul li a:hover {background: #fafafa;}
    #nav-expand ul li a:active {background: #fafafa;}
    #nav-expand ul li.current_page_item a {
        background: #fff;
        color: #333;    
        border: #ccc 1px solid; 
        border-bottom:none;}
    #nav-expand ul li.search {
        font-size: 0.9em; 
        right: 0px; 
        position: absolute; 
        top: 0px;}
    #nav-expand ul li.search input#s {
        border: #999 1px solid; 
        font-size: 0.9em;     
        width: 100px; 
        padding: 2px;     
        background:#fff;}
    #nav-expand ul li.search input#searchsubmit {
        border: #999 1px solid; 
        font-size: 0.9em; 
        background: #e6e6e6; 
        margin: 0px 0px 0px 2px; 
        color: #265e15; 
        padding: 2px;}

p {	
	margin:0.7em 0px;
	line-height:1.6em;}
	
	#content p img.right {
		float:right;
		margin:10px 0 0 10px;}
	#content p img.left {
		float:left;
		margin:0 10px 10px 0;}

.post {}
	.post h4 {
		font-size:1em;
		font-weight:normal;
		font-family:Verdana, Tahoma, Arial, Serif;}
	.post h4 em {
		font-style:normal;
		float:right;
		font-weight:normal;}

.post-info, .postmetadata {
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;}

#sidebar {
	float:left;
	width:200px;
	font-size:0.9em;}
	#sidebar ul {
		list-style:none;
		margin:0;
		padding:0;}
	#sidebar ul ul {
		list-style:none;
		margin:0.5em 0 0 1em;
		padding:0;}
	#sidebar li.sidebox p img {
		float:left;
		margin:0px 10px 10px 0px;}

/* NOTE: This is before other elements so that the other tables take priority! */

table.main {
    border-spacing: 0px;
    border-style: none;
    border-color: #DDDDDD;
    border-collapse: separate;
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin-bottom: 0px;}
    table.main th.padding {
        border-width: 0px;
        padding: 13px 30px 13px 30px;
        border-style: solid;
        border-color: #DDDDDD;}
    table.main td.padding {
        border-width: 0px 0px 1px 1px;
        padding: 13px 30px 13px 30px;
        border-style: solid;
        border-color: #DDDDDD;
        vertical-align: top;}

/* This is before everything else so that tables 
nested inside hidden tables aren't also hidden. */

table.hidden {
    border-spacing: 0px;
    border-style: none;
    border-color: #DDDDDD;
    border-collapse: separate;
    border-right: 0px none #DDDDDD;
    border-top: 0px none #DDDDDD;
    margin-bottom: 0px;}
    table.hidden th {
        border-width: 0px;
        padding: 0px 0px 0px 0px;
        border-style: none;
        border-color: #DDDDDD;}
    table.hidden td {
        border-width: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-style: none;
        border-color: #DDDDDD;}

table {
	/*margin:0.5em 0px 1em;*/
	border-collapse:separate;}

	table.support {
		border-width:1px 1px 1px 1px;
		border-spacing:0px;
		border-style:none none none none;
		border-collapse:collapse;
		margin:0px 0px 0px 1px;
		border-color:#A1A1A1;}
	table.support th, table.support td {
		border-width:1px 1px 1px 1px;
		padding:3px 3px 3px 3px;
		border-style:solid solid solid solid;
		border-color:#A1A1A1;}

	th {border-bottom:2px solid #919eaf;}

	tr td {}
		#main tr td a.active {background-color:inherit;}
		table td {padding:3px;}
		tr.odd td.active {
			background:#c5d6df !important;
			border-bottom:0px;}
		tr.even td.active {
			background:#d6e4ea !important;
			border-bottom:0px;}

	tr {}
		tr {border-bottom: 1px solid #bfd0d9;}
		tr.odd {
			background: #FFFFFF !important;
			border-bottom: 0px;}
		tr.oddalt {
			background: #FFFFFF !important;
			border-bottom: 0px;}
		tr.even {
			background: #EAF2FF !important;
			border-bottom: 0px;}
		tr.evenalt {
			background: #EAF2FF;
			border-bottom: 0px;}
		tr.header {
			background: #CBCBFE !important;
			border-bottom: 0px;}
	
	/* Highlighted Characters */
	td.HLC {
		padding: 13px 0px 13px 0px !important;
		cursor: pointer;}
	td.HLC:hover {
		background-color: #BEEAD1 !important;
		}
	td.HLC a {
		color: #000000 !important;
		text-decoration: none;}
	
	/* Active Characters */
	td.AC:hover {
		background-color: #BEEAD1 !important;}
	td.AC:active {
		background-color: #F1D296 !important;}
	td.AC {
		padding: 13px 0px 13px 0px !important;
		background-color: #d1eeee !important;
		cursor: pointer;}
	td.AC a {
		color: #000000 !important;
		text-decoration: none;}
	
	/* Active Yellow Characters */
	td.AYC:hover {
		background-color: #FFFF84 !important;}
	td.AYC:active {
		background-color: #F1D296 !important;}
	td.AYC {
		padding: 13px 0px 13px 0px !important;
		background-color: #FFFFAA !important;
		cursor: pointer;}
	td.AYC a {
		color: #000000 !important;
		text-decoration: none;}
	
	/* Highlighted List Items */
	td.HLLI {
		padding: 2px 0px 2px 0px !important;
		cursor: pointer;}
	td.HLLI:hover {
		background-color: #BEEAD1 !important;}
	td.HLLI a {
		color: #000000 !important;
		text-decoration: none;}
	
	/* Active List Items */
	td.ALI:hover {
		background-color: #BEEAD1 !important;}
	td.ALI:active {
		background-color: #F1D296 !important;}
	td.ALI {
		padding: 2px 0px 2px 0px !important;
		background-color: #d1eeee !important;
		cursor: pointer;}
	td.ALI a {
		color: #000000 !important;
		text-decoration: none;}

table.results {
    border-spacing: 0px;
    border-style: none;
    border-color: #ABABAB;
    border-collapse: separate;
    border-right: 1px solid #ABABAB;
    border-top: 1px solid #ABABAB;
    margin-bottom: 0px;}
    table.results th {
        border-width: 0px;
        padding: 3px;
        border-style: solid;
        border-color: #ABABAB;}
    table.results td {
        border-width: 0px 0px 1px 1px;
        padding: 3px;
        border-style: solid;
        border-color: #ABABAB;
        vertical-align: top;}

textarea {
	width:90%;
	padding:5px;
	height:20em;
	border:1px solid #ccc;
	background:#f9f8f4;}




.anylinkcss{
	position:absolute;
	visibility: hidden;
	border:1px solid #CCCCCC;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 100;
	background-color: #FFFFFF;
	width: 235px;
	text-align: left;}

.anylinkcss a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 10px;
	color: #000000;}
.anylinkcss a.stripe{
	background-color: #F3F3F3 !important;}

.anylinkcss a:hover {
	background-color: #BEEAD1 !important;}
.anylinkcss a:hover:active {
	background-color: #F1D296 !important;}