/*
Theme Name: Stuart Theme
Theme URI: http://www.satsangwithstuart.com/
Description: Child Theme of Thematic for Satsang with Stuart website
Author: Bob Carey
Template: thematic
Version: 0.1
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
//@import url('../thematic/library/styles/plugins.css');

/* =Global Elements
-------------------------------------------------------------- */

html * {
    outline:none;
}

body {
    width: 980px;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
    font-family: Times, Helvetica, sans-serif;
    font-size: 17px;
    color: #666666;
    background-color:#FFFFFF;
}

body.slug-home .entry-title {
display: none;
}
body.slug-home #container {
    width:960px;
    float:left;
}

#container {
    width:540px;
    float:left;
    padding:210px 0 0 0;
}
.msie.ie7 #container,
.msie.ie6 #container,
.msie.ie5 #container {
	margin-top: 220px;
    width:940px;
    float:left;
}
#contentIndex {
    margin:0 0 0 10px;
    width:520px;
    overflow:hidden;
    padding:0 0 0 100px;
}
#content {
    margin:0 0 0 10px;
    width:940px;
    overflow:hidden;
}
#containerSub {
    width:540px;
    float:left;
    padding:0px 0 0 0;
}
.msie.ie7 #containerSub,
.msie.ie6 #containerSub,
.msie.ie5 #containerSub {
	margin-top: 220px;
    width:940px;
    float:left;
}
#contentSub {
    margin:0 0 0 10px;
    width:940px;
    overflow:hidden;
}
#containerMedia {
    width:940px;
    float:left;
    padding:220px 0 0 0;
}
.msie.ie7 #containerMedia,
.msie.ie6 #containerMedia,
.msie.ie5 #containerMedia {
	margin-top: 220px;
    width:940px;
    float:left;
}

.home #secondary {display:none;}

td.calendarTitle {
    font-size: 24px;
	color: #255688;
	font-weight: bold;
	font-style: italic; 
    padding:20px 0 0 7px;
}
td.calendarPlace {
    font-size: 20px;
	color: #255688;
	font-weight: bold;
	font-style: italic; 
}
tr.calendar {
    font-size: 17px;
	color: #00000;
}
td.calendarContact {
    font-size: 16px;
	color: #00000;
    padding:20px 0 40px 0;
}
div.caption {
	    font-size: 15px;
}
div.calendar {
    padding:0 0 0 100px;
}
div.slideshow {
	margin-top: 15px;
	margin-left: 20px;
    padding:0 0 0 100px;
}
#content_container {
    position: relative;
    width: 980px;
    margin-top: 15px;
    text-align:left;
}

#footer {
    text-align:left;
    width: 980px;
    padding-bottom: 4px;
    font-size: 10px;
}

#footer a {
    font-size: 10px;
}

#copyright {
    color: #959595;
}

table {
    border:0 solid #ccc;
    border-width:0 0 0 0;
    font-size:13px;
    line-height:18px;
    margin:0 0 22px 0;
    text-align:left;
}
tr {
    border-bottom:0;
}
th, td {
    padding: .25em .5em;
} 

/* =Header
-------------------------------------------------------------- */

#header {
    height: 75px;
}

#blog-title {
    font-family:Arial,sans-serif;
    font-size:24px;
    font-weight:bold;
    line-height:40px;
}
#blog-title a {
background:url(images/banner.jpg) no-repeat top center;
display:block;
text-indent:-9000px;
width: 940px;
height: 150px;
}
#blog-description {
    color:#666;
    font-size:16px;
    font-style:italic;
}

/* Aligns menu */
#access {
	padding: 0 0 0 105px;
}

/* Content
-------------------------------------------------------------- */
// The following classes enable wrapping text around images
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.slides {
	margin-top: 15px;
	margin-left: 20px;
	padding: 0 0 0 100px;
}
img.poetryalignleft {
	float:left;
	margin:0 1em 1em 0;
	padding: 10px 0 0 100px;
}
.breadcrumb {
	margin-bottom:22px;
}
a.audio:link {
    text-decoration:none;
}
a.audio:visited {
    text-decoration:none;
}
a.audio:active,
a.audio:hover {
    text-decoration:none;
}

#thematic-above-footer-widgets {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 960px;
}
#above-footer-aside-1 {
	float: left;
	width: 500px;
	padding: 0 0 0 100px;
}
#above-footer-aside-2 {
	float: right;
	width: 300px;
	padding: 0 0 20px;
}
/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#access {
  clear: both;
}
	.promo img{
		float: left;
		margin: 0px 20px 0px 150px;
		border-style: none;
		}
.myframe img {
	border-style:outset;
	border-color: #663333;
	border-width:12px;
	padding:14px;
      }
