/*
Theme Name: Guh Guh and Phangs - Nathan!!!
Description: Custom design for Guh Guh and Phangs
Author: Matt McKenny
Author URI: http://stoutdesign.com/
*/



body {
	margin:0; padding:0;
	font:11pt/1.5 sans-serif;
	background: url("images/background.jpg");
	text-align:center;
	font-family: Georgia,Times,"Times New Roman", sans-serif;
	font-size:16px;
	line-height:24px;
	color:#212121;
}

img {
	border:0;
}

a {
	color:#212121;
}

a:hover {
	color:red;
	text-decoration:none;
}

a img {
	border:2px solid #d3d3d3;
}

a:hover img {
	border-color:red;
}

h1,h2,h3,h4 { margin: 0.4em 0 }

h2.pagetitle {
	margin:0 0 20px 10px;
	padding-top:10px;
	font-size:32px;
}

#sidebar h2 {
	font-size:21px;
}

h3 {
	font-size:21px;
	padding: 10px 0 5px 0;
	margin:0;
}

h3.shortlist {
	margin:0 0 0 10px;
}

h3 span.date {
	font-size:12px;
	line-height:14px;
}

h3.posts-list {
	margin-left:10px;
}

h3.posts-list a {
	color:red;
}

fieldset {
	border-style: 2px inset #212121;
	margin: 0 10px;
}

.entry {
	padding-bottom:30px;
}

legend {
	color: #212121;
	font-size:18px;
}

#faq ul {
	list-style: none;
	margin:0;
	padding:10px;
}

#faq h3 {
	font-weight:bold;
	font-size:18px;
	line-height: 21px;
}

#faq li {
	margin-bottom: 20px;
}

#faq p {
	margin:0;
	padding:0 0 10px 0;
}


#respond {
	padding:0 10px 20px ;
	margin:0;
}

textarea {
	width:500px;
}

#container-bkgrd { 
	width: 974px;
	background: url("images/background-content.png") repeat-y;
	margin: 0 auto; 
	text-align:center;
}

#container {
	margin:0 auto; 
	padding:200px 0 0;
	width:900px;
	text-align:left;
	background-color: #212121;
}

#header {
	padding:0;
	width:976px;
	height:224px;
	background: url("images/header-outlined.gif") no-repeat;
	position:absolute;
	top:0;
	left: 50%;
	margin-left:-487px;
}

#main1 {
	margin:0;
	padding:0;
	background:#212121;
}

#main2 {
	margin:0;
	padding:0;
	background: url("images/background-sidebar.gif") top right repeat-y;
}

#sidebar {
	float:right;
	width:220px;
	margin:0; 
	padding:0;
	text-align:center;
	background: url("images/background-sidebar.gif") top right repeat-y;
}

#content {
	margin:0 220px 0 0;
	text-align:left;
}

#footer {
  background: black;
	color:#d3d3d3;
}

#footer .column-in {
	padding:1px 0 0;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	font-size:.8em;
	line-height:1.2em;
	text-align:left;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}
	
#nav {
  margin: 170px 0 0 257px;
  z-index:30;
  font-size:18px;
  color:#d3d3d3;
	
}

#nav li a {
  color:#d3d3d3;
  text-decoration:none;
}

#nav li a:hover {
  color:red;
}

.column-in {
	margin:0; 
	padding:20px;
}
.column-inside {
	margin:0; 
	padding:20px;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
	
p {
  padding-bottom:15px;
}

hr {
  color: #212121;
  height:3px;
  background-color:#212121;
  border:0;
}

/* CSS for the raged box starts here */
.ragged-box {
	margin:10px 0;
	padding:0 10px 0 0;
	background: url("images/ragged-box-sides.gif") 100% 0 repeat-y;
}

.bi {
	padding:0 0 0 10px;
	background:#d3d3d3 url("images/ragged-box-sides.gif") 0 0 repeat-y;
}


.bt {
	height:10px;
	margin:0 -10px;
	background:url("images/ragged-box.gif") 100% 0 no-repeat;
}

.bt div {
	width:10px;
	height:10px;
	background:url("images/ragged-box.gif") 0 0 no-repeat;
}

.bb {
	height:10px;
	margin:0 -10px 0 0;
	background:url("images/ragged-box.gif") 100% 100% no-repeat;
	clear:left;
}

.bb div {
	width:10px;
	height:10px;
	background:url("images/ragged-box.gif") 0 100% no-repeat;
}

.post .bb {
	margin: 0 -10px 0 0;	
}

.ragged-box p{
	margin:0;
	padding:10px;
}

.rb-background {
	margin:0;
	background:#d3d3d3;
	padding-bottom:20px;
}

.rb-content p,{
	margin:0;
	padding:10px;
}

h2.raggedbox {
  margin: 10px 0 -25px 10px;
	height:30;
	position:relative; /* this is for ie */
	font-size:20px;
}

h2.raggedbox span {
  visibility:hidden;
}

td {
  vertical-align:top;
}

div.entry-home-page {
	border-bottom: 1px dotted #212121;
}

.postmetadata {
	font-size:11px;
	font-family:sans-serif;
	line-height:13px;
	border-top:1px dotted #212121;
	border-bottom:1px dotted #212121;
}

div.post-nav {
	font-size:11px;
	margin:0 auto;
	text-align:center;
}

div.products-home-page .breadcrumb, div.products-home-page .producttext {
	display:none;
}


/**** fix for flickr gallery ****/
.entry .ui-helper-clearfix {
	height: 40px;
}

.ui-widget-header {
/*	background:none;
	border:none;*/
}

.fg-credit, .fg-clear {
	font-size:10px;
}

img.captcha {
	margin-bottom:-8px;
}

.wpcf7-mail-sent-ok {
	background: #398F14;
	color:white;
	position:fixed;
	top:200px;
	padding:20px;
}

.wpcf7-validation-errors  {
	background: #F7E700;
}

.wp-caption-text {
	font-size:11px;
	line-height:13px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

.subnav li {
	display:inline;
	list-style:none;
	border-right:1px solid black;
	padding-right:10px;
	margin-left:10px;
}

#product-large-image{
	text-align:center;
}

input[type=text], textarea {
	font-size:16px;
}

input[type=text] {
	padding:3px 2px;
}

.wp-pagenavi a, .wp-pagenavi span {
	white-space: nowrap;
	font-size:12px;
}