/*
Theme Name: I.rignweb
Theme URI: http://iringweb.org/
Description: Golden Mean theme, uses image of Ionic Order from the Templa of Illussus http://www.grandtradition.net/files/Ware%20Greek%20Ionic.jpg 
Version: 1.0
Author: Irina Zaks
Author URI: http://iringweb.com/
Tags:   flex width, two columns,  graphic 
 
 
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



* { margin: 0; padding: 0;

}

td { vertical-align:top;}

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

ul, ol 			{margin: 1em  ;} 
li, td ul li 	{margin: 0 0 .5em 1em;   }

#content ul li 	{list-style-type:square;}

ol   			{ list-style-type:decimal;}

p, dl 				{margin: 0 0 1em 0;}
dd 				{margin: 0 0 .5em 2em;}
  

/*  Structure */


body { min-height: 650px}  /* hight of the side image with column */

#page { margin-left: 4em; padding-right: 181px; min-width:450px;  min-height:446px;  }  /* min-heght to show  fuul height of the column on the right, without min-width page height can be 1px due to floating content and nav */  

#header { height:73px;  } /* hight of the  top  element of the column*/
 
 
#content { width:65%;  float:right;    margin-left:1%;    } 
#nav { width:30%;  border-right:1px solid #ccc; float:left;    min-height:400px }

.entrytext { margin: 1em 0; }


/*  Colors and Typography */

body {
color:#333;
font-family:'Trebuchet MS',Tahoma,Arial,Helvetica,Sans-Serif;
font-size:80%;
}

#page { text-align:left}

#header { text-align:center;  border-bottom: 1px solid #ddd}
#header p { padding-top: 1.5em}
  


.navigation {
	display: block;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 2em;
/*	background-color:#0033FF;
*/	height: .2em;
  	}
	
 

#nav h4 { padding-left: 1em; padding-top: 1em }
#nav ul { padding-left: 1.2em; padding-right: 1.2em   }

#content {   }


.post { clear:both;  }

#footer { clear:both}

#footer { border-top: 1px solid #ddd; padding-top: 1em  ; padding-bottom: 1em; font-size: 70%; text-align:center;}
 #footer li, #footer p  { display:inline}


/* right side column decorations  */
 
body { background-image:url(images/ionic-base.png); background-position:bottom right; background-repeat:no-repeat;   } 
#page { background-image:url(images/ionic-order.png); background-position:top right; background-repeat:no-repeat;  }


/* center  */
#nav {
	background-image:url(images/bkgr-grey-fade.gif);
	background-position:top;
	background-repeat:repeat-x;
} 

 



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
#content img { border:1px solid #ccc;  }	

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right; margin-left:1em;
	}

.alignleft {
	float: left; margin-right:1em;
	}
/* End Images */

/* Overwriting gallery images  */

.wp-caption { text-align:center;   background-color:#ddd;   padding-top:.4em; padding-bottom:.4em;  }
 

/*   http://my-dimension.com/blog/category/xhtml-css/   */

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

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

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

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