/*  
Theme Name: Big Sweater Design
Theme URI: http://www.bigsweaterdesign.com/
Description: My site's theme.
Version: 1.0
Author: Vincent Maglione
Author URI: http://www.bigsweaterdesign.com/

	This theme and all associated files are 
	copyright 2007 Vincent Maglione, 
	all rights reserved. Distribution is not 
	allowed without written consent 
	from the copyright owner.
*/

/*****
NORMALIZATION
*****/

/* Normalizes Margin and Padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
	}

/* Normalizes font size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	}

/* Removes list-style from lists */
ol, ul {
	list-style:none;
	}

/* Normalizes font-style & font-weight */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
	}

body {font-size:62.5%;}

/* Removes table borders */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* Removes border from fieldset and img */
fieldset, img {
	border:0;
	}

/* Left-aligns text in caption and th */
caption, th {
	text-align:left;
	}

/* Removes quotation marks from q */
q:before, q:after {
	content:'';
	}
	
/**********************
///////////////////////
LAYOUT and POSITIONING
///////////////////////
**********************/

body {
	left:50%;	
	margin-left:-375px;
	position:relative;
	width:750px;
	}

#header {
	height:214px;
	width:750px;
	}
#content p {
	margin-bottom:1.2em;
	}

.col1 ol {
	list-style-type:decimal;
	}

.col1 li {
	margin-left:20px;
	}

.col1 ul {
	list-style-type:none;
	}

.col1 ul li {
	background:transparent url(img/libg.gif) no-repeat 0 7px;
	padding-left:10px;
	}

.col1 ul li ul li{
	background:transparent url(img/libg2.gif) no-repeat 0 7px;
	}

.col1 ul ul ul {
	list-style-type:square;
	}

.col1 ul ul ul li {
	background:none;
	padding-left:0;
	}

#header, #content {
	float:left;
	}

#branding {
	height:125px;width:85px;
	left:330px; top:75px;
	position:relative;
	text-align:center;
	z-index:1;
	}

#branding h1 {
	position:absolute;
	top:110px;
	}

#nav {
	height:65px;width:750px;
	position:relative;
	top:-9px;
	z-index:0;
	}

#nav li {
	display:block;
	position:absolute;
	top:75px;
	}

#nav li a {
	display:block;
	height:65px;
	position:absolute;
	top:-42px;
	}
	
li.portfolio {left:0px;}
li.blog {left:229px;}
li.about {left:420px;}
li.contact {left:538px;}
	
li.portfolio a {width:229px;}
li.blog a {width:100px;}
li.about a {width:116px;}
li.contact a {width:214px;}

#elevatorStatement {
	height:112px;width:750px;
	position:relative;
	}

#elevatorStatement h2 {
	margin:0 20px 20px 20px;
	position:relative;
	top:20px;
	}
	
#content {
	padding-bottom:89px;
	top:376px;
	width:750px;
	}

.wide .col1 {
	float:left;
	width:480px;
	}

#columnWrap {
	float:left;
	width:750px;
	padding-bottom:20px;
	}

#about, #featured, #recently, #links, #testimonials, #contact {
	height:57px;width:230px;
	position:relative;
	text-indent:-9999px;
	}

#about, #recently, #links, #contact {
	width:260px;
	}

.col1, .col2, .col3 {
	float:left;
	width:260px;
	}

.columnContent {
	float:left;
	margin-bottom:20px;
	position:relative;
	top:20px;
	}

.col1 .columnContent, .col3 .columnContent {
	left:20px;
	width:200px;
	}

.wide .col1 .columnContent {
	width:440px;
	}

.wide .col1 p img {
	margin:10px;
	}

.wide .col2 .columnContent {
	margin-left:20px;
	width:190px;
	}

.wide .col2 h2 {
	width:190px;
	margin:20px auto 5px auto;
	padding-top:15px;
	}

.search {
	float:left;
	width:230px;
	margin:-20px auto 20px -20px;
	}

.search li {
	float:left;
	}
.search .title {
	height:47px;width:230px;
	}

input#s {
	height:1.5em;width:127px;
	float:left;
	margin-left:20px;
	}

input#searchsubmit {
	height:1.5em;width:63px;
	float:left;
	margin-left:00px;
	}
	
.col1 .columnContent {left:40px;}

.col2 {width:230px;}

.col2 .columnContent {
	width:190px;
	left:20px;
	}

p.date, p.commentInfo, p.postMeta {
	line-height:1.2em;
	margin:0 auto;
	}

p.commentInfo {
	margin-top:-10px;
	padding-bottom:.5em;
	}

.wide blockquote {
	padding:1.4em;
	}
	
.postMeta {
	clear:both;
	padding:.5em;
	}

a.more {float:right;}

.postNav {
	float:left;
	width:100%;
	}

.postNav .previous, .postNav .next {
	width:50%;
	margin:0;padding:0;
	}

.postNav .previous {
	float:left;
	}

.postNav .next {
	float:right;
	}

.postNav .previous a, .postNav .next a {
	padding:1.4em 20px;
	}

.postNav .previous {text-align:left;} .postNav .next {text-align:right;}

#footer {
	float:left;
	width:750px;
	padding-bottom:20px;
}

#links, #testimonials, #contact {
	height:22px;
	}

#footer cite {
	margin-top:10px;
	}

.copyright {
	height:89px;width:750px;
	float:left;
	margin-top:-89px;
	}

.copyright p {
	margin:20px 150px auto 40px;
	}
	
/* Calendar */

table#wp-calendar {
	width:190px;
	}

/* Comments */

#commentdiv {
	float:left;
	margin-top:20px;
	width:100%;
}

h3#comments {
	width:440px;height:50px;background:transparent url(img/comments.png) no-repeat -10px 0;
	text-indent:-9999px;
	margin-bottom:20px;
	}

#commentform, ol.commentlist {
	width:220px;
	float:right;
	}

ol.commentlist {
	list-style:none;
	}

ol.commentlist li {
	padding:10px 10px 0 10px;
	}

#commentform input[type="text"] {
	width:100%;
	}

#commentform textarea {
	width:100%;
	}

/* ZenPhoto
----------------------- */

#albums, #albums li, #images, #images li, .pagelist, .pagelist li {
	margin:0;padding:0;
	background-image:none;
	}

#albums, #images {
	margin:0 0 20px 0;
	}

.album {
	margin:0 0 20px 0;
	}

.imagethumb, .albumdesc {
	width:220px;
	}

.imagethumb {
	float:left;
	margin-bottom:10px;
	}

.albumdesc {
	float:right;
	}

ul.pagelist {
	clear:both;
	width:100%;
	margin:20px 0;
	text-align:center;
	}

ul.pagelist li {
	display:inline;
	background-image:none;
	}

.imagedesc, .albumdesc {
	background:#cfb595;
	padding:20px;
	margin:20px 0;
	border-top:1px solid #734238;
	border-bottom:1px solid #734238;
	}

p.albumdesc {
	width:400px;
	}

/*********************
///////////////////////
COLORS, BORDERS, and BACKGROUNDS
///////////////////////
**********************/

html {
	background:#734238 url(img/sweater.png) repeat top left;
	}

body {
	background:transparent;
	color:#734238;
	}

#header {
	background:transparent url(img/headerbg.png) no-repeat top left;
	}

#nav {
	background:transparent;
	}

#nav li a {
	background:url(img/navbg.png) no-repeat top left;
	color:#734238;
	}

#nav li.portfolio a {background-position:0px 0px}
#nav li.blog  a {background-position:-229px 0px}
#nav li.about a {background-position:-420px 0px}
#nav li.contact a {background-position:-538px 0px}

#nav li.portfolio a.active {background-position:0px -130px}
#nav li.blog  a.active {background-position:-229px -130px}
#nav li.about a.active {background-position:-420px -130px}
#nav li.contact a.active {background-position:-538px -130px}

#nav li.portfolio a:hover {background-position:0px -65px}
#nav li.blog  a:hover {background-position:-229px -65px}
#nav li.about a:hover {background-position:-420px -65px}
#nav li.contact a:hover {background-position:-538px -65px}

#elevatorStatement {
	background:#cfb595 url(img/elevatorstatement.png) no-repeat top left;
	}

#content {
	}

a {color:#f5821f;}
a:hover {text-decoration:none;}
a:visited {color:#9e5515;} 

#columnWrap {
	background:url(img/columnbg.png) repeat-y top left;
	}

#columnWrap.wide {
	background:url(img/widebg.png) repeat-y top left;
	}

.wide blockquote {
	background:#cfb595;
	border-top:1px solid #734238;
	border-bottom:1px solid #734238;
	}

#about, #featured, #recently, #links, #testimonials, #contact {
	background-color:#734238;
	color:#f3e5c7;
	}

#about, #featured {
	border-right:1px solid #f3e5c7;
	}

#about {background:url(img/about.png) no-repeat top left;}
#featured {background:url(img/featured.png) no-repeat top left;}
#recently {background:url(img/recently.png) no-repeat top left;}

#featured {
	color:#cfb595;
	}

.wide .col2 h2 {
	color:#734238;
	border-bottom: solid #734238 5px;
	border-top: solid #734238 1px;
	}

.commentInfo a, .date a {
	color:#734238;
}

p.commentInfo, .postNav {
	border-bottom:#734238 1px solid;
	}

.postNav {
	border-top:#734238 1px solid;
	}

.postNav .previous:hover, .postNav .next:hover {
	background:#cfb595 none;
	} 

.postNav .previous, .postNav .next {
	background:none;
	} 

.postMeta {
	background:#734238;
	color:#f3e5c7;
	}

.search {
	background:transparent;
	}

.search li.title {
	background:transparent url(img/searchheadbg.png) no-repeat -10px 0;
	}

.col2 li.title h2 {
	border:none;
	}

input[type="text"], textarea {
	background:#f3e5c7 url(img/searchbg.png) repeat-x top left;
	color:#734238;
	}

input[type="submit"], input[type="text"], textarea {
	border:1px solid #734238; 
	}

textarea {background-image:none;}
textarea:focus {background:#fff;}

input#s {
	background:#f3e5c7 url(img/searchbg.png) repeat-x top left;
	color:#734238;
	}

input {
	color:#f3e5c7;
	background:#734238;
	}

input#s, input#searchsubmit {
	border-left:none; border-right:none; border-top:1px solid #734238; border-bottom:1px solid #734238;
	}
input#s {border-left:1px solid #734238;}
	
#footer {
	background:transparent url(img/footerbg.png) repeat-y top left;
	color:#f3e5c7;
	}
	
#links, #testimonials, #contact {
	background:transparent;
	}

#links {
	background:url(img/links.png) no-repeat top left;
	}

#testimonials {
	background:url(img/testimonials.png) no-repeat top left;
	}

#contact {
	background:url(img/contact.png) no-repeat top left;
	}

#footer li {
	background:none;
	padding-left:0;
	}

.copyright {
	background:transparent url(img/bottombg.png) no-repeat bottom left;
	color:#f3e5c7;
	}

/* Calendar */

table#wp-calendar {
	}

table#wp-calendar * {
	border:1px solid #734238;
	}

table#wp-calendar thead {
	background:#f3e5c7;
	}

table#wp-calendar td a {
	border:none;
	}

table#wp-calendar .pad {
	border:none;
	}

table#wp-calendar caption {
	background: #734238;
	color:#f3e5c7;
	}

/* Comments */

.commentlist .alt {
	background:#f2e1bb;
	border-top:#734238 1px solid;
	border-bottom:#734238 1px solid;
	overflow:hidden;
	}

/* ZenPhoto */

.album {
	border-bottom:solid 5px #734238;
	}

.imagethumb a {
	float:left;
	padding: 4px 4px 7px 4px;	
	border: 1px solid #734238;
	background: transparent;
	}
	
.imagethumb a:visited {
	border: 1px solid #c35613;
	}
	
.imagethumb a:hover {
	border: 1px solid #f5821f;
	background: #f5821f;
	}

ul.pagelist {
	border-top:1px solid #734238;
	border-bottom:1px solid #734238;
	}

/**********************
//////////////////////
TYPOGRAPHY
//////////////////////
*********************/

body {
	font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", helvetica, sans-serif;
	font-size:.6em;
	}

p strong {
	font-weight:bold;
	}

p em, blockquote {
	font-style:italic;
	}

cite {
	font-size:.9em;
	font-style:normal;
	text-align:right;
	}

#branding h1 {
	font-size:.5em;
	text-align:justify;
	text-indent:-9999px;
	}

h1, h2, h3, h4, h5, h6, #nav, #elevatorStatement {
	font-family: courier, monospace;
	}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	line-height:.9em;
	letter-spacing:.15em;
	}

#content h1 {
	font-size:2em;
	text-transform:uppercase;
	}

#content h2 {
	font-size:1.6em;
	text-transform:uppercase;
	}

#content h3 {
	font-size:1.4em;
	font-weight:bold;
	font-style:italic;
	font-variant:small-caps;
	}

#content h4 {
	font-size:1.3em;
	font-weight:bold;
	font-variant:small-caps;
	}

#content h5 {
	font-size:1.3em;
	font-weight:normal;
	font-variant:small-caps;
	}

#content h6 {
	font-size:1.1em;
	font-style:italic;
	font-weight:normal;
	font-variant:small-caps;
	}

#nav {
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps;
	}

#nav a {
	text-decoration:none;
	text-indent:-9999px;
	}

#elevatorStatement {
	font-size:.8em;
	line-height:1.3em;
	text-indent:-9999px;
	}

#about, #featured, #recently, #links, #testimonials, #contact {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	}

#about, #featured, #recently {line-height:87px;}
#links, #testimonials, #contact {margin-top:-5px;}

#content {
	font-size:1.2em;
	line-height:1.8em;
	}

#content .postTitle {
	font-size:1.9em;
	font-weight:bold;
	}

.date, .commentInfo, .postMeta {
	font-size:.8em;
	font-style:italic;
	}

.postMeta {
	text-align:right;
	}

a.more {font-size:.9em;text-align:right;}

.wide blockquote {
	line-height:1.2em;
	}

cite {
	text-align:right;
	font-variant:small-caps;
	}

.wide .col2 {
	font-size:.8em;
	font-style:italic;
	font-weight:bold;
	}

.wide .col2 h2 {
	font-style:normal;
	text-align:center;
	text-transform:uppercase;
	}

.postNav {
	font-size:.8em;
	}

.search li.title {
	text-indent:-9999px;
	}

input#s {
	text-indent:10px;
	}

input#searchsubmit {
	font-weight:bolder;
	font-family:courier, monospace;
	font-size:1.6em;
	font-style:normal;
	letter-spacing:.2em;
	text-transform:uppercase;
	}

#footer, .copyright {
	font-family: courier, monospace;
	line-height:1em;
	}

.copyright p {
	font-size:.8em;
	}

/* Calendar */

table#wp-calendar * {
	text-align:center;
	}

table#wp-calendar caption {
	font-family: courier, monospace;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.7em;
	}

/* Comments */

ol.commentlist li cite {
	font-size:.7em;
	line-height:1.1em;
	}

/* ZenPhoto */