/*
	Theme Name: 	Goal Diggers
	Theme URI: 		http://www.goaldiggingdivas.com
	Description: 	This is a custom theme designed for Rachel Pusateri and Goal Diggers.  	Goal Diggers designs t-shirts with inspirational slogans on them.
	Version: 			1.0
	Author: 			Cesar Gonzalez
	Author URI: 	http://www.kokuadesign.com

	License Info:	This theme is copyright of Goal Diggers and Rachel Pusateri.

	Colors:				Brown							#4C3A27
  							Loud Pink					#FF508A
  							Light Pink				#FFEEF4
  							Candy Blue				#6FFBFB
  							Light Blue				#CFFFFF

	Sections:		Typography & Colors, Headers, Menu, Subscription Box, Post Styles, Images, 	Sidebar, Contact Form, Site Structure, Footer, Alsett Clearing Method.
*/

/* clear all default margins and padding */
* { margin: 0; padding: 0; }
*:link {color: #4C3A27;}
*:visited {color: #666;}
a:hover {color: #FF508A;}
a {text-decoration: underline;}


/***** Site Structure *****/
body {
  background: #FFF url(./images/background.jpg);
  font-family: verdana, arial, sans-serif;
  /* percentage allows font scaling & 76% == 12 point font */ 
  font-size: 86%;
  color:#222;
  text-align: center;
}

div#wrapper {
  width: 784px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

div.pink_bar {
	width: 100%;
/*	height: 6px;
	background: #FC3377; */
	border-top: 6px solid #FC3377;
}
	
div#header {
	background: url(./images/title.gif) no-repeat top left;
	width: 784px;
	height: 100px;
}

div#header a, div#header a:visited {
	float: right;
	background: url(./images/shoes.gif) no-repeat top left;
	width: 86px;
	height: 100px;
}

div#header a:hover {
  background-image: url(./images/shoes_rollover.gif);
}

div#sidebar_home {
	float: left;
	width: 270px;
}

div#sidebar {
	float: left;
	width: 220px;
}

div#menu {
	background: url(./images/boxes.gif) no-repeat top left;
	padding-left: 68px;
	height: 185px;
	margin-bottom: 34px;
}

div#search {
	padding: 15px 0;
}

div#mission {
	width: 160px;
	height: 260px;
	background: url(./images/frame2.png) no-repeat top left;
	padding: 45px 55px;
	text-align: center;
}

div#content_area {
}

div#content_home {
	float: right;
	width: 500px;
	margin-top: 10px;
	margin-left: 14px;
	text-align: left;
}

div#content {
	float: right;
	width: 550px;
	margin-top: 10px;
	margin-left: 14px;
	text-align: left;
}

div#footer {
	width: 100%;
	height: 100px;
	margin: 25px 0 50px 0;
	padding: 5px 0;
	text-align: center;
	border-top: 2px solid #FF508A;
}


/***** Fonts & Markup *****/
h1 { font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }

div#header h3 {
	font-size: 18px;
	font-weight: bold;
	color:  #FF508A;
	position: relative;
	top: 20px;
	left: 470px;
	width: 300px;
}

div#sidebar_home h2 {
	font-family: verdana, arial, sans-serif;
	text-align: center;
	font-size: 18px;
	color: #222;
	margin-bottom: 7px;
}
	
span.curlz { font-size: 1.4em; font-family: 'Curlz MT', 'Comic Sans MS', 'Times New Roman'; }
span.gray { color: #999; }
small { font-size: 9px; }
	
div#menu ul, div#footer ul {
	list-style-type: none;
}

div#menu ul .current_page_item a {
	color: #FF508A;
	font-weight: bold;
	text-decoration: none;
}

div#menu .page_item a {
	font-size: 16px;
	line-height: 1.6;
	color: #4C3A27;
	text-decoration: underline;
}

div#menu a:hover {
	color: #FF508A;
}

div.side_box {
	padding: 10px;
}

div.side_box h2 {
	color: #444;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	text-align: center;
}

div.side_box ul {
	list-style-image: url("./images/heart.gif");
}

div.side_box li {
	font-size: 14px;
	margin: 0 0 5px 25px;
}

div#footer li { 
	display: inline; 
	padding: 0 10px;
	border-right: 1px solid #4C3A27;
}

/***** Homepage Fonts & Styles *****/
div#content_home h2 {
	color: #444;
	font-weight: bold;
	padding-bottom: 0.5em;
}

div#content_home p {
	margin: 1em;
}


/***** Browse T-shirts Styles *****/
div#browse_menu {
	width: 170px;
	float: right;
	font-size: 10px;
}

div#browse_menu h3 {
	font-size: 12px;
	color: #444;
	margin-bottom: 10px;
}

div#browse_menu ul {
	list-style-image: url("./images/heart.gif");
}

div#browse_menu li { 
	margin-left: 20px; padding: 2px 0; }
div#browse_menu li a {
	text-decoration: none;
}

div#browse_menu .current_page_item {
	font-weight: bold;
	text-decoration: underline;
}

div#browse_info {
	margin-top: 10px;
}

#browse_info td {
	padding-left: 10px;
	vertical-align: top;
}

/* img.tshirt {
	border: 0;
}
*/

div.tshirt_view {
	width: 300px;
	text-align: center;
	border: 0;
}

div.tshirt_view p {
	margin: 0; padding: 0; border: 0;
}

div.tshirt_description {
	width: 540px;
	clear: both;
	color: #333;
}

.tshirt_description blockquote {
	font: italic small-caps 16px georgia, serif;
	color: #4C3A27;
	padding: 8px 60px;
	border: 1px solid #4C3A27;
	margin-bottom: 15px;
	background: url(./images/quote.gif) no-repeat top left;
}
.tshirt_description blockquote p { margin: 0; padding: 0; }

div.byline {
  font: normal 10px verdana, sans-serif;
  text-align: right;
}


/***** Order Page Styles *****/

div#order ol { margin: 10px; }
div#order ul { margin: 3px 0 3px 10px; font-size: .9em; }
div#order li { margin-left: 20px; }

#order_form {
	width: 450px;
	margin: 2em auto;
	padding: 1em 25px;
	background-color: #CFFFFF;
	border: 2px solid #4C3A27;
	clear: both;
}

#order_form h2 {
	font-size: 1.5em;
	text-align: center;
	color: #FF508A;
}
	
#holler_response {
	padding: 0.5em;
	background-color: #FFEEF4;
	border: 1px solid #6FFBFB;
}

/***** Post Fonts & Styles *****/
.post { padding-bottom: 2em; }

.post h1 {
	width: 100%;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #FF508A;
}

.post h1 a {
	color: #FF508A;
	text-decoration: none;
}

.post h3, h3#respond {
	color: #444;
	font-weight: bold;
	font-style: italic;
}
.post p { margin-bottom: 1.5em; }

.entry {
	padding-bottom: 1em;
	text-align: left;
}

.postmetadata {
	font-size: 0.8em;
}

blockquote {
	font-size: 1em;
	font-style: italic;
	margin: 0.7em 0;
	padding: 0.2em 1em;
	border: 1px solid #CCC;
}


#author, #email, #url, #comment, #submit {
	font-size: 1.1em;
	margin: 2px 0;
	padding: 3px;
	background-color: #FFF;
	
}

/***** Comments & Guestbook Styles *****/

h3#comments {
	font-size: 1.3em;
	color: #AAA;
	margin: 25px 0 10px 0;
	border-bottom: 1px solid #AAA;
}

div.commentlist { 
	margin: 10px 20px;
}

div.comment {
	margin-bottom: 25px;
}
	
div.comment_header {
	background-color: #CFFFFF;
	padding: 6px 4px;
	border-top: 3px solid #6FFBFB;
}

cite {
	font-style: normal;
	font-weight: bold;
	color: #555;
}

span.commentmetadata {
}

div.comment_body {
	color: #333;
	padding: 10px 20px 0 10px;
}

/***** Other - img, ... *****/

img, img a { border: 0; }
.float_left { float: left; }
.float_right { float: right; }

.about {
	float: left;
	margin: 0 10px 10px 0;
	border: 6px solid #6FFBFB;
}

/***** The Alsett Clearing Method *****/
/* Allows footer to clear all columns.  Via Stylin' with CSS */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Alsett Clearing Method */