﻿BODY { margin:0px }
#container0 { margin:0px; background-color: silver }
#container1 { width: 950px; margin: 0 auto; background-color:white; background-image: url('side-bg.gif'); background-repeat:repeat-y; background-position:right }

/* Header
----------------------------------------------- */
#header { background:#311028; color:#FFFF00 }
#headers { background:#311028; color:#FFFF00 }
#blog-title, #blog-title-per, #blog-title-eng { font-size:200%; line-height:1.2em; font-family: arial, helvetica, verdana, Trebuchet MS, sans; color:#FFFF00; margin:0px 40px 0px 40px }
#blog-title a, #blog-title-per a, #blog-title-eng a { text-decoration:none; color:#FFFF00 }
#description, #description-per, #description-eng { padding:0px 60px 10px; font-size:16px; line-height:1.5em; color:#FFFF00; margin:0 }
.left { text-align: left; direction: ltr; width: 50% }
.right{ text-align: right; direction: rtl; width: 50% }
.navbar{ display: none }
#navbar-iframe{ height: 0px }

/* TOP-Menu
----------------------------------------------- */
.menu	 { background-image: url('bg-menux.gif'); background-color:#311028; font-size: 8pt; height: 22px; padding-top: 3px; padding-bottom: 3px; padding-left: 7px; padding-right: 7px; font-weight: bold; text-align: center; line-height: 16px; color:white; border: 0px solid #000000; font-family: helvetica, verdana, Trebuchet MS, arial, sans; }
a:link.menu 	{ background-image: url('menux.gif'); background-color:#311028; text-decoration:none; color: #CFCFE0 }
a:visited.menu 	{ background-image: url('menux.gif'); background-color:#311028; text-decoration:none; color: #CFCFE0 }
a:active.menu   { background-image: url('menuonx.gif'); background-color:#C0C0C0; text-decoration:none; color: #000000 }
a:hover.menu    { background-image: url('menuonx.gif'); background-color:#C0C0C0; text-decoration:none; color: #000000 }
.shadow { background-color:white; background-image: url('shadow.gif'); text-align: right }
.stretchbar { background-color:#311028; background-image: url('stretchbar.jpg'); text-align: left; width:100%; min-height:28px }

/* Sidebar
----------------------------------------------- */
#mainpage { direction: rtl}
#sidebar0 { text-align: right; width: 196px; float: right }
#sidebar1 { font-family: tahoma, arial, sans-serif; font-size:97%; line-height:1.5em; padding:0px 15px 20px 30px; color: #ffffff }
.sidebartitle {	padding:0 0 .2em; border-bottom:1px dotted #FFFFFF;	font: bolder 16px tahoma, arial, sans-serif; color: #ffffff }
#sidebar a:link { color: #CC6699; text-decoration: none }
#sidebar a:visited { color: #CC6699; text-decoration: none }
#sidebar a:active { color: #CC6699; text-decoration: underline }
#sidebar a:hover { color: #ffcc33; text-decoration: underline }

/* Main
----------------------------------------------- */
#main0 { min-height: 400px; text-align: right; vertical-align: top; float: right }
#main1 { width: 600px; margin: 0px 80px 0px 0px; color:black; font-size:97%; line-height:1.5em }
#main { color:black; font-size:97%; line-height:1.5em }
#date { text-align: left; direction: ltr; color:#993366 }
A:link {color: #cc9966; text-decoration: none}
A:visited {color: #cc9966; text-decoration: none}
A:active {color: #cc9966; text-decoration: none}
A:hover {color: #660000; text-decoration: none}
.biglink {font: bold italic 12px verdana, arial, sans-serif; text-decoration: none}
:hover.biglink {font: bold italic 12px verdana, arial, sans-serif; text-decoration: underline}

/* Posts
----------------------------------------------- */
.ads { border:1px solid #cc66cc; }
.tblgh { border:1px solid #cc66cc; }
.date-header { margin:0 28px 0 43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:#993366 }
a.title-link { text-decoration:none; color: #993366 }
a:hover.title-link { text-decoration:underline; color: #993366 }
.post-body { font-family: Tahoma; border:0px none; padding:0px; margin:0px; text-align: justify; }
.divider { BORDER-RIGHT: #cc66cc 1px solid; BORDER-TOP: #cc66cc 1px solid; BORDER-LEFT: #cc66cc 1px solid; WIDTH: 100%; COLOR: #ffffff; BORDER-BOTTOM: #cc66cc 1px solid; HEIGHT: 3px }
.post p { font-family: Tahoma; margin-left:0; margin-right:0; margin-top:0; margin-bottom:.75em; text-align: justify; }
.post img { margin:0 0 5px 0; padding:4px; border:1px solid #43437C }
blockquote { border-left:0px dotted #43437C; border-right:0px dotted #43437C; border-top:1px dotted #43437C; border-bottom:1px dotted #43437C; margin:.75em 0; padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:0px }
.post blockquote p { margin:.5em 0 }
.blogger-labels { display:none }
.bestgame{ background-color: #ffffcc }
.bestvideo{ background-color: #ffffcc }

/* Share Links
----------------------------------------------- */
#a2apage_PTZ { display:none !important; }
#a2apage_any_email { display:none !important; } /* For standard sharing menu */
#g-plusone { direction:rtl; text-align:right; font-family: tahoma; font-size: 85%; float: right; color:#CC6699 }
#g-plusone a:link { color: #CC6699; text-decoration: none }
#g-plusone a:visited { color: #CC6699; text-decoration: none }
#g-plusone a:active { color: #CC6699; text-decoration: underline }
#g-plusone a:hover { color: #ffcc33; text-decoration: underline }

/* Phones
----------------------------------------------- */
@media screen and (max-width: 900px) {
	.hide_phone {
		visibility: hidden;
		display: none;
	}
	.myimg {
		max-width: 700px;
		height: auto;
	}
}
  and (max-width: 720px)

@media screen and (max-width: 400px) {
	.myimg {
		max-width: 300px;
		height: auto;
	}
}