/*Theme Name:	TWSBlog
Version: 	1.0
Description: 	wordpress theme for TWS blog.
Author: 	JChang
Author URI:	http://www.designnabi.com
*/

/* Reset Browser Defaults*/
@import url(library/styles/reset.css); 

/* Site Specific Styles */
@import url(css/screen.css);

/* Site Specific Styles */
@import url(css/wordpress-extras.css);

body {
	margin:0;
	padding:0;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	color: #000;
	background-color:#37a7b5;
	line-height:1ems;
}
#main_wrap {
	margin:0 auto;
	width:960px;
}
#header1 {
	background:url(images/top.png) no-repeat;
	height:92px;
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#header1_logo {
	width:135px;
	padding:13px 0 0  30px; 
	margin:0;
}
#header2 {
	height:130px;
	width:960px;
	margin:0 auto;
	padding:0;
	background:url(images/mainimgbg.png) no-repeat;
}
#header3 {
	height:26px;
	width:960px;
	margin:0 auto;
	padding:0;
	background:url(images/mainmenubg.png) no-repeat;
}
#wrap {
	background:url(images/main.jpg) repeat-y;
	line-height:1.5;
	margin:0 auto;
	text-align:left;
	width:960px;
}
#content {
	float:left;
	width:715px;
	margin:0;
	padding:0;
}
#clear{
clear:both;
}
a.img:link, a.img:visited, a.img:hover, a.img:active, a .img { 
	margin: 0;
	border: 0; 
}
img.alignright {
	margin: 0 7px 2px 0;
}
img.alignleft {
	margin: 0 0 2px 7px;
}
.main_text {
	margin: 0 0 0 20px;
	padding: 0 0 18px 0;
}
.main_text ul{
	margin: 0 0 0 10px;
}

/****************/
#content_text {
	margin:0;
	padding:23px 40px 20px 0;
	line-height:1.4;
}
#content_text h1{
	font-size: 18px;
	padding: 0 0 10px 35px;
	margin:0;
	font-weight:bold;
	line-height:1.2;
}
#content_text h2{
	font-size: 15px;
	color:#000;
	padding: 10px 0 0 0;
	margin:0;
	font-weight:bold;
	line-height:1.2;
}
#content_text h3{
	font-size: 14px;
	color:#3f8489;
	padding: 0 0 0 30px;
	margin:0;
	font-weight:normal;
	line-height:1.2;
}
#content_text h4{
	font-size: 12px;
	padding: 20px 0 0 30px;
	margin:0;
	font-weight:;
	line-height:1.2;
}
#content_text h5{
	font-size: 12px;
	color:#80b84b;
	padding: 0;
	margin:0;
	font-weight:;
	line-height:1.2;
}
#content_text td{
	font-size: 10px;
	padding: 0;
	margin:0;
	line-height:1.4;
}
#content_text a{
	color: #b90053;
	padding:0;
	margin:0;
	text-decoration:none;	
}
#content_text a:hover{
	color:#b90053;
	text-decoration:underline;	
}
#content_text p{
	padding: 8px 0;
	margin:0;
	text-decoration:none;	
}
#content_text .gbasketimg{
	padding: 10px 0 0 30px;
	margin:0;
	text-decoration:none;	
}
#content_text .gbaskettext{
	padding: 10px 0 20px 0;
	margin:0;
	text-decoration:none;	
}
#content_text .ptext{
	padding: 0 0 10px 0;
	margin:5px 0 0 0;
	text-decoration:none;	
}
#content_text .title1{
	padding: 0 0 10px 0;
	margin:0;
	font-weight:bold;	
}
#content_text .title{
	padding: 15px 0 10px 0;
	margin:0;
	font-weight:bold;	
}
#content_text .title-sm{
	padding: 5px 0 10px 0;
	margin:0;
	font-weight:bold;	
}
#content_text .subtitle{
	padding: 10px 0 0 22px;
	margin:0;
	font-weight:bold;	
}
#content_text .subtitle-gb{
	padding: 0 0 10px 0;
	margin:0;
	font-weight:bold;	
}
#content_text .subtext{
	padding: 10px 0 10px 22px;
	margin:0;
}
#content_text .catname{
	padding: 0;
	margin:0;
	font-weight:bold;
	text-transform: uppercase;
}
#content_text ul{
	margin:10px 0 6px 35px;
	padding: 0;
}
#content_text li{
	margin:0 0 0 35px;
	padding: 0;
	list-style: circle;
}
#content_text table{
	padding: 0;
	margin:0;
}
#content_text .tdheader{
	padding: 0;
	margin:0;
	font-size: 10px;
	font-weight:bold;	
}
#content_text td{
	padding: 0;
	margin:0;
	font-size: 10px;
}

/****************/
#footer-wrapper {
	clear:both;
	float:left;
	background: url(images/footer.png) no-repeat;
	height:60px;
	width:960px;
	text-align: center;
}
#footer-h1 {
	float:left;
	font-size: 9px;
	margin: 12px 0 0 0;
	height:16px;
	width:410px;
}
#footer-h2 {
	float:right;
	font-size: 9px;
	margin: 12px 0 0 0;
	height:16px;
	width:400px;
}
#footer-h2 img {
	text-decoration:none;
}
#footer-h1 a, a:hover, #footer-h2 a, a:hover { 
	color:#000;
	text-decoration:underline;
}
  
/********MAIN MENU***********/
#main_img { 
	position:relative;
	padding:22px 0 0 50px;
	height:108px;
}
#main_img ul {
	display:inline;
	list-style: none;
	overflow: hidden;
}
#main_img ul {
	padding: 0;
}
#main_img li {
	float: left;
}
#main_img li a {
	display: block;
	height: 108px;
	padding-top: 108px; height: 0 !important; 
	height /**/: 108px; overflow: hidden;
}
#n1 { 
	width: 98px;
	background: transparent url(images/menu1.jpg) no-repeat;
	padding:0 30px 0 0;
}
#n2 { 
	width: 98px;
	background: transparent url(images/menu2.jpg) no-repeat;
	padding:0 30px 0 0;
}
#n3 { 
	width: 98px;
	background: transparent url(images/menu3.jpg) no-repeat;
	padding:0 30px 0 0;
}
#n4 { 
	width: 98px;
	background: transparent url(images/menu4.jpg) no-repeat;
	padding:0 30px 0 0;
}
#n5 { 
	width: 98px;
	background: transparent url(images/menu5.jpg) no-repeat;
	padding:0 30px 0 0;
}
#n6 { 
	width: 98px;
	background: transparent url(images/menu6.jpg) no-repeat;
	padding:0 30px 0 0;
}
#n7 { 
	width: 98px;
	background: transparent url(images/menu7.jpg) no-repeat;
}
#main_menu {
	position:relative;
	margin-left: 36px;
	padding:6px 0 0 0;
	height:20px;
}
#main_menu ul {
	display:inline;
	list-style: none;
	overflow: hidden;
}
#main_menu ul {
	padding: 0;
	font-size: 9px;
	font-family: verdana,arial,sans-serif;
	color: #000;
}
#main_menu li {
	float: left;
	text-align: center;
	width: 128px;
	height: 20px;
}
#main_menu li a {
	display: block;
	font-size: 9px;
	font-family: verdana,arial,sans-serif;
	color: #000;
	text-decoration: none;
	padding:0 8px;
}
#n1text a:hover, #n2text a:hover, #n3text a:hover, #n4text a:hover, #n5text a:hover, #n6text a:hover, #n7text a:hover {
	font-size: 9px;
	font-family: verdana,arial,sans-serif;
	color: #000;
	text-decoration: underline;
}

/********SIDEBAR***********/
h3 {
background-color:#a19f8e;
color:#333333;
font-size:16px;
font-weight:bold;
text-align:center;
padding-top:10px;
padding-bottom:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
h3 a {
color:#830044;
font-decoration:none;
}
#sidebar {
	float:right;
	width: 230px;
	margin: 10px 12px 8px 3px;
}
.sidebarwidgetbg {
	margin-bottom:15px;
}
.sidebarwidget {
	padding:0 0 5px 0;
	font-size:10px;
	color:#000000;
}
.sidebarwidget a {
	color:#830044;
	font-weight:bold;
	text-decoration:none;
}
.sidebarwidget a:hover {
	text-decoration:underline;
}
.sidebarwidget ul {
	list-style:none;
}
.sidebarwidget li {
	list-style:none;
	display:block;
}
.sidebarwidget li:hover {
/* background-color:#f6f6f6; */
}
.sidebarwidget ul li {
	padding: 8px;
	border-bottom:#757575 solid 1px;
	list-style:none;
}
.sidebarwidget ul li ul {
	list-style:none;
}
.sidebarwidget ul li ul li {
	list-style:none;
}

/********CONTENT IMAGES***********/
#content_pics{ 
	margin:0;
	padding:0;
}
#content_pics ul {
	display:inline;
	list-style: none;
	overflow: hidden;
	padding:0;
}
#content_pics li {
	float: left;
}
#p1 { 
	width: 500px;
	height: 340px;
	background: transparent url(images/winestop.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding:0;
	border: 1px solid #56092d;
}
#p1-ssp { 
	width: 500px;
	height: 340px;
	margin: 0 auto;
	padding: 0;
}
#p2 { 
	width: 165px;
	height: 120px;
	background: transparent url(images/owners.jpg) no-repeat;
	padding:0;
}

/* SprySlidingPanels
*************************/
.SlidingPanels {
	position: relative;
	width: 500px;
	height: 340px;
	float:right;
	padding: 0;
	border: 1px solid #56092d;
}
.SlidingPanelsContentGroup {  
      position: relative;  
      width: 900em;  
      margin: 0;  
      padding: 0;  
      border: none;  
}
.SlidingPanelsContent {  
	width: 500px;
	height: 340px;
	float: left;
 	overflow: hidden;  
	margin: 0;  
	padding: 0;  
	border: none;  
}
.SlidingPanelsAnimating * {  
	overflow: hidden !important;  
}
 .SlidingPanelsCurrentPanel {  
}
 .SlidingPanelsFocused {  
}
.sspcontent {
      margin: 0 auto;
	width: 500px;
	height: 370px;
}
.current {
	background-color:#fff;
}
.clearfix {
	clear:both;
}
#spotlight_tabs {
	text-align:left;
	margin: 0 2px 0 0;
	padding:0 0 5px 16px;
}
#spotlight_tabs a {
	padding: 2px 6px;
	margin: 0 1px 0 0;
	font: 10px bold arial,sans-serif;
	background-color: #36a7b5;
	color:#222;
	display:inline;
	text-decoration:none;
}
#spotlight_tabs a:hover, #spotlight_tabs a:active {
	background-color:#fff;
}

/* TWS BLOG
*************************/
#blogcontent {
	width: 500px;
}
.post {
	margin: 10px 0 20px 35px;
	text-align: left;
}
.narrowcolumn {
	float: left;
	padding: 0 0 20px 0;
	margin: 0;
	width: 450px;
}
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
}
.narrowcolumn .postmetadata {
	text-align: center;
	padding: 5px 0 0 10px;
}
.narrowcolumn span {
	font-size: 11px;
}
.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 50px;
	width: 4500px;
	line-height: 1.6em;
}
.widecolumn .post {
	margin: 0;
}
.widecolumn .postmetadata {
	margin: 30px 0;
}
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0;
}
.widecolumn .attachment {
	text-align: center;
	margin: 5px 0;
}
.postmetadata {
	margin: 0 0 0 34px;
	color: #000;
	clear: left;
}
.navigation {
	text-align: center;
	margin: 0 0 20px 15px;
}
.center {
	text-align: center;
}
post.h1, h2, h3 {
	font-family: verdana,arial,sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;
}
.post-title {
	font-family: verdana,arial,sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}
h2 {
	margin: 30px 0 0 0;
}
h2.pagetitle {
	font-size: 1.6em;
}
#sidebar h2 {
	font-family: verdana,arial,sans-serif;
	font-size: 1.2em;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
}
h3 {
	padding: 0;
	margin: 30px 0;
}
h3.comments {
	padding: 0;
	margin: 40px auto 20px;
}
hr {
	border: 0;
	color: #444;
	background-color: #ffb61c;
	height: 1px;
	width: 80%;
	text-align: center;
	margin-bottom: 5px;
}	
#searchform {
	margin: 5px 0 0 0;
	padding: 5px 3px;
	text-align: center;
}
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}
#sidebar #searchsubmit {
	padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}
select {
	width: 130px;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 30px;
}
#commentform textarea {
	padding: 2px;
	margin: 5px 5px 1px 30px;
	width: 172px;
}
#commentform #submit {
	padding: 2px;
	margin: 5px 5px 1px 30px;
	font-size: 10px;
}
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */

/* Begin Sidebar */
html>body .entry ul {
	margin-left: 0;
	padding: 0;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
html>body .entry li {
	margin: 7px 0 8px 0;
	}
.entry ul li:before, #sidebar ul ul li:before {
	content: "\00bb \0020";
}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}
.entry ol li {
	margin: 0;
	padding: 0;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.addthis_default_style {margin: 15px 0 20px 0;}
