/*
Theme Name: 309 Designs
Theme URI: http://309designsclothing.com
Description: Grid version of original layout
Version: 3.0
Author: C. Heyen
Author URI: http://cassiejane.me/
*/

/* Basics
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	background-color: #369dc0;
	background-image: url(images/newbg2.jpg);
	color: #3f3e3e;}

img {
	border: none;
	padding: 0px;
	margin: 0px;
	background: none;}

p {
	line-height: 140%;}

ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}

#container {
	padding: 55px 0px 0px 0px;}

/* Classes
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.goleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;}

.goright {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;}
	
.gocenter {
	text-align: center;}

strong, label {
	color: #383838;
	font-size: 23px;}

.hilite {
	background: url(images/newbg.jpg) repeat top left;
	color: #acbc4a;
	font-family: Arial;
	padding: 1px 5px 1px 5px;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-weight: bold;}

.hilite2 {
	background: url(images/newbg.jpg) repeat top left;
	padding: 1px 5px 1px 5px;}

hr {
	width: 100%;
	border: none;
	margin: 10px 0px 10px 0px;
	border-top: 5px solid #dddddd;}

blockquote {
	margin-left: 5px;
	margin-right: 5px;
	padding: 15px 15px 15px 15px;
	text-align: justify;
	line-height: 14pt;
	color: #3f3e3e;
	font-size: 11px;
	background-image: url(images/darkbg.jpg);}

/* Headings
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1 {
	font-family: sans-serif;
	color: #f0478b;
	font-size: 42px;
	font-weight: bold;
	letter-spacing: -2px;
	margin: 0px 0px -3px 0px;
	text-transform: lowercase;}

h2 {
	font-family: sans-serif;
	color: #a47cce;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	margin: 0px 0px -2px 0px;
	text-transform: lowercase;}

h3 {
	font-family: sans-serif;
	color: #f47647;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	margin: 0px 0px -3px 0px;
	text-transform: lowercase;}

h4 {
	font-family: sans-serif;
	color: #b9ca51;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	margin: 0px 0px 0px 0px;
	text-transform: lowercase;}

h5 {
	font-family: sans-serif;
	color: #42a7c1;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	margin: 0px 0px 3px 0px;
	text-transform: lowercase;}

h6 {
	font-family: sans-serif;
	color: #F8DC3A;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	margin: 0px 0px -3px 0px;
	text-transform: lowercase;}

/* Header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#headerwrap {
	width: 100%;	
	height: 227px;
	z-index: 5;
	background: url(images/teenspirit.jpg) no-repeat center top;}

/* Menu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#menu { position: relative; left: 100px; top: 230px; z-index: 10;}
#menu em { display: none; margin: 0; padding: 0; line-height: 0px;}
#menu ul { padding: 0px; margin: 0px; list-style-type: none;}
#menu li { float: left; padding: 0px; margin: 0px; list-style-type: none; display: inline; }
#menu li a { display: block; height: 31px; }
#menu li a.t1 { background: url(images/1home.jpg) no-repeat left top; width: 59px; }
#menu li a.t2 { background: url(images/2about.jpg) no-repeat left top; width: 65px; }
#menu li a.t3 { background: url(images/3gallery.jpg) no-repeat left top; width: 76px;}
#menu li a.t4 { background: url(images/4orig.jpg) no-repeat left top; width: 168px; }
#menu li a.t5 { background: url(images/5sample.jpg) no-repeat left top; width: 147px; }
#menu li a.t6 { background: url(images/6clients.jpg) no-repeat left top; width: 77px; }
#menu li a.t7 { background: url(images/7videos.jpg) no-repeat left top; width: 73px; }
#menu li a.t8 { background: url(images/8contact.jpg) no-repeat left top; width: 79px; }
#menu li a:hover { background-position: left -31px; }

/* Content
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content {
	background-color: #ffffff;}

.paddin {
	padding: 0px 10px 0px 10px;}

.gallerypad {
	padding: 10px;}

#right {
	background-image: url(images/newbg.jpg);}

#middle {
	background-image: url(images/darkbg.jpg);}

/* Links & Clients
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content a, #footer a, #right a {
	text-transform: uppercase;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #f36c3c;
	text-decoration: none;}

#content a:hover, #footer a:hover, #right a:hover {
	text-decoration: underline;}

#sample a {
	font-size: 30px;
	text-transform: lowercase;}

#sample li {
	text-align: center;}

#clients li {
	text-align: center;
	margin-bottom: 20px;}

#content a img {
	border: 0px;
	padding: 0px;}

#content a:hover img {
	border: 0px solid;}

/* Table and Input
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

form {
	color: #000000;}

input {
	background-image: url(images/contactbg.jpg);
	border: 0px;
	padding: 5px;
	font-family: Verdana, sans-serif;}

textarea {
	border: 0px;
	width: 70%;
	padding: 5px;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	background-image: url(images/contactbg.jpg);}

td {
	padding: 15px 5px 10px 5px;
	border: 0px;}

/* Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
	margin-bottom: 20px;
	margin-top: 20px;
	background-image: url(images/darkbg.jpg);}