/*
Theme Name: acts
Theme URI: 
Description: Theme for http://www.actsociety.ca/
Version: .8
Author: Ray Evans
Author URI: http://re.ality.org
*/
/* styles suitable for any browser, any media */
body { font-family: Arial, Helvetica, sans-serif; 
	background-color: #fff5e1; 
	color: #000; }
blockquote h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin-top: -10px;
}
blockquote p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	align: left;
}
blockquote ul {
	margin-left: 15px;
	font-size: 1.1em;
}
html>body blockquote ul {
	margin-left: -25px;	
}
blockquote li {
	margin-bottom: 5px;
}
a:link { color: #00c; background-color: transparent; }

a:visited { color: #909; background-color: transparent; }

a:hover { color: #513600; background-color: transparent; }

/* hide these rules from legacy browsers and mobile devices */
@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 { font-family: "\"}\""; font-family: inherit; }

body { 
	background-color: #fff; 
	color: #000; 
	background-image: url(images/bg.jpg); 
	background-position: top left; 
	background-repeat: no-repeat;
	background-attachment: fixed }

#page { 	margin-top: 1%;
			margin-right: 5%;
			margin-bottom: 0%;
			margin-left: 0%; 
			padding: 0; }

#headercontainer {
	border: 5px solid #8A8737;
	background-color: #FFF;
	padding: 5px;
	margin-top: 62px;
	margin-left: 21%;
	margin-right: 2px;
	min-width: 410px; 
}
html>body #headercontainer {
	margin-left: 10px;
	margin-top: 10px;
}
#header { 
	background-color:  #112116; 
	background-position: left;
	background-repeat: no-repeat;
	/*	float: right; */ 
	/* padding: 5px 20px 5px 5px; */
	margin: 0;
	height: 82px; }
#header h1 { 
	font-size: 48px; 
	color: #FFF;
	font-family: "Comic Sans MS",cursive; 
	text-align: right;
	padding-right: 15px;
	padding-top: 0;
	padding-left: 5px;
  }
html>body #header h1 {
	margin-top: 0px;
}
#header h1 img {
	padding-top: 7px;
}
#header .description	{
	font-family: "Arial Narrow", Helvetica, sans-serif;
	background-color: transparent;
	font-size: 1.3em; 
/*	display: block; */
	text-align: right;
	text-transform: uppercase;
	margin-top: -68px; 
	margin-bottom: 5px;
	padding-right: 200px;
	padding-bottom: 5px;
	line-height: 1.1em; 
	font-weight: bold; 
	}
html>body #header .description {
	margin-top: -80px; 
}
#butterfly { 
	position: absolute; 
	top: 15px; 
	right: 0; 
	width: 152px; 
	height: 161px; 
	background-image: url(images/butterfly-s.gif); 
	background-repeat: no-repeat;
	z-index: 10; }
 
html>body #butterfly { 
	background-image: url(images/butterfly-s.png);
	background-repeat: no-repeat;
	right: -10px;
	top: 15px; }
	
#topnav	{
	padding: 0;
	font: bold 12px Verdana, sans-serif;
	margin: 0 2px 0 0;
	text-align: right;
	white-space: nowrap;
	}	
html>body #topnav{
	margin: 0 -1px 0 2px;
	padding: 0;
/*	border-right: 2px solid #8A8738; */
}
#topnav ul {
	margin: 0;
	padding: 3px;
}
#topnav ul li {
	display: inline;
	list-style: none;
	margin: 0;
	}
#topnav li a	{
	padding: 3px 0.5em;
	margin-left: 0;
/*	border: 1px solid #808000; */
	border-bottom: none;
	background: #8A8737;
	text-decoration: none;
	margin-bottom: 0;}
#topnav li a:link { color: #F5F5DC; }
#topnav li a:visited { color: #F5F5DC; }

#topnav li a:hover {
	color: #FFF;
	background: #BDB76B;
	border-color: #8A8737 #000 #000 #000;
	}

#topnav li.current-cat a, #topnav li.current-cat a:link,#topnav li.current-cat a:visited /* a#current,#topnav li a:active */ {
	background-color: transparent;
	background: transparent;
	background-image: url(images/trans.gif);
	color:#8A8737;
	border-top:  1px solid #8A8737;
	border-right: 1px solid #8A8737;
	border-left: 1px solid #8A8737;
	border-bottom: 2px solid #FFF;
	}
HTML>body #topnav li.current-cat a {
	background-image: url(images/trans.png);
}
#main { 
	clear: both; 
	width: 100%; 
	margin: 0; 
	padding: 0;
	color: #000; }

#content { 
	/* float: left;
	display: inline-block;*/
	margin: 0 0 0 5px; 
	padding: 1% 2%; 
	background-image: url(images/trans.gif); 
	border: 2px solid #8a8738; }

html>body #content { 
	background-color: transparent; 
	background-image: url(images/trans.png); 
	margin: 0 2px 0 180px; 
}
#content h2 { 
	font-size: 1.1em; 
	color: #8a8737; 
	border-bottom: 1px solid #808000; }
#content h2 a,#content h2 a:link,#content h2 a:visited,#content h2 a:active {
	text-decoration: none;
	color: #808000;
}
#content h2 a:hover {
	color: #BDB76B;
}
#content p	{ font-size: .8em; }


div.sidebar { 
	margin: 6px 6px 6px 6px;
	width: 160px;
	font-size: 1.05em; 
	font-weight: bold; 
	float: left;
	text-align: right;
	border: 2px solid #8a8738;
	/*background-image: url(images/trans.gif);
	*/
	}
div.sidebar p {
	display: block;
	margin-top: 0;
	padding: 7px;
	font-weight: normal;
	color: #000;
	background-color: #F5F5DC;
	border-bottom: 2px solid #8A8738;
}
/*
html>body div.sidebar { background-image: url(images/trans.png); }
*/

div.sidebar ul { 
	list-style: none; 
	font-size: .7em;
	margin-left: 0px;
	margin-right: 5px;}

html>body div.sidebar ul { 
	margin-left: -30px; }

div.sidebar h2 {
	font-size: 1.05em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}
div.sidebar label {
	font-size: 1.1em;
}

#morearticles ul li {
	font-weight: normal;
	margin-bottom: 3px;
}
#searchform {
	margin: 2px 2px 8px 2px;
	margin-right: 2px;
	display: block;
	padding: 3px;
	border: 1px solid #8A8738;
	min-width: 143px;
	white-space: nowrap;
}
input#searchsubmit {
	margin-top: -2px;
	background-color: #8A8737;
	color: #F5F5DC;
	border-top: 2px solid #BDB76B;
	border-left: 2px solid #BDB76B;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
}
input#s	{
	margin-top: -2px;
	background-color: #FFF;
	color: #8A8738;
	border-top: 2px solid #BDB76B;
	border-left: 2px solid #BDB76B;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
}

.video
{
    BORDER-RIGHT: transparent;
    BORDER-TOP: skyblue thin solid;
    BORDER-LEFT: skyblue thin solid;
    WIDTH: 95%;
    <!--BORDER-BOTTOM: skyblue thin solid;
    -->
    BORDER-BOTTOM: transparent;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.videoTD
{
    VALIGN: TOP;
    BORDER-RIGHT: skyblue 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px;
    BORDER-LEFT: skyblue;
    COLOR: black;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: skyblue 1px solid;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.clear { 
	clear: both; 
	height: 1px; 
	overflow: hidden; 
	/* prevent IE expanding the container */ margin: 0; /* keep flush with surrounding blocks */ }

#footer { 
	clear: both; 
	text-align: right;
	font-size: .7em;
	margin: 0; /* flush with .main */ 
	padding: 10px 0 0 0; }

	.navigation	{
		font-size: .8em;
		padding-bottom: 15px;
	}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}
	
.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
.entry p a:visited {
	color: #b85b5a;
	}
.entry ul li {
	font-size: .8em;
	list-style: square;
}
.entry ol li {
	font-size: .8em;
	list-style: decimal;
	margin-left: 7px;
}
.entry blockquote {
	font-family: "Times New Roman", Times, serif;
	padding: 12px;
	background-color: #F5F5DC;
	font-size: .9em;
	border: 1px solid #BDB76B;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
.narrowcolumn {
/*	float: left;*/
	padding: 0 0 20px 45px;
	margin: 0px 0 0 170px;
	min-width: 300px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
	
.post {
	/* margin: 0 0 30px;
	
	margin-top: -200px; 
*/
	text-align: left;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	display: block;
	border-top: 1px solid #000;
	padding-top: 5px; 
	clear: left;
	font-size: .8em;
}	
} /* end media rules */