/*
Theme Name: Soap Stream
Theme URI:
Description:
Version: 1.0
Author:
Author URI:
Tags:
*/

.tail-top{ background:url(images/bg.gif) repeat-x top #e8fcff}
.tail-bottom{background:url(images/bot.gif) repeat-x  bottom }
.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px }
/*======= header =======*/
#header {height:305px;}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:530px; margin-right:40px}
#page2 #content .col-2{ width:341px; margin-top: -10px;}
#page2 #content .col-3{ width:250px; margin-right:34px}
#page2 #content .col-4{ width:245px}
/*======= footer =======*/
#footer { height:76px; }

/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:16px; line-height:1.125em; background:#021b2e}
html, input, textarea	{	font-family: Tahoma, Geneva, sans-serif; color:#666666;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top; padding-bottom:18px; margin-bottom:18px }

a{color:#666; text-decoration:none} 
a:hover{text-decoration:underline}

.link{color:#A9A9A9;}

.link1{color:#A9A9A9; text-transform:uppercase; display:block; margin-bottom:7px; font-weight:bold }
.link2{color:#A9A9A9; text-transform:uppercase; text-decoration:none }
.link2:hover{text-decoration: underline }

.button{color:#000000; background:url(images/button.gif) top left no-repeat; padding:7px 28px 18px 35px; font-weight:bold; text-decoration:none; font-size:1.27em; line-height:49px; vertical-align:top	  }
.button:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:12px; }
#content ul li a{color:#fff; text-decoration: underline; line-height:2.16em} 
#content ul li a:hover { text-decoration:none; }

#content .indent-box ul li{background:url(images/tail.gif) repeat-x bottom; padding-left:0; }
#content .indent-box ul .last{background:none}
#content .indent-box ul li a{color:#000000; text-decoration:none ; line-height:2.33em; background:url(images/marker2.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:12px; } 
#content .indent-box ul li a:hover { text-decoration:underline; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#1c2328; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:7px 20px 14px 32px; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#4f93c9}

.link-2 { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#1c2328; text-decoration:none; }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:7px 20px 14px 32px; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#4f93c9}
.link-3 { display:block; float:left; background:url(images/link_bg2.gif) left top repeat-x; color:#1c2328; text-decoration:none; }
.link-3 em { display:block; background:url(images/link_left2.gif) no-repeat left top;}
.link-3  b { display:block; background:url(images/link_right2.gif) no-repeat right top; padding:7px 20px 14px 32px; font-style:normal;}
.link-3:hover{ text-decoration:none; color:#4f93c9}


/*header*/
#header .flash{ margin:3px 0 0 0 }
.flash1{position: relative; width:100%; }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:justify;}
#content .indent-main{padding:36px 35px 40px 34px}
#content .title{  margin-bottom:6px}
#content .title1{  margin-bottom:22px; padding-bottom:11px; background:url(images/bg_title.gif) repeat-x bottom}
#content .img { padding-bottom:28px; margin-bottom:28px }
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{ float:left; margin:0 20px 30px 0}
#content .img-left2{ float:left; margin:0 20px 70px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 21px 0}
#content .p{ margin:0 0 17px 0}
#content h2{color:#ffffff; font-size:16px; padding:13px 0 0 35px; text-transform:uppercase; font-size:.916em  }
#content h4{color:#808080; text-transform: uppercase; font-size:16px; margin-bottom:5px;  }
#content h4.posttitle { font-size:18px; font-weight:normal; }
#content a { color: #333; }
#content h4.posttitle a { text-decoration: none; }
#content h5{color:#fff; text-transform: uppercase; font-size:1em; margin-bottom:5px;  }
#content h3{color:#000; text-transform: uppercase; font-size:1em; margin-bottom:21px; font-weight:normal  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:29px; margin-bottom:29px}
#content .tail1{ background:url(images/tail1.gif) repeat-x bottom; padding-bottom:28px; margin-bottom:37px}

#content .indent{padding:12px 0 0 0}
#content .indent1{padding:0 0 0 243px}
#content .indent5{padding:0 0 0 13px}

/*box*/
.box{ background:#fff; width:100%; color:#000000; padding-top:10px;}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:45px 30px 42px 30px; }

/*box1*/
.box1{ background:#3180c6; width:100%; color:#fff}
.box1 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.box1 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border_left1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border_right1.gif) repeat-y right;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ padding:23px 35px 40px 28px; }


/*footer*/
#footer { color:#ccc; font-size:0.625em; }
#footer .indent-footer{ padding:23px 50px 0 35px;}
#footer a {color:#ccc; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer span  {color:#ccc; }  
#footer span a {color:#ccc; text-decoration:none; text-transform:uppercase; font-size:1.1em}  
#footer span a:hover {  text-decoration:underline}


.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:25px}
.block-contact span{ float:right; margin-right:100px}
input{
   	border:1px solid #000000; 
	background:#e9fcff;
	width:242px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}
textarea{
   	border:1px solid #000000; 
	background:#e9fcff;
	width:268px; height:96px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:25px;
	overflow:auto}
	
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.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;
	}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
