/*-- reset css --*/

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;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/*-- end eric meyer reset css --*/

/* -- general styles for page --*/


#slide_holder {
margin: 20px auto 0 auto;
}

 pre {font-family: 'Courier New'; font-size: 11px; line-height: 12px; text-align: left; width: 510px; overflow-x: scroll; overflow-y: hidden; border: 1px solid #d7d7d7; color: #ccc; background-color: #fff; margin: 30px 0 0 0;}
 h1 {
	color: #D6D6D6;
	font-size: 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 0;
}
 
 .sub {
 color: #fff;
 font-weight: bold;
 padding-bottom: 10px;
 margin-bottom: 30px;
 border-bottom: 1px solid #E2E2E2;
 }
 
.example_head {
 color: #fff;
 font-weight: bold;
 padding-top: 10px;
 margin-top: 30px;
 border-top: 1px solid #E2E2E2;
 }
html,body{background-color:transparent;}
html{background:transparent url('/new_index/bg3.jpg') no-repeat center center fixed;
-moz-background-size:cover; /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size:cover; /* Opera 9.5 */
-webkit-background-size:cover; /* Safari 3.0 */
-khtml-background-size:cover; /* Konqueror 3.5.4 */
background-size:cover; /* CSS3 */
}
body {
  font-family: Verdana, Sans-Serif;
  font-size: 13px;
  line-height: 15px;
  padding: 30px 320px 10px 16px;
  margin:0;    
}

/*-- end general styles for page --*/

input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; } 
input {padding: 2px 7px 2px 7px; font-size: 90%;}
.infiniteCarousel {
  width: 650px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 560px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 30px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 120px;
}

.infiniteCarousel ul li a img {
  display:block;

}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(/new_index/images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 30px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

.other_photo  {
	width: 100%;
	text-align: center;
	font-weight: normal;
	padding-top: 120px;
}

.other_photo a {
	color: Gray;
	font-size: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.sites {
text-align:center;
padding: 10px;
}

#s_img {
float:left;
margin: 5px;
}
.s_table {
	color: #353535;
	font-size: 13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.s_table td {
padding:5px;
}
/*menu*/
#men
	{
	color: #D6D6D6;
	font-size: 22px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0;
	padding:0;
	text-align:center;
	}

#men ul
	{
	margin:0;
    list-style:none;
	}

#men li
	{
	display:inline;
	list-style:none;
	margin:0;
	padding:3px;
}
ul#media  {
    width:150px;
}
#footer
	{
	clear:both;
	padding:8px;
	margin:0;
	font:70% Verdana, Arial, sans-serif;
	color:#888888;
	text-align:right;
	}

/* Effects only the one's listed below */
td, font, p {
	border:0px;
    vertical-align: top;
	}

td {    text-align: justify;}

/* This will change the link attributes */
A:link,A:visited {color:#FF7700;  text-decoration: none; }
A:hover {color:#00B3FF;  text-decoration: none; }


/* This will change how words look that are given the b/strong command */
strong, b{
        font-family: Tahoma, Verdana, Sans-Serif;
	color:#000000
        }

/* This will change the subject's attributes */
table td.caption {
        font-family: Georgia, Verdana, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        color: #484848;
	background-color:white;
	}

/* This will change the main entry attributes */
.entrybox {
  font-family: Verdana, Sans-Serif;
  font-size: 13px;
  font-weight: none;
  text-align: justify;
  line-height: 15px;
  color: #333333;
}
/* This will change the most recent attributes */
table table table td.meta {
  font-family: Verdana, Sans-Serif;
  font-size: 10px;
  font-weight: normal;
  color: #222222;
  background-color:transparent;
}

/* This will change the journal name, etc: However, it's hidden */
#title a:link, #title A:visited,#title, h1 {
  text-transform:uppercase;
  color: #898989;
  font-size: 20px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#title,.index{
  background-color: white;
  width: 90%;
  padding: 5px 10px 5px 5px;
  margin-bottom: 6px;
  text-align: left;
}
#subtitle{
  width: 400px;
  padding: 5px;
  margin-bottom: 10px;
  position: relative;
  color: #C8C8C8;
  font-size: 16px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
.s_list li{
list-style: disc;
color: #fff;
font-size: 14px;
}
.potw{
  position: absolute;
  width:95%;
  top: 0;
  text-align: right;
}

.error		{ padding:24px 8px 24px 8px; margin:0; color:#FF6633; font-weight:bold; font-size:100%; text-align:center; }

.block		{ padding:5px; margin-bottom:12px;	border:1px solid #EFEFEF; background-color: #F8F8F8; }

/* This will change the DAY in the date */
.day{
        font-family: Tahoma, Verdana, Sans-Serif;
        color: #565C68;
        font-size: 11px;
        text-align: right;
        line-height: 10px;
}

/* This will change the rest of the date */
.date{
        font-family: Tahoma, Verdana, Sans-Serif;
        color: #565C68;
        font-size: 9px;
        text-align: right;
        line-height: 10px;
}

/* This will change the comment attributes */
.comments {
        font-family: Tahoma, Verdana, Sans-Serif;
        font-size: 11px;
        text-transform:lowercase;
        font-weight: bold;
        color: #222222;
        background-color:transparent;
        height: 5px;
        text-align: right;
}
.centerall 	{ text-align:center; }
img			{ border-width:0; }
.colleft	{ float:left; margin:0px 4px 0px 4px; padding: 5px;}
.colright	{ float:right; margin:0px 4px 0px 4px; padding: 5px; }

blockquote { display:block; padding:20px; border-left:3px solid #999; background-color:#F9F9F9; }
blockquote hr { height:0px; margin:5px 0; border:none; border-bottom:1px inset #999;}
hr {border:none; border-bottom:1px inset #999;}
.rand_text { text-align: justify; padding-left: 10px; color:#757575;}
#user
	{
	margin:0 0 15px 0;
	padding:3px;
	color:#888888;
	text-align:right;
	font-size:95%;
	}

#user ul
	{
	padding:2px;
	margin:0;
    list-style:none;
	}

#user li
	{
	display:inline;
	list-style:none;
	margin:0;
	padding:3px;
}
img { max-width:630px; }
#main {padding-left:20px}
table.cells 	{ width:99%; margin:0; padding:0; border:4px solid #FFFFFF; }
table.cells td	{ padding:2px; background-color:#F7F7Fd; margin:0; }

#avtornetru a,#redpeopleorg a, #soundtriporg a, #kakoblogru a, #futuremailorg a{display:block; width:240px; height:80px;}
#avtornetru a { background:url(/images/my/avtor.net.ru.png) no-repeat right top;}
#redpeopleorg a { background:url(/images/my/redpeople.org.png) no-repeat right top;}
#soundtriporg a { background:url(/images/my/soundtrip.org.png) no-repeat right top;}
#kakoblogru a { background:url(/images/my/kakoblog.ru.png) no-repeat right top;}
#futuremailorg a { background:url(/images/my/future-mail.org.png) no-repeat right top;}
#avtornetru a:hover, #redpeopleorg a:hover, #soundtriporg a:hover, #kakoblogru a:hover, #futuremailorg a:hover { background-position:0 -80px;}
#coms {background: url('/img/coms.png') no-repeat; padding:5px 14px; width:45px;height:39px}
#coms a,#coms2 a{color: #FFF;font-size: 20px;font-family: Micra, sans-serif;}

.pagenav_prev,.pagenav_next,.pagenav_first,.pagenav_last,.pagenav_pages
{
	padding: 0.2em 0.5em 0.2em 0.8em;
	color:#15B;
	border:#eee solid 1px;
	background:#fff;
	margin: 1px;
	-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	font-size: 14px; 
}
.pagenav_current {
	padding: 0.2em 0.5em 0.2em 0.8em;
	font-weight: bold;
	background: #e8e8e8;
	margin: 1px;
	border: 1px solid #AAE;
	-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	font-size: 14px; 
	color:#fff;
}
.pagnav a {text-decoration:none;color: #15B}
.pagenav_current a {	color: #fff;}
.bycom {-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border-style:solid; border-width:1px; border-color:#C9C9C9; color:#565656;padding:5px}
.creative{display:none;position:absolute; background: #e8e8e8; width:200px; padding:10px;left:450px; text-align:left}

#block_right {position:fixed; top:0; left:700px;background:white;text-align:left;width:260px; padding:5px;height:100%}