/*  
Theme Name: Three Hundred and Sixty Five Shirts
Theme URI: http://3hundred65shirts.com/
Description: Three Hundred and Sixty Five Shirts Default Theme
Version: 1.0
Author: Dustin Pfeifer & Mike McNeive
Author URI: http://magicmarkercompany.com/
*/



* {
	margin:0;
	padding:0;
}

body {
	width:772px;
	text-align:center;
	margin:0 auto;
	background:#fff;
	font:14px georgia, times, serif;
	color:#888;
}


/* Layout ============================== */

.masthead {
	margin:30px 0;
	text-align:right;
}

.icon {
	background:url("images/icon_pinkcircle.jpg") no-repeat left center;
	padding:40px 0 40px 60px;
	font:12px lucida grande, arial, sans-serif;
	color:#888;
	text-decoration:none;
}

#container {
	text-align:left;
}

/* header */

#header {
	background:url("images/header.jpg") no-repeat;
	height:258px;
	overflow:hidden;
	font:12px lucida grande, arial, sans-serif;
}

.headerin {
	padding:50px 420px 0 30px;
}

#header a {
	font:12px lucida grande, arial, sans-serif;
	color:#888;
	float:right;
	text-decoration:none;
	margin:15px 0;
}

#header h1 a {
	font:36px georgia, times, serif;
	font-weight:normal;
	margin:0 0 10px;
	padding:0;
	float:left;
}

/* content */

#content {
	margin:0 0 20px 0;
}

#left {
	width:443px;
	padding:0 30px;
	float:left;
}

#right {
	width:209px;
	padding:0 30px;
	float:right;
	font:12px lucida grande, arial, sans-serif;
}

#right ul {
	margin:5px 0 30px;
	list-style-type:none;
}

#right a {
	color:#888;
}

.alignleft { 
	float:left 
}

.alignright { 
	margin:0 0 0 15px; 
	float:left 
}

/* footer */

#footer {
	background:#eee;
	padding:20px 0;
	font:12px lucida grande, arial, sans-serif;
}

#footer a {
	color:#555;
	text-decoration:none;
}

.footerleft {
	padding:0 30px;
	float:left;
}

.footerright {
	float:right;
	background:url("images/icon_pinkcircle2.jpg") no-repeat left top;
	padding:10px 30px 0 60px;
	width:300px;
}


/* Comments ============================== */

#commentlist {
	list-style-type:none;
}

#commentlist li {
	background:#eee;
	padding:15px;
	margin:10px 0;
}



/* Typography ============================== */

p {
	margin:10px 0;
	line-height:18px;
}

a {
	color:#e15197;
	text-decoration:none;
}

span, span a {
	color:#e15197;
}

h1, {
	font:36px georgia, times, serif;
	font-weight:normal;
	line-height:36px;
	margin:0 0 10px;
}

h2, h2 a {
	font:28px georgia, times, serif;
	font-weight:normal;
	line-height:28px;
	margin:20px 0 5px 0;
	color:#888;
}

h3, h3 a {
	font:12px lucida grande, arial, sans-serif;
	color:#888;
	margin:0 0 10px;
}

h4, h4 a {
	font:12px lucida grande, arial, sans-serif;
	text-decoration:underline;
	font-weight:normal;
	color:#555;
}



/* Browser Adjustments ============================== */

/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */