/*  
Theme Name: Coming Out  
Theme URI:  
Description:  SpB LGBT site  
Version: 1.1
Author:  Irina Zaks and Polina Savchenko
Author URI: http://www.iringweb.com/


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* {margin: 0; padding: 0;  }

body {
	height: auto;
	
}
html>body 
{	height:auto;}

/*a 		{color:#993300; text-decoration: none;}
a:hover {color: #900; text-decoration: underline;}  from cpima*/

p {margin: 0 0 1em 0; line-height: 1.25em;}
   
img {border: none;}

img {padding:1px; border: 1px solid #666;}  

.alignleft  {	float:left;}
.alignright  {	float:right;  }  /*  -- check these styles -- */

.imgleft {float: left; margin: 0 1em 1em 0;  }
/*.imgright {float: right; margin: 0 0 1em .8em;  }*/
.imgright {float: right; margin: 0 0 1em 10em;  }


 
 
/* Forms -------------- - */

fieldset {border: 0;}
 
 
/* Headers --------- --- */
  
h1 		{margin: 0 0 .5em 0;   }
h2 		{margin: 1.5em 0 .5em 0;   }
h3 		{margin: 0 0 .5em 0;    }
 
/* Lists -------   */

ul, ol 	{margin: 1em 0 1em 1em;}
li 		{margin: 0 0 .5em 1em; }
#content ul li {list-style-type:square;}
ol   	{ list-style-type:decimal;}

dl 		{margin: 0 0 1em 0;}
dd 		{margin: 0 0 .5em 2em;}
dt 		{font-weight: bold;}
blockquote {	margin-left: 2em}
 
/* Tables -------   */

table 	{border-collapse: collapse; margin: 0 0 0em 0;}
td 		{vertical-align: top; padding: .5em;}
td a:hover {text-decoration: underline;}
tr:focus {background-color: #ffd;} 
   

/* Layout  ------------------- ------ */

hr.clearfloat {clear: both; visibility: hidden;}
 
#adminmenu  { margin:   0 0 0 6%  ;
	padding: 0 11% .7em 0;
/* 	min-width: 820px; */}
 
#wrapper {
	margin: 0 auto ;
	padding: 0 4px 0 0;
	width: 90%;
	min-width: 820px;
	border-bottom: 3px solid #e1e1e1;
	background: #fff url('/wp-content/themes/vyxod-2008/images/shadowRight.jpg')  repeat-y top right;
	height: auto;
}

#wrapper #shadow {padding:  0 0 0 4px; 
		background: #fff   url('/wp-content/themes/vyxod-2008/images/shadowLeft.jpg') repeat-y top left;}

 
#content {padding: 12px 1.5em 0 1.5em; min-height: 600px;}
 
#maincontent {float: left; width: 63%; padding-right:2%; padding-left: 2%;
  margin-left:3%; margin-right: 3%; min-height: 600px; border-right: 1px solid #ccc } /* polina changes */

#sidebar {float: left; width: 23%; min-width: 200px;  }
#footer {clear: both;}

 
/* Colors and Typography  ------------------------------- */

body {	 background: #f7f7f7   url('/wp-content/themes/vyxod-2008/images/bodyBkgr.png') repeat-x  top left; 
 		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 80%; 
		 }
		 
/* body {	 background: #f7f7f7   url('/wp-content/themes/vyxod-2008/images/bodyBkgr3.png') repeat-x  top left; 
 		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 80%; 
		 } */ /* polina - trying diff image */
 
a { color:#660099 }  
a:hover { color: #f60; } 



 /* Header Admin Menu Section */
  	
#adminmenu { text-transform:lowercase; 
				font-size:80%; 
				background-color:#ced7e2; } 
				
/* #adminmenu { text-transform:lowercase; 
				font-size:80%; 
				background-color:#b3becf; } */ /* polina: this color was used with bodyBkgr3.jpg */
				
#adminmenu  ul  {  margin: 0;  }  /* overrides ul settings */

#adminmenu li {display:inline; margin: 0 .3em;  }

#adminmenu img {border:none; padding: 8px 5px 2px 5px;}  /* ps */

#adminmenu a { background: transparent;  text-decoration:none; }
#adminmenu a:hover { background:#669999 url(none);}

#adminmenu img.flag { margin-bottom: -2px}
 
/* Header Section */
 
#header { 

background:#fff url('/wp-content/themes/vyxod-2008/images/header-full.jpg') no-repeat  top center;  

height: 90px;
border-top: 1px solid #ced7e2 }
 
 
/* #header h1 {text-align:left; 
		font:bold 2.4em  ; text-transform:uppercase ;  
		margin:0; 
	 	padding: .8em 75px 0 2em;  
   		} polina */
		
#header h1 {text-align:left; 
		font: 2.4em  ;  text-transform:uppercase ;  font-family:Arial;
		margin:0; 
	 	padding: .8em 75px 0 2.7em; /* 2.7 */ 
   		}
 
 
#header a {text-decoration: none;}

#headername { float:left; width: 650px;  } /* accomodates floating of headernav regardless of tagline length */
/*.tagline {text-align:left; font-size: 70% ;
	 padding: .4em 75px 0 45px; }*/ /* ps - Blog description? */
.tagline {text-align:left; font-size: 75% ;
	 padding: .4em 75px 0 50px; font-family:Arial; font-style:italic; color:660099;} /* ps - Blog description? */

/* #headernav { float:right;  margin:    auto 3em auto 4em;   } */
#headernav { float:right;  margin: .4em 3em auto 0;    } 


#headernav p { margin: .5em 0; display:block; line-height:1.2em }



/* Top Main Navigation Section ----------------------- */

 
#topnav { text-align:center;
		padding-bottom:1em; 
		  
		background: url('/wp-content/themes/vyxod-2008/images/headermenu-bkgr.png') repeat-x  bottom; }

#topnav a {background: transparent; margin: 0;   text-decoration:none; } 
#topnav  a:hover { color: #609; } 


#topnav ul { }
#topnav  li  { display:inline;   font-size: 130%; font-weight:bold; margin: 0 ; padding: .5ex .5em;   }
 
#topnav  li.one:hover  { background:#ff3333 url(none); }
#topnav  li.two:hover  { background:#ff6633 url(none);}
#topnav  li.three:hover  { background:#ff9933 url(none);} /* good orange */
#topnav  li.four:hover  { background:#ffcc33 url(none);} 
#topnav  li.five:hover  { background:#99cc33 url(none);}  /* green  669933 */ 
#topnav  li.six:hover  { background:#159ed6 /*#6699ff*/ url(none);}   
#topnav  li.seven:hover  { background:#cc99cc url(none);} /* good purple */

   
/* Content Section ----------------------- */

 
#maincontent { background-color: #F0F0F0 /* #ddd */ ;     }
 
#content h2,  #content h3 {  margin-bottom:5px; line-height: 1.2em}
  
#content a {text-decoration:none;}
#content a:hover {  background-color:#F0F0F0;}

 
/*.post { clear:left; margin: 1em 2em; background-color:f7f7f7; color:#666666; border: 1px dotted blue } polina */
.post { clear:left; margin: 1em 0 3em 1em; background-color:f7f7f7; color:#333333  }
.post h3 a  { color:#660099; line-height: 1.2em; font-weight: bold;  }


.post h3 { 
 		border-bottom: 1px solid #CCCCCC; padding-bottom:6px;
 
		border-top:1px solid #ccc; 
		padding-left: .8em; padding-top:.5em;
		background-image:url('/wp-content/themes/vyxod-2008/images/h3-bkgr-fading.jpg')
		} /* ps */
.entry {text-align:justify;}

.postmeta { font-size: small; color:#336666;}
/* SideBar Section */ 

  #searchform #s { 
/*background:transparent none repeat scroll 0 0;
border:medium none;
*/
color:#777777;
margin:0 1px 0 1px;
padding-top:1px;
padding-bottom: 3px;
padding-left: 2em; 

 width: 80%;
 
background-repeat:no-repeat; background-image:url('/wp-content/themes/vyxod-2008/images/looking-glass.gif' ) 
}
 
input, textarea { 
border-color:#111111 #777777 #777777 #111111;
border-width:1px;
}
  

 
#sidebar li {list-style: none;	margin: 0;	padding: 0 0 10px;}
#sidebar ul li {margin: 0;display: block;padding: 2px 0 6px; border-top: 1px solid #E8F3C5;   color:#676; }
#sidebar li ul{list-style: none;margin: 0;padding: 6px 0 2px;}
#sidebar li ul li{margin: 0;display: block;padding: 2px 0 4px 12px;border-top: 1px solid #E8F3C5;  }
#sidebar a {text-decoration:none;}
#sidebar p { font-size:80%; } /*ps - to remove */
#sidebar h3 {  line-height: 1.2em; 
		padding: .0  28px .3em 0.2em ; 
		margin-top: 1em;		
 		border-bottom: 1px solid #2f60a9; 
		background-repeat: no-repeat; background-position:right top;
 		 background-image:url('/wp-content/themes/vyxod-2008/images/arrow.jpg' ) ;  
		}


/* Footer Section */

	#footer { 
 	margin:   0 9.95%  ;
	padding: 0 5px .7em 0;
/*	width: 80%;
	min-width: 820px; */
	padding-left: 10%}

#footer p { font-size:70%;  }
#footer {clear:both;  text-align:center;  
/*  background: #c4c4c4 url(images/footerbg.jpg) no-repeat top;
*/}


 


#nav ul li a { color: #000; text-decoration: none; text-transform: uppercase; padding: 0 .8em ;} /*display: block; */
#nav ul li a:hover {color: #900; text-decoration: none;}
 
 
#nav a.selected { }  /*// dynamic highlighting of the section*/

  

/* Images --------------------- ---- */
#content img { margin: 0 .6em .6em 0;  padding: .4em; }/*border: 1px solid #ccc;*/
#content img.alignright { margin: 0 0 .6em .6em;  }

dl.alignleft {  margin: 0 .6em .6em 0;  }
dl.alignright {margin: 0 0 .6em .6em;    }


#footer img {	border:none; margin: 0; padding: 0 .2em}

.caption 	{	font-size:80%; font-style:italic;}

div.figure, table.figure,  p.figure p, table.figure p, p.figure, span.figure {
	padding:   .5em;
 	border: 1px solid silver;
/*	width: 130px;*/
 	font-size: 70%;
	font-style:italic;
  	text-align:center;
	}




/* Comment Stuffs */
#comment {width:95%;}
cite {font-weight:bold; font-style:normal;}
.commentbody {color: #595949; font-size: 11px; margin: 0 0 5px 0;padding: 10px 15px 10px 15px;	
     background: #f7f7f0;	border: 1px solid #f0f0e0; position: relative;}
.commentbody p {line-height: 1.2em; margin:5px 0 0 0;}
.commentlink {	font-size: 10px;}
.commentlist {	list-style: none; margin:0; padding:0;}
.commentcount {	position: absolute;	left: 460px;	top: 5px;	font: bold 24px Georgia,sans-serif;
	color: #e0e0d0;	float: left;}

/* Other Parts */
p.postmetadata {color: #222; padding: 5px 5px 5px 0;  margin: 0  ; }
small {color:#666}
.wp-smiley {border:none}



/* Exceptions ------------ ----- */

#skip {}

#skip a {position: absolute; left: -999px;}
#skip a:focus {padding:3px; left:50%!important;}
  

#footer {font-size: 100%; margin: 2em 0 0 0;}
#footer a {color: #fff;}
/*#footer img {float: left; }
*/#footer p {margin: 2em 0  ; text-align:center;}
#footer p a {color: #000;}

#footer ul {background-color: #900; margin: 0; padding: 3px 0; text-align: center;}
#footer ul li {display: inline; margin: 0; padding: 0 10px; border-right: 1px solid #fff;}
#footer ul li.last {border: none;}
#footer ul li a {text-transform: lowercase; text-decoration: none;}

/*  Helper classes  ----------------------------------------------------------------------------------------------- */
 
/* .entry class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
/* End hide from IE-mac */ 
 
 
/*  External links indicator  ----------------------------------------------------------------------------------------------- */
 
 /*   http://my-dimension.com/blog/category/xhtml-css/   */

/*a[href^="http://"]:not([href*="cpima.stanford.edu"])::after {
    content: "";
 	background: url('http://stanford.edu/group/mrsec/images/external.png') center right no-repeat;
	padding-right: 12px;
}*/

a[href^="mailto:"] {
	background: transparent url('http://stanford.edu/group/mrsec/images/mail_icon.gif') 100% 50% no-repeat;
	padding-right: 18px;
} 
 
a[href$=".doc"] {
	background: transparent url('http://stanford.edu/group/mrsec/images/word_icon.gif') 100% 50% no-repeat;
	padding-right: 18px;
}  

a[href$=".pdf"] {
	background: transparent url('http://stanford.edu/group/mrsec/images/pdf_icon.gif') 100% 50% no-repeat;
	padding-right: 18px;
}  

a[href$=".ppt"] {
	background: transparent url('http://stanford.edu/group/mrsec/images/powerpoint_icon.gif') 100% 50% no-repeat;
	padding-right: 18px;
}  
 
#bodyContent a.external,
#bodyContent a[href ^="https://"],
.link-https {
	background: url('http://stanford.edu/group/mrsec/images/lock_icon.gif') center right no-repeat;
	padding-right: 16px;
}


 a[href^="http://"]:not([href*="piter.lgbtnet.ru"])::after {
    content: "";
  	background: url('http://piter.lgbtnet.ru/images/external.png') center right no-repeat;
	padding-right: 12px;
}