/*
Theme Name: Sosauce Blog Wordpress Theme
Theme URI: http://www.sosauce.com/blog
Description: Sosauce Blog's Wordpress Theme, Simple but Rich, Visually and Content-wise
Version: 1.0
Author: Jeff Lagasca
Author URI: http://www.sosauce.com/, http://www.jefflagasca.com
Tags: Photography, two column, aligned-left

	Sosauce 1.0
	 http://www.sosauce.com/blog

	This theme was designed and built by Jeff Lagasca,
	whose blog you will find at http://www.sosauce.com/blog

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


* {
	margin: 0;
	padding: 0;}

html, 
body, 
#wrap {}

body {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: small;
	background: url('images/backgrounds/bgIreland.jpg') top left no-repeat;}	
	
body > #wrap {
	height: auto; 
	min-height: 100%;}	

img {
	border: none;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", Arial, Sans-serif;
	font-weight: normal;
	letter-spacing: -0.02em;}

h2 {
	font-size: 225%;}

h3 {
	font-size: 175%;}

a,
a:visited {
	color: #9e0b0f;
	text-decoration: none;
	outline: none;}
	
a:hover,
a:visited:hover {
	color: #ed145b;
	text-decoration: underline;}	
	
a:active,
a:visited:active {
	color: #ed145b;
	text-decoration: none;}	
	
#main {
	width: 100%;
	padding-bottom: 35px;}	



/* Header */

.head {	}	

.head .logo {
	height: 100px;
	padding: 25px 40px 15px 40px;}	




/* Site Navigation */

.siteNav {
	height: 15px;
	padding: 10px 50px;
	background: url('images/bgSiteNav.png');}

.siteNav ul {
	list-style: none;}

.siteNav li {
	height: 15px;
	float: left;
	margin: 0 25px 0 0;
	font-family: "Century Gothic", Arial, Sans-serif;
	font-size: 125%;
	color: #fff;
	font-variant: small-caps;
	line-height: 0.9em;}

.siteNav li a,
.siteNav li a:visited {
	color: #fff;}

.siteNav li.copyright {
	float: right;}




/* Content */

.content {
	min-height: 600px;
	padding: 50px 50px 50px 50px;
	clear: both;
	background: url('images/bgContent.png') top left repeat-x;}

.contentInner {
	width: 924px;}

.ie6 .content {
	background: url('images/bgContent.gif') top left repeat-x;}

.content .colLeft {
	width: 625px;
	float: left;
	margin: 0 30px 0 0;}
	
.content .colRight {
	width: 250px;
	float: left;}
		
	
/* Article Information */

.storyInfo {
	padding: 0 0 5px 0;
	font-size: 100%;}

.storyInfo sup {
	line-height: 0.5em;}

	
/* Story Excerpt - List Pages, Search Results */
	
.storyExcerpt,
.story {
	width: 625px;
	padding: 0 0 40px 0;
	float: left;
	clear: both;}

.storyExcerpt h2,
.story h2 {
	padding: 0 0 5px 0;
	line-height: 1.0em;}

.storyExcerpt .excPhoto {
	float: left;
	margin: 0 15px 0 0;}	
	
.storyExcerpt p,
.story p {
	font-size: 120%;
	padding: 0 0 10px 0;}	

.storyExcerpt a.readMore {
	font-size: 110%;
	float: right;
	clear: left;
	font-variant: small-caps;}	
	
.storyExcerpt .tags {
	margin: 3px 0 -3px 0;
	font-size: 75%;}	
	
.storyExcerpt .tags a {
	color: #999;}	
	
.storyExcerpt .storyOptions {
	width: 625px;
	padding: 3px 0 0 0;
	float: left;
	margin: 5px 0 0 0;
	font-size: 80%;
	border-top: 2px solid #f3f3f3;}	
	
.storyExcerpt .storyOptions a {
	margin: 0 10px 0 0;}


.storyExcerpt .imgtfe {
	margin: 3px 10px 5px 0px;}


.storyExcerpt .entry a img {
	float: left;
	margin: 0 10px 5px 0;}


/* Single Page Story */

.story {
	padding-bottom: 25px;}

.story h2 {
	padding: 0 0 20px 0;
	color: #9e0b0f;}

.story .storyInfo {
	width: 625px;
	height: 35px;
	padding: 10px 0 15px 0;
	font-size: 90%;
	clear: both;
	color: #333;}

.story .storyInfo .photo {
	height: 35px;
	width: auto;
	float: left;
	margin: 0 5px 0 0;}

.story .storyInfo .authorInfo {
	padding: 0 0 3px 0;}

.story p {
	padding: 10px 0 0 0;}

.story .storyInfo .storyOptions {
	padding: 3px 0 0 0;
	float: left;
	font-size: 85%;
	border-top: 2px solid #fff;}

.story .storyInfo .storyOptions a {
	margin: 0 10px 0 0;}

.story .tags {
	font-size: 80%;
	padding: 15px 0 25px 0;}

.story .postmetadata {
	padding: 10px;
	font-size: 90%;
	background: #f3f3f3;
	border: 2px solid #eee;}

.story ul {
	font-size: 120%;
	padding: 15px 25px;}

.story img {
	margin: 20px;}


/* Comments */

h3#comments {
	font-size: 190%;
	font-weight: bold;
	padding: 25px 0 5px 0;}

.commentForm {
	width: 230px;
	float: right;
	padding: 10px;
	margin: 0 0 -5px 0;
	background: #ceeaa3;}

.commentForm h4 {
	font-size: 120%;}

.commentForm label {
	padding: 0px 0 0 0;
	font-size: 90%;
	color: #666;
	display: block;}

.commentForm .sublabel {
	float: right;
	clear: both;
	margin: 2px 0 -2px 0;
	font-size: 50%;
	color: #666;}

.commentForm input,
.commentForm textarea {
	width: 223px;
	height: 18px;
	padding: 3px;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	border: 1px solid #ddd;}

.commentForm textarea {
	width: 223px;
	height: 194px; }

.commentForm input.btnComment {
	width: auto;
	height: auto;
	float: right;
	margin: 5px 0 0 0;
	font-family: "Century Gothic", Arial, Sans-serif;
	font-size: 100%;
	color: #000;
	background: #fff;}

ul.comments {
	width: 350px;
	padding: 0 0 50px 0;
	float: left;
	list-style: none;}

ul.comments li.title {
	padding: 0 0 10px 0;}

.noComments {
	width: 350px;
	height: 393px;
	background: url('images/bgNoComments.gif') no-repeat;}

li.comment {
	width: 330px;
	padding: 10px;}

li.comment {}

li.comment.even {
	background: #f3f3f3;}

li.comment .commentNo {
	float: right;
	font-family: Palatino, "Times New Roman", serif;
	font-size: 125%;
	color: #6090a7;}

li.comment .fn {
	font-family: "Century Gothic", Arial, Sans-serif;
	font-size: 115%;
	line-height: 0.8em;
	letter-spacing: -0.02em;}

li.comment small {
	padding: 0 0 10px 0;
	font-size: 75%;
	color: #999;}

li.comment .avatar {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;}

li.comment .comment-meta {
	font-size: 60%;}

li.comment .comment-meta a {
	color: #999;}

li.comment p {
	padding: 10px 0 0 0;
	font-size: 75%;}



/* Navigation */
	
ul.entryNav {
	width: 625px;
	float: left;
	padding: 25px 0;
	list-style: none;
	font-size: 135%;}

ul.entryNav li {
	float: left;}

ul.entryNav a {
	color: #000;}

ul.entryNav li.ellipsis {
	padding: 7px 25px 0;
	font-size: 130%;
	color: #990000;
	line-height: 0.5em;}

ul.entryNav img {
	width: 27px;
	height: 27px;
	margin: 0 0 -7px 0;
	background: url('images/btnNavEntry.gif') top left no-repeat;}	

ul.entryNav img.ellipsis {
	width: auto;
	height: auto;
	background: none;}

a .btnPrev,
a:visited .btnPrev {
	background-position: 0 0;}
a:hover .btnPrev,
a:visited:hover .btnPrev,
a:active .btnPrev,
a:visited:active .btnPrev {
	background-position: 0 -28px;}

a .btnNext,
a:visited .btnNext {
	background-position: -28px 0;}
a:hover .btnNext,
a:visited:hover .btnNext,
a:active .btnNext,
a:visited:active .btnNext {
	background-position: -28px -28px;}
	

/* Sidebar */

.colRight h4 {
	font-size: 135%;}

.colRight .search {
	width: 246px;
	height: 31px;
	padding: 7px 2px 2px 2px;
	background: url('images/bgSearch.gif') left 5px no-repeat}


.search label.hidden {
	display: none;}

.colRight .search input {
	padding: 7px 0px 4px 5px;
	background: transparent;
	border: none;}


.colRight .search input#s {
	width: 205px;
	height: 20px;
	float: left;
	font-family: Palatino, "Times New Roman", serif;
	font-size: 140%;
	color: #666;}

.colRight .search input#searchsubmit {
	width: 31px;
	height: 31px;
	float: left;
	margin: 0 0 0 3px;
	background: url('images/btnSearch.gif') top left no-repeat;}

.colRight .sideIcon {
	width: 20px;
	height: 20px;
	margin: 0 0 -3px 0;
	background: url('images/iconSidebar.gif') top left no-repeat;}

.colRight #sosauce {
	background-position: 0 0;}
	
.colRight #twitter {
	background-position: -20px 0;}
	
.colRight #journal {
	background-position: -40px 0;}

.colRight .subscribe {
	width: 230px;
	padding: 25px 10px;
	text-align: center;}

.colRight .subscribe a {
	color: #000;}

.subscribe .btnRSS {
	width: 30px;
	height: 30px;
	margin: 0 0 -7px 0;
	background: url('images/btnRSS.png') top left no-repeat;}	

.subscribe h3 {
	display: inline;}

.colRight .about {
	width: 230px;
	padding: 0px 10px 40px 10px;
	margin: 10px 0 20px 0;
	background: url('images/bgAbout.png') bottom left no-repeat;}
	
.ie6 .colRight .about {
	background: url('images/bgAbout.gif') bottom left no-repeat;}

.colRight a.more {
	padding: 5px 0 0 0;
	float: right;}

.about .capTop {
	width: 250px;
	height: 10px;
	float: left;
	margin: -10px 0 0 -10px;
	background: url('images/bgAbout.png') top left no-repeat;}

.ie6 .about .capTop {
	background: #dcdcdc url('images/bgAbout.gif') top left no-repeat;}

.about p,
.sosaucer p {
	font-size: 90%;
	color: #666;}

.about ul {
	list-style: none;
	padding: 4px 8px;}
	
.about li {
	width: 45px;
	padding: 10px 4px;
	float: left;}

.about li img {
	width: 45px;
	height: 45px;
	background: url('images/iconAboutApp.gif') top left no-repeat;}

a img.iconTrip,
a:visited img.iconTrip {
	background-position: 0 0;}
a:hover img.iconTrip,
a:visited:hover img.iconTrip,
a:active img.iconTrip,
a:visited:active img.iconTrip {
	background-position: 0 -45px;}

a img.iconGuide,
a:visited img.iconGuide {
	background-position: -45px 0;}
a:hover img.iconGuide,
a:visited:hover img.iconGuide,
a:active img.iconGuide,
a:visited:active img.iconGuide {
	background-position: -45px -45px;}

a img.iconPhoto,
a:visited img.iconPhoto {
	background-position: -90px 0;}
a:hover img.iconPhoto,
a:visited:hover img.iconPhoto,
a:active img.iconPhoto,
a:visited:active img.iconPhoto {
	background-position: -90px -45px;}

a img.iconJournal,
a:visited img.iconJournal {
	background-position: -135px 0;}
a:hover img.iconJournal,
a:visited:hover img.iconJournal,
a:active img.iconJournal,
a:visited:active img.iconJournal {
	background-position: -135px -45px;}

.about li .label {
	width: 45px;
	font-size: 75%;
	text-align: center;}

.about li a .label {
	color: #000;}

.makingRounds,
.socialNetworks,
.blogroll,
.listCats,
.sosaucer {
	width: 230px;
	padding: 10px 10px 30px 10px;
	background: url('images/bgSidebar.gif') top left no-repeat;}

.makingRounds div {
	padding: 5px 0 0 0;
	text-align: center;}

.makingRounds img {
	margin: 5px 0 0 0;}

.makingRounds .linkRow {
	font-size: 75%;
	padding: 0 0 5px 0}


.socialNetworks .tweet {	
	padding: 10px 0 0 0;
	font-family: Palatino, "Times New Roman", serif;
	font-size: 135%;
	color: #333;
	text-align: center;}

.tweet .twitter-timestamp {
	font-family: 'Century Gothic', Helvetica Neue, Arial, sans-serif;
	font-size: 85%;
	color: #666;
	border: none;}

.socialNetworks .label {
	padding: 5px 0 0 0;
	font-family: 'Century Gothic', Helvetica Neue, Arial, sans-serif;
	font-size: 85%;
	text-align: center;
	color: #666;}

.socialNetworks .label img {
	margin: 2px 5px;}

.linkList {
	width: 190px;
	padding: 10px 20px;
	font-family: "Century Gothic", Arial, Sans-serif;
	font-size: 115%;
	text-align: center;}

.blogroll ul,
.blogroll li {
	list-style: none;}

.blogroll ul.blogroll {
	background: none;}

.blogroll li {
	padding: 0 0 5px 8px;}

.blogroll .linkcat h2 {
	display: none;}

.sosaucer ul {
	list-style: none;
	padding: 10px 0 0 0;}

.sosaucer ul li {
	width: 230px;
	float: left;
	padding: 0 0 10px 0;
	font-size: 75%;
	clear: both;}

.sosaucerPic {
	float: left;
	margin: 0 5px 0 0;}

.joinSosauce {
	padding: 10px 0;}
	
.joinSosauce img {
	width: 250px;
	height: 45px;
	background: url('images/btnJoinSosauce.png') top left no-repeat;}

.joinSosauce a img,
.joinSosauce a:visited img {
	background-position: 0 0;}
	
.joinSosauce a:hover img,
.joinSosauce a:visited:hover img,
.joinSosauce a:active img,
.joinSosauce a:visited:active img {
	background-position: 0 -46px;}

.listCats li.categories {
	width: 175px;
	padding: 0;
	margin: -18px 0 0 23px;
	list-style-type: none;}

li.categories ul {
	margin: 10px 0;
	list-style: none;
	font-size: 75%;}

li.categories ul li {
	padding: 1px 0;
	font-family: 'Helvetica Neue', Arial, sans-serif;}

li.categories ul ul {
	font-size: 100%;
	margin: 0 0 0 10px;}


/* Sidebar Ad Space */

.adContainer {
	width: 250px;
	padding: 75px 0 0 0;
	font-size: 80%;
	color: #ccc;}

.ad250 {
	width: 250px;
	height: 250px;
	margin: 3px 0 -3px 0;
	background: #999;}



/* Content Footer */

.cFooter {
	padding: 15px 50px 25px 50px;
	clear: both;
	background: url('images/bgCFooter.gif') top left repeat-x;}

.cFooter h3 {
	padding: 0 0 25px 0;}

.cFooter .entNum {
	padding: 0 0 25px 0;
	font-size: 80%;
	color: #666;}

.cFooter ul {
	width: 650px;
	float: left;
	padding: 15px 0 30px 0;
	list-style: none;}

.cFooter li.teamMem {
	width: 150px;
	height: 35px;
	padding: 5px 10px 0 0;
	float: left;}

li.teamMem .profilePic {
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 5px 0 0;}

/* Footer */

#footer {
	position: relative;
	margin-top: -35px;
	height: 35px;
	clear: both; } 


/* Page Design - Archives, About */

.page {
	width: 924px;}

.page p {
	padding: 15px 0 0 0;}

h2.pageTitle,
h2.pagetitle {
	clear: both;
	padding: 0 0 10px 0;
	font-size: 250%;
	text-transform: uppercase;
	line-height: 1.0em;}

div.subTitle {
	margin: -10px 0 0 0;
	font-size: 110%;
	color: #333;}

.entryNum {
	padding: 0 0 25px 0;
	font-size: 90%;
	color: #666;}

.aboutSosauce {
	margin: 0 0 25px 0;}

.aboutSosauce p {
	width: 600px;
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 110%;}

.sosauceApps {
	width: 550px;
	height: 250px;
	padding: 10px;
	float: right;
	margin: 0 0 0 25px;
	text-align: center;
	background: url('images/bgAboutSosauceApps.gif') top left no-repeat;}

.sosauceApps ul {
	padding: 0px 5px 0 5px;
	list-style: none;}

.sosauceApps ul li {
	width: 115px;
	height: 150px;
	float: left;
	margin: 0 10px;}

.sosauceApps ul li img {
	width: 115px;
	height: 115px;
	background: url('images/btnAboutAppIcons.gif') top left no-repeat;}

.sosauceApps a .iconTrip,
.sosauceApps a:visited .iconTrip {
	background-position: 0 0}
.sosauceApps a:hover .iconTrip,
.sosauceApps a:visited:hover .iconTrip,
.sosauceApps a:active .iconTrip,
.sosauceApps a:visited:active .iconTrip {
	background-position: 0 -115px;}

.sosauceApps a .iconGuide,
.sosauceApps a:visited .iconGuide {
	background-position: -115px 0}
.sosauceApps a:hover .iconGuide,
.sosauceApps a:visited:hover .iconGuide,
.sosauceApps a:active .iconGuide,
.sosauceApps a:visited:active .iconGuide {
	background-position: -115px -115px;}
	
.sosauceApps a .iconPhoto,
.sosauceApps a:visited .iconPhoto {
	background-position: -230px 0}
.sosauceApps a:hover .iconPhoto,
.sosauceApps a:visited:hover .iconPhoto,
.sosauceApps a:active .iconPhoto,
.sosauceApps a:visited:active .iconPhoto {
	background-position: -230px -115px;}
	
.sosauceApps a .iconJournal,
.sosauceApps a:visited .iconJournal {
	background-position: -345px 0}
.sosauceApps a:hover .iconJournal,
.sosauceApps a:visited:hover .iconJournal,
.sosauceApps a:active .iconJournal,
.sosauceApps a:visited:active .iconJournal {
	background-position: -345px -115px;}

.sosauceApps ul li .iconLabel {
	padding: 5px 0 0 0;
	font-family: "Century Gothic", Arial, Sans-serif;
	font-size: 120%;}

.sosauceApps ul li .appDesc {
	padding: 5px 0 0 0;
	font-size: 75%;
	color: #999;}

.page ul.teamSosauce {
	float: left;
	margin: 0 0 25px 0;
	list-style: none;
	clear: both;}

.page ul.teamSosauce li {
	width: 600px;
	padding: 0 25px 0 0;
	margin: 0 0 10px 0;
	float: left;}

.page ul.teamSosauce li h4 {
	margin: -15px 0 0 0;}

ul.teamSosauce .profilePic {
	float: left;
	margin: 3px 10px 0 0;}

ul.teamSosauce h4 {
	font-size: 200%;
	line-height: 1.0em;}

ul.teamSosauce .jobTitle {
	font-size: 95%;
	color: #666;
	font-style: italic;}

ul.teamSosauce p {
	padding: 5px 0 0 0;
	margin: 0 0 0 160px;
	font-size: 110%;}

/* Facebook It */

p.facebook {
	display: inline;}

p.facebook a {
	font-size: 80%;
	text-decoration: none;
}

p.facebook a:hover {
	text-decoration: underline;
}


p.facebook img {
	display: none;
	margin: 1px 5px 0 0;
}

/* Contact Us Page */

#post-5195 .entry p {
	font-size: 120%;}



/* Clear Fix for Safari */

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

.clearfix {
	display: inline-block;}