/*
Theme Name: SOA-Sin21
Theme URI: ?
Description: Created by Sin21 Designs
Version: 1.0
Author: Carol L.
Author URI: http://sin21.org
*/

body {	
	margin:0;
	background:#ffffff url(images/bg.jpg) center 0 no-repeat;
	background-attachment:fixed;
	font-size:13px;
	overflow-x:hidden;
}
.clear {clear: both;}

/***** Link Styling *****/
a, a:visited, .post-news a, .post-news a:visited, .s-body a, .s-body a:visited  {color: #838383;text-decoration: none;}
a:hover, .post-news a:hover, .s-body a:hover {color:#B42828;text-decoration: none;}

/***** Bold/Italic Styling *****/
.post-news strong, .post-news strong a, .post-news strong a:visited {color: #D7D7D7;}
.s-body strong, .s-body strong a, .s-body strong a:visited {color: #D7D7D7;}
.post-news em, .s-body em {color:#BE2A2A;font-style:italic;}

/***** Image Aligns *****/
.post-body .alignleft, .s-body.alignleft{ margin: 0 10px 10px 0;float:left;}
.post-body .alignright, .s-body .alignright { margin: 0 0 10px 10px;float:right; }
.post-body .aligncenter, .s-body .aligncenter, #content .aligncenter { margin: 0 auto;display: block;}

/***** Image Borders *****/

/* Any image or set of images you do not want to have a border, such as custom .png or .gif files place the image code(s) in this div: <div id="noborder"></div> */
#noborder {padding: 0;border: none;background: none;margin:0;outline:none;} 

.post-news img, .post-news a:link img, .post-news a:visited img, .s-body img, .s-body a:link img, .s-body a:visited img {
	padding:0;
	border: 5px solid #363636;
	margin-right: 3px;
}
.post-news a:hover img, .s-body a:hover img {
	border: 5px solid #B42828;
}
.post-news img.wp-smiley, #cmntbox img.wp-smiley {margin: 0 2px;vertical-align: middle;padding: 0;border: none;display: inline;}


/***** Post-Page Titles *****/
h1 {	
	margin:0; padding:0;
	font: 22px "TitilliumText22LRegular";
	color: #EAEAEA;
	letter-spacing:0;
	text-shadow: 1px 1px 1px #360C0D;
	text-align:left;
}
h1 a, h1 a:visited  {color:#EAEAEA;text-decoration: none;}
h1 a:hover {color:#888888;text-decoration: none;}

/***** Sdebar Titles *****/
h2 {
	margin:0; padding:0;
	font: 18px "TitilliumText22LRegular";
	color: #EAEAEA;
	letter-spacing:0;
	text-shadow: 1px 1px 1px #111111;
	text-align:center;
}
h3 {}
h4 {}

/***** containers *****/
#wrapper {
	margin:0 auto 0; position:relative; width:970px;
	background:  url(images/wrap.png) 0 0px no-repeat;
	overflow: hidden;
}
#content-wrap{
	margin:7px auto 0; width:970px;
	background:  url(images/wrap-bg.png) 0 0px repeat-y;
	overflow: hidden;
}
#content {
	margin:20px 0 0; float:left; width:650px;
}
#side {
	margin:20px 0 0; float:left; width:300px;
}
#shop {
	margin:0 auto 0; position:relative; width:970px;
}
#shop a {
	display:block; position:absolute; top:320px; left:-40px; z-index:200;
	background: url(images/shop.png) no-repeat;
	width:170px; height:190px;
}

/***** Navigation *****/
#navigation-bg {
	margin:0px auto; display: block; position: fixed; left: 0; z-index: 999;
	background: url(images/navbar.jpg) center top repeat-x;
	width: 100%; height: 43px;
	-moz-box-shadow: 0 5px 20px #000;
	-webkit-box-shadow: 0 5px 20px #000;
	box-shadow: 0 5px 20px #000;
}
.navigation {margin:0 auto; width:975px;}
ul.nav {margin:0 0 0 15px;}
ul.nav li {	
	margin:0 6px 0 0; padding:0; float:left;
	list-style-type:none;
}
ul.nav li a{
	display:block; padding:12px 5px 8px;
	background: none;
	font: 13px "TitilliumText22LRegular";
	color:#b9b9b9;
	text-align:center;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
	height:20px;
}
ul.nav li a:visited{color: #b9b9b9;}
ul.nav li a:hover{
	background: url(images/title.jpg) center top no-repeat;
	color:#FFF;
	text-shadow: 1px 1px 1px #360C0D;
	text-decoration:none;
}
ul.nav li.shop a{
	display:block;
	padding 30px 5px 0;
	background: url(images/shop.png) top center no-repeat;
	text-decoration:none;
	width: 78px; height:72px;
}
ul.nav li.shop a:hover{
	display:block;
	padding 30px 5px 0;
	background: url(images/shop_hover.png) top center no-repeat;
	text-decoration:none;
	width: 78px; height:72px;
}
.buffer {height:50px;}


/***** Post Styling *****/
.post-body {
	margin:0 0 40px 20px; padding:0;
	width:620px;
}
.post-title {
	padding:10px;
	background: url(images/title.jpg) center top no-repeat;
	border:5px solid #0C0C0C;
}
.post-meta{
	display:block;
	margin:-5px 0 0; padding:10px;
	background:#0C0C0C;
	font: bold 10px "Tahoma";
	color:#4A4A4A;
	letter-spacing:0;
	text-transform:uppercase;
	text-align: left;
}
.post-meta a, .post-meta a:visited {color:#4A4A4A;text-decoration: none;}
.post-meta a:hover {color:#B42828;text-decoration: none;}
.post-news {
	margin:0; padding:1px 5px 5px;
	background:#141414;
	font:13px "Tahoma";
	color: #838383;
	line-height:23px;
	text-align: justify;
	text-shadow: 1px 1px 0 #000;
}

/** Comments Styling **/
.cmnt-body {
	margin: 10px 0; padding:0;
	background:#141414;
	font:13px "Tahoma";
	color: #838383;
	line-height:1.7em;
	text-shadow: 1px 1px 0 #000;
	text-align: justify;
}
.cmnt-title{
	display:block;
	margin:0; padding:10px;
	background:#0C0C0C;
	font: 1.125em "TitilliumText22LMedium";
	color:#B42828;
	text-align: left;
	border:0px solid #171717;
}
.cmnt-title a, .cmnt-title a:visited {color:#B42828;text-decoration: none;}
.cmnt-title a:hover {color:#3B3B3B;text-decoration: none;}

/***** Sidebar Styling *****/
.side-body {
	margin:0 0 20px 0; padding:0;
	background:none;
	width:300px;
}
.s-title {
	padding:10px;
	background: url(images/s-title.jpg) center top no-repeat;
	border:5px solid #0C0C0C;
}
.s-body {
	margin:0; padding:1px 5px 5px;
	background:#141414;
	font:13px "Tahoma";
	color: #838383;
	line-height:23px;
	text-align: justify;
	text-shadow: 1px 1px 0 #000;
}

/***** Extra Styling *****/
.pg-title {
	display:block;
	margin-bottom:6px; padding:10px 10px;
	background:#E4E4E4;
}
.post-news blockquote {
	margin:21px 10px; padding:5px 20px;
	background: #0E0E0E;
	font:italic 13px "Tahoma";
	color: #787878;
	line-height:1.7em;
	border:0;
	border:5px solid #171717;
}
hr{
	clear: both;
	margin:10px 0; padding:0;
	height:1px; border:0; 
	background:#1A1A1A;
	-moz-box-shadow: 0 -1px 0 #000000;
	-webkit-box-shadow: 0 -1px 0 #000000;
	box-shadow:0 -1px 0 #000000;
}

/***** List Styling *****/
#content ul, #side ul {
	list-style: disc url(images/bullet_red.png) inside;
	display: inline;
}
#content ul li {
	margin:0; padding: 8px 5px; 
	background: url(images/div.jpg) bottom center repeat-x;
	border:0;
}
#side ul li{
	margin:0; padding: 8px 5px; 
	background: url(images/div.jpg) bottom center repeat-x;
	border:0;
}
ul {list-style-type: none; margin:0; padding:0;}

/***** Form Styling *****/

.widget_search input, #search {
	display:inline-block; padding: 10px; width:130px;
	background: #171717;
	font: 13px "Tahoma";
	color: #828282;
	text-align: left;
	border:5px solid #101010;
}
#searchsubmit {
	margin:0; padding:10px;
	background: url(images/s-title.jpg) center top no-repeat;
	font: 13px "TitilliumText22LMedium";
	color:#ffffff;
	text-align:center;
	border:5px solid #101010;
	text-shadow: 1px 1px 0 #000;
}
#submit{
	display:block;
	margin:0; padding:10px;
	background: url(images/s-title.jpg) center top no-repeat;
	font: 1.125em "TitilliumText22LMedium";
	color:#ffffff;
	text-align:center;
	border:5px solid #0C0C0C;
	text-shadow: 1px 1px 0 #000;
	width:150px;
}
#author, #email, #url{
	padding: 10px;
	width:95%;
	background: #171717;
	font: 13px "Tahoma";
	color: #828282;
	text-align: left;
	border:5px solid #101010;
}
textarea, #comment{
	padding: 10px;
	width:95%;
	background: #171717;
	font: 13px "Tahoma";
	color: #828282;
	text-align: left;
	border:5px solid #101010;
}
option {
	margin-bottom: 5px; padding: 5px; display:block; width:100%;
	background: #171717;
	font: 13px "Tahoma";
	color: #828282;
	text-align: left;
}
select {
	margin-bottom: 5px; padding: 10px; width:100%;
	background: #171717;
	font: bold 13px "Tahoma";
	color: #828282;
	text-align: left;
	border:5px solid #101010;
}

/***** Footer Styling *****/
#footer {
	margin: 0 auto 0;
	display: block;
	background:#050505;
	width: auto;
	clear:both;
	border-top:0;
}
.foot a, a:visited { color: #4A4A4A; text-decoration: none;}
.foot a:hover { color:#B42828;}
.foot {
	margin: 0 auto; padding: 20px;
	font:13px "Tahoma";
	color: #4A4A4A;
	text-align: right;
	line-height:1.5em;
}