/*
Theme Name: Style Vs. Substance
Theme URI: http://style-vs-substance.com/
Description: Custom theme for Style Vs. Substance
Version: 2
Author: Jim Mayes
Author URI: http://style-vs-substance.com/
*/

/* Sane Font Sizes */
html {font-size: 83%;}
body {font-size: 1.1em;}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Resets */
* {margin: 0; padding: 0;}
html {overflow: -moz-scrollbars-vertical;}
dl, ol, ul {list-style: none;}
a img {border: none;}

@font-face {
	font-family: "Fontin";
	src: url(/fonts/FONTIN0.eot);
	}
@font-face {
	font-family: "Fontin";
	src: url(/fonts/Fontin-Regular.ttf) format('truetype');
	}
@font-face {
	font-family: "Fertigo Pro";
	src: url(/fonts/FERTIGO0.eot);
	}
@font-face {
	font-family: "Fertigo Pro";
	src: url(/fonts/Fertigo_PRO.ttf) format('truetype');
	}
@font-face {
	font-family: "Tallys";
	src: url(/fonts/TALLYS0.eot);
	}
@font-face {
	font-family: "Tallys";
	src: url(/fonts/Tallys_15.otf) format('opentype');
	}
@font-face {
	font-family: "Vollkorn";
	src: url(/fonts/VOLLKOR0.eot);
	}
@font-face {
	font-family: "Vollkorn";
	src: url(/fonts/vollkorn.otf) format('opentype');
	}

html {
	background: url(img/bg_html.gif) top repeat-x;
	}
body {
	margin: 0 auto;
	}
	#nav,
	#header,
	.wrapper,
	.wp-pagenavi {
		margin-left: auto;
		margin-right: auto;
		width: 940px;
		}
	.wrapper {
		overflow: hidden;
		}

#nav {
	text-align: right;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	height: 54px;
	}
	#nav li {
		display: inline-block;
		padding-left: 40px;
		height: 54px;
		line-height: 54px;
		vertical-align: middle;
		}
	#nav a {
		outline: none;
		padding: 16px 0;
		color: #999;
		text-decoration: none;
		text-transform: lowercase;
		}
		#nav a:hover {
			color: #ccc;
			}
	.blog #nav .blog a,
	.single #nav .blog a,
	.page-portfolio #nav .portfolio a,
	.page-code #nav .code a,
	.parent-pageid-73 #nav .code a,
	.page-contact #nav .contact a {
		color: #fff;
		background: url(img/pointer.gif) bottom center no-repeat;
		}

#header h1 {
	float: left;
	border-bottom: 1px solid #999;
	padding: 42px 0 36px 0;
	width: 640px;
	}
	#header h1 a {
		display: block;
		outline: none;
		width: 640px;
		height: 124px;
		text-indent: -9999px;
		background: url(img/logo.gif) no-repeat;
		}

#site_search {
	float: right;
	margin-top: 72px;
	width: 260px;
	}
	#site_search fieldset {
		overflow: hidden;
		border: 0;
		background: url(img/search_bg.gif) top left no-repeat;
		}
		#site_search label {
			/*
			This element will be hidden with javascript
			*/
			float: left;
			margin: 8px 0 0 14px;
			}
		#site_search #search_term {
			float: left;
			margin: 8px 0 0 14px;
			border: 0;
			padding: 0;
			width: 150px;/* size for display without javascript */
			width: 210px;
			height: 16px;
			font-size: 14px;
			}
		#site_search button {
			float: right;
			border: 0;
			width: 35px;
			height: 34px;
			cursor: pointer;
			text-indent: -9999px;
			background: url(img/search_btn.gif) no-repeat;
			}
#social {
	float: right;
	margin-top: 12px;
	width: 260px;
	}
	#social li {
		float: left;
		margin-right: 6px;
		}
	#social li.last {
		margin-right: 0;
		}
		#social li a {
			display: block;
			outline: none;
			width: 32px;
			height: 32px;
			text-indent: -9999px;
			}
		#social li.rss a {
			background: url(img/sprite_social_icons.gif) 0 0 no-repeat;
			}
			#social li.rss a:hover {
				background: url(img/sprite_social_icons.gif) 0 -32px no-repeat;
				}
		#social li.linkedin a {
			background: url(img/sprite_social_icons.gif) -32px 0 no-repeat;
			}
			#social li.linkedin a:hover {
				background: url(img/sprite_social_icons.gif) -32px -32px no-repeat;
				}
		#social li.twitter a {
			background: url(img/sprite_social_icons.gif) -64px 0 no-repeat;
			}
			#social li.twitter a:hover {
				background: url(img/sprite_social_icons.gif) -64px -32px no-repeat;
				}
		#social li.facebook a {
			background: url(img/sprite_social_icons.gif) -96px 0 no-repeat;
			}
			#social li.facebook a:hover {
				background: url(img/sprite_social_icons.gif) -96px -32px no-repeat;
				}
		#social li.delicious a {
			background: url(img/sprite_social_icons.gif) -128px 0 no-repeat;
			}
			#social li.delicious a:hover {
				background: url(img/sprite_social_icons.gif) -128px -32px no-repeat;
				}
		#social li.flickr a {
			background: url(img/sprite_social_icons.gif) -160px 0 no-repeat;
			}
			#social li.flickr a:hover {
				background: url(img/sprite_social_icons.gif) -160px -32px no-repeat;
				}
		#social li.lastfm a {
			background: url(img/sprite_social_icons.gif) -192px 0 no-repeat;
			}
			#social li.lastfm a:hover {
				background: url(img/sprite_social_icons.gif) -192px -32px no-repeat;
				}

.wrapper.pagebody {
	margin-bottom: 3em;
	}

#posts {
	float: left;
	margin-top: 42px;
	width: 640px;
	}
	.post {
		overflow: hidden;
		}
	.home .post .meta,
	.search .post .meta,
	.category .post .meta {
		float: left;
		width: 124px;
		text-align: right;
		color: #ccc;
		}
		.post .meta .datestamp,
		.category .meta .datestamp {
			margin: .4em 0 24px 0;
			font-family: "Fontin", "Times New Roman", Times, serif;
			font-size: 28px;
			font-weight: bold;
			line-height: .6em;
			}
			.post .meta .datestamp .year {
				display: block;
				margin-top: .2em;
				font-size: 18px;
				}
		.post .meta a {
			display: block;
			margin-bottom: 6px;
			padding-bottom: 3px;
			font-family: "Lucida Sans";
			font-size: 15px;
			color: #bbb;
			}
			.post .meta a:hover {
				text-decoration: none;
				color: #aaa;
				}
				
	.single .post .meta,
	.project .meta {
		overflow: hidden;
		margin-bottom: 1.3em;
		border-bottom: 1px solid #ddd;
		padding: 13px .5em 4px .5em;
		font-size: 12px;
		font-weight: normal;
		color: #bbb;
		background: #f8f8f8 url(img/bg_single_meta_top.gif) -670px 0 repeat-x;
		}
		.single .post .meta .datestamp,
		.single .post .meta .datestamp .year,
		.single .post .meta a,
		.project .meta .technologies {
			display: inline;
			font-family: "Lucida Sans";
			font-size: 12px;
			font-weight: normal;
			color: #bbb;
			}
		.single .post .meta .comment_count,
		.single .post .meta .tweet_count,
		.single .post .meta .fb_count {
			float: right;
			margin-left: 4px;
			}
		.single .post .meta .comment_count {
			margin-right: 8px;
			}
			
	.home .post h2.title,
	.home .post .body,
	.category .post h2.title,
	.category .post .body,
	.search .post h2.title,
	.search .post .body {
		float: right;
		width: 476px;
		}
	.post h2.title,
	.project h2.title {
		margin-bottom: .3em;
		font-family: "Tallys", "Times New Roman", Times, serif;
		font-size: 38px;
		font-weight: normal;
		line-height: 1.2em;
		}
	.single .post h2.title,
	.project h2.title {
		margin-bottom: 0;
		}
		.post h2.title a,
		.project h2.title a {
			color: #000;
			text-decoration: none;
			}
			.post h2.title a:hover,
			.project h2.title a:hover {
				color: #000;
				text-decoration: underline;
				}
	.post .body,
	.project .description {
		margin-bottom: 2em;
		border-bottom: 1px solid #eee;
		padding-bottom: 1em;
		font-family: "Lucida Sans";
		font-size: 16px;
		line-height: 1.7;
		color: #333;
		}
	.single .post .body,
	.page .post .body {
		border-bottom: 0;
		}
	.single .post .body {
		margin-bottom: 0;
		}
		.post .body p {
			margin-bottom: 1em;
			}
		.post .body a {
			color: #09c;
			/*color: #00e;*/
			}
			.post .body a:hover {
				text-decoration: none;
				}
		.post .body .more-link {
			border: 1px solid #ddd;
			border-width: 1px 0;
			padding: 4px .5em;
			font-size: 14px;
			color: #999;
			text-decoration: none;
			background: #f8f8f8;
			}
			.post .body .more-link:hover {
				color: #333;
				}
				
.attachment-large {
	border: 1px solid #ddd;
	}
				
.social_bookmarks {
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding: 13px .5em 4px .5em;
	font-family: "Lucida Sans";
	font-size: 12px;
	font-weight: normal;
	color: #bbb;
	background: #f8f8f8 url(img/bg_single_meta_top.gif) -670px 0 repeat-x;
	}
	.social_bookmarks ul {
		display: inline;
		padding-left: 4px;
		}
	.social_bookmarks li {
		display: inline;
		}
	.social_bookmarks li a,
	.single .post .meta .tweet_count a,
	.single .post .meta .fb_count a {
		padding: 0 6px 0 18px;
		color: #bbb;
		background-position: top left;
		}
	.social_bookmarks li a.twitter,
	.single .post .meta .tweet_count a.twitter {
		background: url(img/mini_twitter.png) no-repeat;
		}
	.social_bookmarks li a.facebook,
	.single .post .meta .fb_count a.facebook {
		background: url(img/mini_facebook.png) no-repeat;
		}
	.social_bookmarks li a.digg {
		background: url(img/mini_digg.png) no-repeat;
		}
	.social_bookmarks li a.delicious {
		background: url(img/mini_delicious.png) no-repeat;
		}
	.social_bookmarks li a.stumbleupon {
		background: url(img/mini_stumbleupon.png) no-repeat;
		}
	.social_bookmarks li a.reddit {
		background: url(img/mini_reddit.png) no-repeat;
		}
	.social_bookmarks li a.dzone {
		background: url(img/mini_dzone.png) no-repeat;
		}
	.social_bookmarks li a.google {
		background: url(img/mini_google.png) no-repeat;
		}
		.social_bookmarks li a:hover,
		.single .post .meta .tweet_count a:hover,
		.single .post .meta .fb_count a:hover {
			text-decoration: none;
			background-position: bottom left;
			}

			
.tweet {
	margin-bottom: 1em;
	color: #999;
	}
	.tweet .text {
		padding: 10px;
		font-family: "Lucida Sans";
		font-size: 12px;
		line-height: 1.4;
		background: url(img/tweet_text_bg.gif) top no-repeat;
		}
		.tweet .text a {
			color: #333;
			}
			.tweet .text a:hover {
				text-decoration: none;
				}
	.tweet .meta {
		padding-top: 7px;
		padding-right: 34px;
		text-align: right;
		font-family: "Lucida Sans";
		font-size: 12px;
		font-style: italic;
		color: #d0d0d0;
		background: url(img/tweet_meta_bg.gif) top no-repeat;
		}

#sidebar {
	float: right;
	width: 260px;
	}
	#twitter h3 {
		margin-bottom: 24px;
		padding-top: 46px;
		height: 26px;
		font-family: "Fertigo Pro", "Times New Roman", Times, serif;
		font-size: 26px;
		text-indent: 42px;
		color: #999;
		background: url(img/twitter.gif) left bottom no-repeat;
		}
	#sidebar .title {
		margin-bottom: .4em;
		border-bottom: 1px dotted #ccc;
		font-family: "Fertigo Pro", "Times New Roman", Times, serif;
		font-size: 26px;
		color: #999;
		}
	#sidebar p {
		padding-bottom: 1em;
		font-family: "Lucida Sans";
		font-size: 14px;
		line-height: 1.7;
		color: #333;
		}
	#sidebar ul {
		margin-bottom: 1em;
		font-family: "Lucida Sans";
		}
		#sidebar ul li {
			margin-bottom: .4em;
			border-bottom: 1px dotted #ccc;
			padding: 0 .3em .4em .3em;
			}
		#sidebar ul a,
		#sidebar a.more-link {
			color: #999;
			text-decoration: none;
			}
			#sidebar ul a:hover,
			#sidebar a.more-link:hover {
				color: #333;
				}
		#sidebar a.more-link {
			display: block;
			padding: 0 .3em .4em .3em;
			font-family: "Lucida Sans";
			}
		
#pagination {
	display: block;
	margin-top: 1em;
	background: #4f4f4f;
	}
	.wp-pagenavi {
		overflow: hidden;
		font-size: 20px;
		font-family: "Times New Roman", Times, serif;
		}
		.wp-pagenavi .current {
			display: block;
			float: left;
			padding: 16px 10px;
			color: #fff;
			background: url(img/down_pointer.gif) top center no-repeat;
			}
		.wp-pagenavi a {
			outline: none;
			display: block;
			float: left;
			padding: 16px 10px;
			color: #999;
			text-decoration: none;
			text-transform: lowercase;
			}
			.wp-pagenavi a:hover {
				color: #ccc;
				}
				
#comments {
	display: block;
	padding-top: 3em;
	background: #4f4f4f;
	}
	#comments .wrapper {
		padding-right: 300px;
		width: 640px;
		}
		#comments h3 {
			margin-bottom: .5em;
			font-family: "Tallys", "Times New Roman", Times, serif;
			font-size: 38px;
			font-weight: normal;
			color: #ccc;
			}
			#comments li.comment,
			#comments li.pingback {
				overflow: hidden;
				margin-bottom: 3em;
				padding: 1em;
				background: #717171;
				font-family: "Lucida Sans";
				font-size: 16px;
				line-height: 1.7;
				color: #ccc;
				}
				#comments li.comment a,
				#comments li.pingback a {
					color: #fff;
					}
				#comments li.comment .meta,
				#comments li.pingback .meta {
					margin-bottom: 1em;
					border-bottom: 1px solid #4f4f4f;
					padding-bottom: 1em;
					}
				#comments li.comment .avatar,
				#comments li.pingback .avatar {
					float: left;
					margin-right: 1em;
					}
				#comments li.comment h4.author,
				#comments li.pingback h4.author {
					margin-bottom: .3em;
					padding-top: .2em;
					font-family: "Fontin", "Times New Roman", Times, serif;
					font-size: 24px;
					line-height: 1;
					color: #fff;
					}
					#comments li.comment h4.author a:hover,
					#comments li.pingback h4.author a:hover {
						text-decoration: none;
						}
				#comments li.comment .datestamp,
				#comments li.pingback .datestamp {
					font-size: 12px;
					}
				#comments li.comment .datestamp a,
				#comments li.pingback .datestamp a {
					font-weight: bold;
					text-decoration: none;
					}
				#comments li.comment p,
				#comments li.pingback p {
					margin-bottom: 1em;
					}
				#comments li.comment .actions,
				#comments li.pingback .actions {
					float: right;
					font-size: 12px;
					}
					#comments li.comment .actions a,
					#comments li.pingback .actions a {
						color: #ccc;
						}
#respond,
form.wpcf7-form {
	padding-bottom: 3em;
	font-family: "Lucida Sans";
	font-size: 16px;
	color: #ccc;
	}
form.wpcf7-form {
	color: #333;
	}
	#respond input,
	form.wpcf7-form input,
	#respond textarea,
	form.wpcf7-form textarea {
		border: 2px solid #ccc;
		padding: .4em;
		background: #f1f1f1;
		}
	form.wpcf7-form input,
	form.wpcf7-form textarea {
		border: 2px solid #ddd;
		background: #f8f8f8;
		}
	#respond input,
	form.wpcf7-form input {
		width: 40%;
		margin-right: 1em;
		}
	#respond textarea,
	form.wpcf7-form textarea {
		width: 98%;
		margin-bottom: 1em;
		}
	form.wpcf7-form textarea {
		width: 97%;
		}
	#respond label,
	form.wpcf7-form label {
		display: block;
		margin-bottom: 1em;
		}
	#respond button {
		cursor: pointer;
		border: 0;
		background: #4f4f4f;
		}
	#respond .user_identity {
		margin-bottom: 1em;
		}
		#respond .user_identity a {
			color: #fff;
			}
			
#commentform fieldset {
	border: 0;
	}