/* media */

@-ms-viewport
{
	width: device-width;
}

@media screen and (min-width: 800px)
{
	div.dmainleft
	{
		float: left;
		width: 8.16%;
	}
	div.dmain
	{
		float: left;
		width: 76.53%;
	}
	div.dmainother
	{
		float: left;
		width: 15.31%;
	}
}
@media screen and (max-width: 799px)
{
	div.dmainleft
	{
		display: none;
	}
	div.dmain
	{
		float: left;
		width: 100%;
	}
	div.dmainother
	{
		display: inline;
		margin: 0 auto;
	}
	.hideforlowres 
	{
		display: none;
	}
}

/* generic */

body
{
	font-size: 14pt;
	font-family: 'Zilla Slab', serif, Verdana;
	background-color: #80809B;
	color: #000000;
}

.textcolor
{
	background-color: #E1D095;
	color: #000000;
}

.center
{
	text-align: center;
}

h1
{
	text-align: center;
}

table, td, tr
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.duma_txt
{
	font-size: 10px;
	font-family: 'Krona One', Verdana;
}

a
{
	color: #D34E13;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active
{
	color: #99583B;
	text-decoration: underline;
}

a.menu_link
{
	font-size: 13px;
	font-family: 'Krona One', Georgia;
	font-weight: bold;
	font-style: normal;
	/*font-variant: small-caps;*/
	color: #B13A1A;
	text-decoration: none;
	/*line-height: 125%;*/
	margin-bottom: 15px;
}

a.menu_link:hover, a.menu_link:active
{
	color: #FFF727;
}

img
{
	border: 0;
	align: center;
}

img.screenshot
{
	max-width: 100%;
	margin: 0 auto; /* to center - not working!!!!!!!! */
}

/* MM bubble */

div.mmbubble
{
	position: fixed;
	width: 180px;
	height: 180px;
	left: 65px;
	top: 85px;
	z-index: 205;
	visibility: hidden;
}
img.mmbubbletop
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}
div.mmbubblemain
{
	position: absolute;
	top: 60px;
	left: 15px;
	width: 150px;
	height: 95px;
	line-height: 95px;
	text-align: center;
	font-family: 'Zilla Slab', 'comic sans ms';
	font-size: 14pt;
	font-weight: bold;
	color: #A02020;
	padding: 0 0;
	margin: 0;
}
div.mmbubblemain p
{
	line-height: 1.2;
	display: inline-block;
	vertical-align: middle;
}

div.div_footer
{
	font-family: 'Krona One', Verdana;
	font-size: 10pt;
}

/* em */

em
{
	color: #2369B1;
	font-style: normal;
	font-weight: bold;
}

em.extra
{
	color: #2369B1;
	font-weight: bold;
	font-family: 'Krona One', Courier;
	text-align: center;
	font-variant: small-caps;
}

/* guest book */

.vkonyv_txt
{
	font-size: 10px;
	/*font-family: Verdana;*/
}

table.vkt
{
	border: 2px solid #747B21;
	background-color: #D8BF6A;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
td.vkd1, td.vkd2, td.vkd3
{
	font-size: 11pt;
	vertical-align: top;
}
td.vkd1
{
	text-align: left;
	font-weight: bold;
	text-indent: 5pt;
	background-color: #747B21;
	background-image: linear-gradient(to right, #747B21, #97a12b)
}
td.vkd2
{
	text-align: right;
	vertical-align: bottom;
	font-size: 8pt;
	background-color: #747B21;
	background-image: linear-gradient(to right, #97a12b, #747B21)
}
td.vkd3
{
	text-align: left;
	/*border-top: 2px solid #F9F34F;*/
	padding: 5px;
}

table.vkt.admin
{
	border: 2px solid #F64B00;
	background-color: #A37F4A;
}
td.vkd1.admin
{
	background-color: #F64B00;
	background-image: linear-gradient(to right, #F64B00, #ff9466)
}
td.vkd2.admin
{
	background-color: #F64B00;
	background-image: linear-gradient(to right, #ff9466, #F64B00)
}

/* mylist tables */

table.mylist
{
	border: 0;
	max-width: 500px;
	border-collapse: collapse;
	margin: 0 auto;
}
table.mylist td
{
	border-bottom: 1px solid #222222;
}
table.mylist td.c1
{
	text-align: center;
}
table.mylist td.c2
{
	max-width: 40px;
	min-width: 20px;
}
table.mylist td.c3
{
}
/*table.mylist tr.flash {
	background-color: #C1B075;
}*/

/* youtbob videos */
.video-container
{
	position: relative;
	padding-bottom: 56.25%; /* for 16:9 */
	padding-top: 0px;
	height: 0;
	max-width: 854px;
}
 
.video-container43
{
	position: relative;
	padding-bottom: 45%; /* for 4:3 */
	padding-top: 0px;
	height: 0;
	max-width: 420px;
}
 
.video-container iframe,
.video-container object,
.video-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-container43 iframe,
.video-container43 object,
.video-container43 embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}