/*  
Theme Name: Three Treasures Taijiquan
Theme URI: http://www.threetreasurestaiji.co.uk/
Description: Theme designed for the Three Treasures Taiji website, based on <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.1
Author: Andy Mortimer
Author URI: http://www.mortia.org.uk/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Andy Mortimer,
	whose blog you will find at http://www.mortia.org.uk/

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

*/

/* $Id: style.css 786 2009-07-12 12:30:42Z andy $ */

/*
 * reset styling to defaults
 */

* { 
  margin: 0;
  padding: 0;
}

:link,:visited { text-decoration:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/*
 * main layout
 */

#header { 
}

#sidebar { 
  position: absolute;
  top: 0;
  left: 0;
  background: url(replacedbytheme.png) repeat-x;
  width: 160px;
}

#page { 
  background: url(replacedbytheme.png) repeat-x;
  padding-right: 130px;
  padding-left: 180px;
}

#creeper { 
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  height: 100%;
}

/*
 * formatting: general
 */

body { 
  color: #000000;
  font-family: Verdana, Geneva, Arial, sans-serif;
  /* the serif fonts seem bigger? */
  font-size: 90%;
  background: #dcf4a1; /* NB Firefox on Linux has an off-by-one error
			  with the colour values, FF displays them one
			  lighter in R, G and B than the GIMP. */
}

a:link { 
  font-weight: bold; 
  text-decoration: none; 
  color: #4e5fbc;
}
a:visited { 
  font-weight: bold; 
  text-decoration: none; 
  color: #41486f;
}
a:hover, a:active { 
  font-weight: bold; 
  text-decoration: underline; 
  color: #4e5fbc;
}

h3 { 
  border-bottom: 1px dotted;
}
h3 a:link, h3 a:visited { 
  color: #000;
}

p, ul, ol, h1, h2, h3, h4, h5, h6, dt, dd { 
  margin-bottom: 1em;
}

li { 
  margin-left: 2em;
}

th { 
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  /* padding on the right gives us more space between rows without
     indenting the whole table. */
  padding-right: 2em;
  padding-bottom: 2pt;
}
td { 
  padding-right: 2em;
  padding-bottom: 2pt;
}

/*
 * site map in side bar
 */

.sidebar-content, #pixopoint_menu1 { 
  margin: 1em;
}

.sidebar-content li, #pixopoint_menu1 li { 
  margin-bottom: 2pt;
}
.sidebar-content > ul > li > ul > li, #pixopoint_menu1 > ul > li > ul > li { 
  margin-left: 1.5em;
}
.sidebar-content > ul > li, #pixopoint_menu1 > ul > li { 
  margin-left: 0;
  list-style: none;
}
.sidebar-content ul, #pixopoint_menu1 ul { 
  margin-bottom: 0;
}

.more {
    font-size: 90%;
    text-align: right;
}

/* don't show links in the sidebar in bold -- otherwise the whole
   sidebar is just bold */
.sidebar-content a:link, #pixopoint_menu1 a:link { 
  font-weight: normal; 
}
.sidebar-content a:visited, #pixopoint_menu1 a:visited { 
  font-weight: normal; 
}

#sidebar img { 
  position: relative;
  margin: 10px;
}

/*
 * creeping bamboo
 */

body { 
  /* use the creeper as the background for the body, and we'll put the
     non-sparse one at the top specially.  This allows us to force the
     height to 100% and get the right height. */
  background: url(replacedbytheme.png) repeat-y top right #dcf4a1;
}

#creeper-top { 
  background: url(replacedbytheme.png);
  height: 248px;
}

/*
 * header
 */

#header h1 { 
  padding-top: 0.7em;
  font-size: 160%;
  margin-bottom: 0;
}
#header h2 { 
  padding-top: 0.7em;
  font-size: 130%;
}

#header { 
  color: #41486f;
}

#header a:link { 
  color: #41486f;
}
#header a:visited { 
  color: #41486f;
}
#header a:hover, #header a:active { 
  color: #41486f;
}

/*
 * content
 */

/*
 * footer
 */

#footer { 
  padding-top: 2em;
  font-size: 65%;
  color: #aaa;
}

/*
 * specific presentation classes
 */


/* used for the instructors list */
.sections-with-images dt { 
  margin-top: 0.5em;
  border-bottom: 1px dotted;
  font-size: 100%;
  font-weight: bold;
}
.sections-with-images dd { 
  margin-left: 0px;
  position: relative;
}

.sections-with-images img.left  { 
  /* right-align and offset the image a little, allowing the text to
     wrap around it still */
  position: relative;
  float: left;

 left: -20px;
 margin: 0 -15px 0 -15px;

  /*top: -30px;*/
  /*top: 3px;*/
  /*right: -40px;
  margin: 0 0 0 -40px;*/
}

.sections-with-images img { 
  /* right-align and offset the image a little, allowing the text to
     wrap around it still */
  position: relative;
  float: right;
  /*top: -30px;*/
  /*top: 3px;*/
  /*right: -40px;
  margin: 0 0 0 -40px;*/
}

.articles-list { 
  list-style: none;
}

.articles-list li { 
  margin-left: 0px;
}

/* the front page index */
#front-index { 
  list-style: none;
}

#front-index li { 
  margin-left: 0;
}

/* mission statement, on front page */

#mission {
  background-color: #3bc55f;
  /*  background-color: white;*/
  /*color: #41486f;*/
  color: black;
  /*color: #dcf4a1;*/
}

table#mission {
  padding: 1em;
  margin-left: 12%;
  margin-right: 12%;
  margin-top: 1em;
  margin-bottom: 3em;
  border: 4px solid #059722;
}

#mission blockquote { 
  font-size: 140%;
  font-style: italic;
}

#mission cite { 
  text-align: right;
  display: block;
}

.mission-pad { 
  padding: 1.5em;
}

#taiji-characters { 
  margin-bottom: -6px;
}

.img-callout-right {
  padding: 1em;
  text-align: center;
  float: right;
}

/* tables used for layout purposes */

.layout-only td, .layout-only th { 
  padding-right: 0px;
  padding-bottom: 0px;
}

/* navigation for posts */
.navigation {
	display: block;
    /*	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px; */
	}
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.post {
	margin-top: 1em;
}
.editlink {
  border: 2px solid #059722;
  padding-left: 2px;
  padding-right: 2px;
}