/*  
Theme Name: MRSEC.org  
Theme URI: http://mrsec.org/ 
Description:   PREM
Version: 1.0
Author: Irina Zaks
Author URI: http://iringweb.com/

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

*/
 
/* CSS Document */

*  		{ 	margin: 0;
			padding: 0;
		}
 
body {/*	background-color:#36414d;*f6f0e0   */
 		background-color:#f9e7c1 ;  height:100%;  
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-image:url(images/body_bkgd.jpg); background-repeat:repeat-x;
}
/*#page {	
  		background-color: #FFFFFF ;
 		overflow:hidden;
		min-width: 700px;
		border-right: 1px solid #292e33;
		border-left: 1px solid #292e33;
  		}*/

  
td ul li, td p, th, dd, dt, label   { font-size: 80%;} 
td  { font-size: 80%;} /* 
*/* html td li, td p, th  { font-size: 80%;}         /*IE */
/*p, li,  dl, dt, dd, #sidebar th, #content ul, #content  td p   { font-size: 80%;}*/
li p, td ul li  { font-size: 100%} 
.navigation 	{	font-size: 70%; padding: .5em 0 1em 0; margin-bottom: .8em; clear:left;  }
  

p 		{/* defined in layout.css margin: 0 0 1em 0; line-height: 1.25em;*/ 
 		font-size: 80%}
 

 
/* ----------- defined in layout.css   --------------   
.left {float: left; margin: 0 .5em 1em 0;  }
.right {float: right; margin: 0 0 1em .5em;  }
.alignleft  {	float:left;}
.alignright  {	float:right;}
*/
  
/* Forms -------------------- -----36414d----- */

fieldset {border: 0;}
form input.button  { background-color:#dedede; color:#369; font-weight:bold; color: #900}

/* Headers ------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet MS", Verdana, sans-serif;  }

h1 		{ font: 600 140% ; position:absolute;  top: -100em;  }  /* makes it visibile only for screenreaders/heading summaries*/
h2 		{	color:#5877A5;   
			padding-bottom:3px; margin-right:  2em; 
			margin: 1.5em 0 .5em 0; padding: 0;
			border-bottom:1px dotted #7992B7; z-index:1; 
			font-size:120% ;    }
h3 		{	/*color:#FF8A00; orange */
			color:#990000;
			font-size: 100%;
			margin: .5em 0 .5em 0;  }
h4  	{ /* color:#2F60A9;  */ color:#FF8A00;  font-size: 80%; margin-bottom: 1em;  }

/*  ---------- Lists  --------------------- */

/*ul, ol 			{margin: 1em 0 1em 1em;}*/
li, td ul li 	{margin: 0 0 .5em 1em; font-size: 80% }
#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;}

hr { background:#eae9e6; border:0; clear:both; height:1px; margin-bottom:.5em }



ul.post-categories { 	padding: 0; margin: 0; font-size: 100%} 
.post-categories  li { 	  font-size: 100%} 

.post-categories li,   ul.post-categories  { display:inline; list-style-type:none;  }
.post-categories li, .post-categories ul, .post-categories a { margin: 0; padding:0}

/* Tables ----------------------------------------------------------------------------------------------- */

table 	{border-collapse: collapse; margin: 0 0 0em 0;}

td 		{vertical-align: top; padding: .5em;empty-cells: show; }

td a:hover {text-decoration: underline;}

tr:focus {background-color: #ffd;}
/*  ---------- end Tables  ------------------- */


 
/*   ------- Images ---------- */

img {border: none;}
img.left,  img.right  { border: 1px solid #ccc;  padding: .5em}  /*  margins defined in layout.css */

left  { margin-right: .5em;}
right { margin-left: .5em;}


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

  p.caption {
  	font-size: 70%;
	font-style:italic;
   
	}
 
 	
p.figure a {	text-decoration:none;
 }

#content  img 			{clear:left;   }
.excerpt  img, img.excerpt				{ float:left; margin: 0 1em .8em 0; padding: .5em;  border: 1px solid #ddd; } 
#content  img.right 	{clear:left;    float:right;  }
#content #nuggets img  	{ float:none;}

/* End Images  -------------------- ---------- */

/* ---------- links ---------- */

#content a, #sidebar a, #floating-sidebar a 			{  color:#06c;  }  
#content  a:visited, #sidebar  a:visited, #floating-sidebar a:visited, #nav  a:visited  	{  color:#369;   }  
#content  a:hover, 	#sidebar  a:hover, #floating-sidebar a:hover, #nav  a:hover		{  color:#36414d; text-decoration:none; background-color:#FFCC99; }

/* ---------- end links ---------- */

  
#login li, #login form { display:inline;}
#login {	text-align:right;}
 .nophpview 	{ display:none;}
 



#logo h1  a	{	color:#FFFFFF; text-align:center; padding: 0; margin: 0 1em; text-decoration:none; 			background-color:#4772B6;  }

#logo 	 	{ margin-left: 4em;   height:90px;   }   
#search  	{	text-align:right;   color:#5877A5; font-weight:bold;  }

#search form { float:right; padding:.4em ; margin: 1em 1em 0 0;   background-color:#d94d2a;     }

 
  #searchform #s { 
/*background:transparent none repeat scroll 0 0;
border:medium none;
*/
color:#777777;
 
width:170px;
height: 1.5em;
padding-left: 2em; background-repeat:no-repeat; background-image:url('/wp-content/themes/prem/images/looking-glass.gif' ) 
}
 

	
 
#sidebar .sidebar-box  input #search  {	text-align:left;}
.label		{ font-size: 60%;}	
				
#header {  	  
			margin:0; padding:1em 0; height:80px;
/*			background-color:#4772B6;
			background-image:url('http://stanford.edu/group/mrsec/images/mrsec.jpg');  */ 
			background-image:url('/wp-content/themes/prem/images/prem-header.jpg');
			background-image:url(images/header_bkgd.jpg); 
			background-repeat:no-repeat; 	background-position:left;
			border-top: 2px solid #578987;
			 

			  }
 
#nav 	{	text-align:center;
			border-bottom: 3px solid  #578987; 
			border-top: 1px solid #578987; 
/*			border-top: 3px double #4772B6; 
*/			background-color:#dedede;
			background-image:url(images/top_nav_bkgd.jpg); background-repeat:repeat-x;
 
 
 			padding: .2em 0 ;
			margin: 1px 0 .5em 0;
 			color:#36414d;
			font-size: 120%;
 		}
		
/* #nav a:link, #nav a:visited {color:#2f60a9; text-decoration:none; font-weight: bold;}   */

#nav a:link, #nav a:visited {color:#414f00; text-decoration:none; font-weight: bold;}
#nav a:hover, #nav a:active {color:#444; text-decoration: underline;}		

#nav p 	{ 	font-weight:bold;
			padding: 0 1em;
			font-family:"Trebuchet MS";
 			/*  color: #2F60A9; */
			margin: 0.3em 0;
			color:#414f00;
 			font-size: 80%;
				}
#nav p.underlined 	 {	
			border-bottom: 1px solid #4772B6;
			padding-bottom: .4em; 
  			}

  
#nav 	a.selected, #nav  a.selected:visited { border-right: 2px solid #999;  border-bottom: 2px solid #999;  padding:   .5em;  background: repeat-x  top url('images/top_nav_bkgd_selected.png') 
	/*background-image:url('http://mrsec.org/images/external.png')  
	
	color:#990000;background-color:#fff;
	
	*/ }
	 
	
#content 	{ padding: 0 1.5em; overflow:visible;  }	
#content  h3 	a 		{ font-size:100%;   margin: 0;   }
#content span.date 		{ font-size: 70%; padding-right: 1.5em;}
#content .page span.date 		{ color:#003366; font-weight:bold;  padding-right: 1.5em; font-size:80%}


#sidebar .date {	color: #900; font-weight:bold}
 
.post 		{	clear:left;}

#welcome 	{ padding: 0 0 .5em 0;  }


/* -- Sidebars ------------------- */ 
#sidebar, #floating-sidebar		{ border: 1px solid #DDD; background-color:#eee;  }

#floating-sidebar { float:right;  width:12em; margin-left:1em;}
 	
.sidebar-box  {	border: 1px solid #ddd; margin: .8em; background-color:#FFFFFF;  }
.sidebar-box h2	  
			{ border-bottom: 1px dotted #2F60A9;/* was  #213067;  */ background-color:#ddd; padding: .4em 1em ; margin:0; color:#2F60A9; font-size: 80%;  }
   
.sidebar-box h3, .sidebar-box p,  .sidebar-box li 
  { font-size:70%;  padding: 0 1em 0 1em;  }
.sidebar-box h2 { margin-bottom: 1em;} /* spacing before first paragraph*/
.sidebar-box form  { margin: 0.5em;}
.sidebar-box li ul li   {  list-style-type:square;  }

* html .sidebar-box li ul li { font-size:100%;   }
/* no ie mac \*/
* html .sidebar-box li ul li{ font-size:100%; }
 /* */
 
/* the following lines  are not seen by IE at all */

html>body #sidebar ul, html>body #floating-sidebar ul     {
 	margin-left: 4px;
	padding: 0 10px 0 18px;
 	text-indent: 0;
 	list-style-type:disc;
 }
 
html>body #sidebar li,   html>body #floating-sidebar li   {
	margin: 7px 0 8px 10px;
	padding-right: 12px;
 	}
 /* end   */
 
  
#sidebar ul, #floating-sidebar ul  {
 margin-left: .8em;
    }
	
#sidebar label	 { padding: 0  1em;}
	
/* old styling margin-right: 18.2em; 
			  border-right:1px solid #ddd;  color:#36414d;  border-bottom: 3px double #ddd;    *
 #sidebar 	{ width:16em;   padding: 0 0 1em 0; margin: 0 1em 1em 0; overflow:visible;  }
 #sidebar table { width:16em;} */

/* -- end sidebars ------------------- */ 
 
 
  
#footer 	{text-align:center;
 				clear:both;
				background-color:#4772B6;
				background-color:#ddd;
				background-image:url(images/body_bkgd.jpg); background-repeat:repeat-x;
 				padding: .2em 0;
				margin: 0.8em 0 0 0;
				font-size:80%;}
.copyright a, .copyright a:visited  	{ color:#FF8A00; }
				

/* --  standard helper classes  ------------------------------ */
 
/* skip nav style - thanks to  to http://www.communis.co.uk/scr.css         */
.skipnav {position: absolute; top: -4em; display: none} /*          Opera*/
* html .skipnav {display: block; position: absolute; top: -4em; left: 0; z-index: 0} /*Seen by IE*/
html:not([dummy]) .skipnav {display: block; position: absolute; top: -4em; left: 0; z-index: 0} /*Seen by Moz and FF*/
.skipnav a {padding: 0.5em; left: 0; width: 14.2em; z-index: 0}
/*.skipnav a:focus, .skipnav a:active {display: inline; z-index: 2; border: solid black 1px; color: #cc0; text-decoration: none; position: absolute; top: 6.5em; left: 0}*/
.skipnav a:focus, .skipnav a:active {display: inline; z-index: 2; border: solid black 1px; color: #444; background-color:#FFFFFF;  text-decoration: none; position: absolute; top: 7.5em; left: 60px; font-weight:bold;}
.skipnav a#cont {position: absolute; top: -9em; width: 14.2em}
.skipnav a#cont:focus, .skipnav a#cont:active {position: absolute; top: 15em; left: 0em; z-index: 2}
.skipnav a:hover {cursor: default}
 
.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg 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 */
 
.entry 
{ 
     border-bottom: 1px dotted #444;
	 margin-bottom: .8em;
	 clear: left;
  }
 
div.row { font-size: 80%;} /* old formatting */
 
/*   http://my-dimension.com/blog/category/xhtml-css/   */

/*a[href^="http://"]:not([href*="prem-mrsec.org"])::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*="prem-mrsec.org/"])::after {
    content: "";
  	background: url('http://stanford.edu/group/mrsec/images/external.png') center right no-repeat;
	padding-right: 12px;
} 

#header a[href^="http://"]:not([href*="mrsec.org/"])::after {
    content: "";
  	background: none;
	padding-right: 12px;
} 
  
 .highlight {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	
	
  textarea#comment {
	width:40em;}
	
	/* ------ move to admin.css file someday later ---------*/
.mrsec_nav {  }	
#content p:hover {	background-color:#eeeeee;  }



table.pressrelease td {font-size:80%}


