/*
Theme Name: SOS
Theme URI: http://www.soswyong.com
Description: The Wordpress theme designed specifically for <a href="http://www.soswyong.com/">SOS Wyong</a>. It requires the following plugins: <a href="http://wordpress.org/extend/plugins/featured-content-gallery/">Featured Content Gallery</a>, <a href="http://wordpress.org/extend/plugins/page2cat/">Category Pages</a>, <a href="http://wordpress.org/extend/plugins/category-page-extender/">Category Pages Extender</a>, <a href="http://wordpress.org/extend/plugins/twitter-widget-pro/">Twitter Widget Pro</a> and <a href="http://wordpress.org/extend/plugins/hits-ie6-pngfix/">HITS- IE6 PNGFix</a>.
Version: 3.0
Author: David Cousins
Author URI: http://www.jyther.com
Tags: sos, wyong, christian
*/

@import "style/css/reset.css";
@import "style-fonts.css";
@import "style-layout.css";
@import "style-jqdock.css";
@import "style-menu.css";

/* DEBUGGER
div {border: 1px solid red;} */

* {
   margin: 0;
}
html, body {
	height: 100%;
	width: 100%;
	overflow-x:hidden;
}
a { text-decoration:none; color:#630; }
a:hover { color:black; }
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -209px;
	max-width: 1200px;
}
#title {
	position: absolute;
	left: -999px;
}
#footer, .push {
	/* height: 189px;  209 - 20 (from padding) */
	height: 209px;
}
#footer-container {
	margin: 0 auto ;
	height: 209px;
	min-width:600px;
	background: url(style/images/footer_strip.jpg) center top no-repeat;
}
#footer {
	position: relative;
/*	margin-left: auto ;
	margin-right: auto ;
	padding: 0px 130px 0px 130px; */
	margin: 0 auto ;
	max-width: 1200px;
}
#footer-home {
	margin: 0 auto ;
	max-width: 1200px;
}
#container {
	margin: 0 auto;
	width: 980px;
	min-height: 150px;
	height: auto !important;
	height:100%;
}
#content {
	position: relative;
	left: 290px;
	padding: 30px 0 0 0px;
	width: 680px;
}
#content-home {
	position: relative;
	left: 420px;
	padding: 100px 0 0 0px;
	width: 520px;
}
#acts-home {
	position: relative;
	left: 400px;
	padding: 20px 0 0 0px;
	width: 520px;
	height: 220px;
}
#acts-verse {
	padding: 0 0 45px 0px;
	font-size:0.6em;
	color: #663300;

}
.sidebar {
	padding: 0 0 0 60px;
	top: 30px;
}
.sidebar-home {
	padding: 0 0 0 60px;
	top: 550px;
}
.sidebar-home, .sidebar {
	position: absolute;
	z-index:100;
	left: 0px;
	font-size:0.9em;
	width: 200px;
}
#padding {
	padding: 0 0 45px 0;
}
.logo {
	position:absolute;
	top: 0;
	left: 50%;
	}
#logoid {
	position: absolute;
	left: -600px;
	top: 0;
	z-index: 100;
}
.banner, .banner-home {
	position: relative;
	min-width:600px;
	height: 122px;
	margin: 0px auto; 
	padding: 0;
	}
.copyright {
	width:860px;
	position:relative; 
	margin: 0 auto;
	top:5px;
	text-align:left;
	font-size:0.6em;
	}
.catmenu {
	width:540px;
	position:relative; 
	margin: 0 auto;
	padding-left:400px;
	top:6px;
	z-index:30;
	text-align:right;
	font-size:0.6em;
	height:90px;
}
.catmenu img{
vertical-align:middle;
padding:1px;
}
img {
	border: none;
}
.post {
	padding: 0 0 15px 0;
/*	border-bottom: 1px solid #eeeeee; */
}
.post img {
	padding: 5px 10px 5px 0;
}
#rss {
	float:right;
	position:relative; 
}
#rss2 {
	position:absolute;
	width:32px;
	height:32px;
	top:-4px;
	background: url(style/images/graphic-rss2.png) no-repeat;
}
#searchform {
	position:absolute;
	width:260px;
	left:300px;
	top:-2px;
}
.hidden {
	visibility:hidden
}
#comment {
	width:600px;
	margin: 10px 0 10px 0;
}

/* tags */
.post p.tags{
  background: transparent url(style/images/tag.gif) no-repeat left top;
  font-size: 80%;
  color: #a8937b;
  padding: 0 0 0 13px;
  margin: .6em 0;
}

.post p.tags a{
  color: #6b5e50;
  text-decoration: underline;
}

.post p.tags a:hover{
  color: #0071bb;
  text-decoration: underline;
}

/* info */
.post p.info{
  font-size: 80%;
  color: #a8937b;
  padding: 0 0 0 13px;
  margin: .6em 0;
}

.post p.info a{
  color: #6b5e50;
  text-decoration: underline;
}

.post p.info a:hover{
  color: #0071bb;
  text-decoration: underline;
}

.postbit p {
  padding: 0 0 0 20px;
}
.twitter {
   display:block;
}
.twitter div {
   display:inline;
}
.twitter ul li {
   position:absolute;
   top:3px;
   right:20px;
   width:500px; 
}
#twitter-icon {
   position:absolute;
   width:16px;
   right:0px;
}
.from-meta {
   position:absolute;
   visibility:hidden;
}
a.dock-item {
/*   width:182px; */
   height:91px;
float:left;
/*display:block; */
overflow: hidden;
}
a.dock-item img {
position:relative;
top:0px;
}
a.dock-item:hover img {
/*top:-100%; */
}