/*
Theme Name: S and G Clothing
Description: Semantic, SEO Optimised, Custom Wordpress Theme for s and G Clothing
Author: David
Author URI: http://www.colorgrooves.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
* {	margin: 0;}
:focus {outline:0}
a, a:visited {color:#cc6666;text-decoration:none}
a:hover {color:#fff}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
html {background:#000 url(images/bg.png) center top repeat-y;height: 100%}
html.homepage {background:#000 url(images/homepage-bg.png) center top repeat-y}
body {background:url(images/bg.jpg) center top no-repeat;color:#fff;font:75%/125% "Trebuchet MS", Arial, Sans-Serif;min-height:100%}
* html body {height:100%}
body#homepage {background:url(images/homepage-bg.jpg) center top no-repeat;}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {font: 2.769em/1.25em "Trebuchet MS", Arial, Sans-Serif;margin:10px 0 0 10px}
h2 {font:bold 1.84em/1.25em "Trebuchet MS", Arial, Sans-Serif}
h3 {font:bold 1.384em/1.25em "Trebuchet MS", Arial, Sans-Serif}
h4 {font:bold 1em/1.25em "Trebuchet MS", Arial, Sans-Serif}
hr {margin:0 0 0.5em}
p {margin:0 0 2em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Containers */
#page {margin:0 auto;padding:0 0 0;width:899px;min-height: 100%;height: auto !important;height: 100%;}

/* Header */
#header {padding:0 0 165px;position:relative;width:100%}
#homepage #header {padding:0}
#header #logo {color:#09C;font:italic bold 2.25em/1.2em Georgia, Garamond, Serif;left:366px;position:absolute;top:56px}
#header ul#nav {display:inline;float:left;font-size:1.165em;left:-50%;list-style:none;margin:0;position:relative}
#header ul#nav li {float:left;line-height:18px;margin:0 20px;position:relative}
#header ul#nav li a {color:#fff;float:left;padding:10px 0;text-decoration:none;text-transform:uppercase}
#header ul#nav li a:hover, #header ul#nav li.current_page_item a {color:#cc6666}
#header #nav-bar  {float:left;left:50%;position:relative}
#header #small-logo {height:47px;position:absolute;right:90px;top:27px;width:86px}

	/*Suckerfish*/
	#header ul#nav ul {background:url(images/hover-bg.png) left top repeat;display:block;font-size:1em;left:-999em;position:absolute;top:28px;width:150px}
	#header ul#nav li:hover ul, #header ul#nav li.sfhover ul {left:0}
	#header ul#nav ul li {float:none;line-height:22px;margin:0;position:relative;text-align:center;width:150px}
	#header ul#nav ul li a, #header ul li.current_page_item ul li a {color:#fff;float:none;padding:5px 0;text-transform:none}
	#header ul#nav li.current_page_item ul li a:hover, #header ul#nav ul li a:hover {color:#cc6666}
	
		/*Third Level*/
		#header ul#nav li:hover ul ul, #header ul#nav li.sfhover ul ul {display:block;font-size:1em;left:-999em;position:absolute;top:0;width:70px}
		#header ul#nav ul li:hover ul, #header ul#nav ul li.sfhover ul  {left:150px}
		#header ul#nav ul ul li {line-height:22px;position:relative;text-align:left;width:70px}
		#header ul#nav ul ul li a {padding:5px 0 5px 4px;text-align:left}
		#header ul#nav li.current_page_item ul ul li a:hover, #header ul ul ul li a:hover {color:#cc6666}
		
/* Content*/
#content {float:left;font-size:1.085em;overflow:hidden;padding:5px 0 0 49px;width:588px}
#subpage #content {float:left;font-size:1.085em;overflow:hidden;padding:0 0 20px;width:899px}
#homepage #content {margin:-10px 0 0 -4px;padding:0;width:899px}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px;padding:0 0 0 36px}
	
	/* Post */
	#subpage #content .page {line-height:24px;margin:0 0 25px;padding:0 127px 0 100px;text-transform;uppercase}
	#content .post {margin:0 0 25px;padding:0 0 20px;text-transform:uppercase}
	#homepage #content .page {padding:0}
	#content .post .meta, #content .page .meta {font-size:0.8em}
	#content .post h1, #content .page h1 {border:0;margin:10px 0 20px;text-transform:none}
	#content .post h1 {margin:0 0 30px}
	#content .post h2, #content .page h2 {color:#b67878;margin:0 0 15px;text-transform:none}
	#content .post h3, #content .page h3 {margin:0 0 25px;text-transform:none}
 	#content .sticky {background:#f5efca}
 	#homepage #content .gallery {margin: 0 0 0 58px;width:799px}

/* Pagination */
#content #prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

/* Sidebar */
#sidebar {float:right;padding:22px 5px 20px 0;width:220px}
#sidebar ul {list-style:none;margin:0 0 2em 0}
#sidebar ul ul {list-style:none}
#sidebar h3 {color:#b67878;font-size:1.5em;margin:0 0 1.5em;text-transform:uppercase}
#sidebar ul ul li a {color:#fff;}
#sidebar ul ul li a:hover {text-decoration:underline}
#sidebar ul ul li {font-size:1.165em}

/* Footer */
#footer {background:url(images/footer-bg.png) center top no-repeat;clear:both;height:172px;padding:5px 10px;overflow:hidden}
#footer p {clear:both;font:.925em Georgia, "Garamond", Serif;margin:0 auto;text-align:center}
#footer form {display:block;margin:0 auto 15px;overflow:hidden;width:240px}
* html #footer form {height:1%;overflow:visible}
#footer form label {font:1.665em Georgia, "Garamond", Serif;color:#818080;float:left;margin:0 9px 0 0}
#footer form input#join {background:#000;border:1px solid #232121;border-right:0;float:left;color:#fff;font:1.135em "Trebuchet MS", Arial, Sans-Serif;padding:3px 5px;width:114px}
#footer form input#join-button {background: url(/wp-content/themes/sandg/images/join.png) no-repeat;border:1px solid #232121;border-left:0;float:left;padding-bottom:6px;width:21px;text-indent:-9999em;}

#homepage #footer {background:url(images/small-footer.png) center top no-repeat;height:74px;margin:0 2px 0 0;padding:5px 59px 5px 137px}
#homepage #footer form {float:right;padding:30px  0 0}
#homepage #footer p {clear:none;float:left;padding:43px 0 0 5px;text-align:left}

/* Image Alignment */
#content img {border:3px solid #22060f}
#homepage #content img {border:0}
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 20px 24px;}
img.alignleft {display:inline;margin:0 24px 20px 0;}
.alignright {float:right}
.alignleft {float:left}

/* Legacy Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* 2.7+ Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;khtml-border-radius:3px;margin:10px;moz-border-radius:3px;padding-top:4px;text-align:center;webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/*IE6 PNG Fix*/
* html #footer { behavior: url("http://sandgclothing.com/wordpress/wp-content/themes/sandg/script/iepngfix.htc") }
* html #header ul#nav ul { behavior: url("http://sandgclothing.com/wordpress/wp-content/themes/sandg/script/iepngfix.htc") }
* html #header ul#nav ul ul { behavior: url("http://sandgclothing.com/wordpress/wp-content/themes/sandg/script/iepngfix.htc") }