/*  
Theme Name: Big Easy
Version: 1.0.4
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/* Eric Meyer's CSS Reset */
@import url("reset.css");

/* Custom styles */
@import "custom.css";

/* default measurements & positioning for all elements are included below, based on the solid color versions of this theme (measurements are overridden as needed in the alternate stylesheets) */

html {
	height:100%; /* required for full-height left and right shadows */
	min-width:960px;
}
body {
	position:relative;
	text-align:center;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
}

/* top border and shadow */
#wrapper {
	padding-top:15px;
	padding-bottom:28px;/* + 52px padding on #wrapper2 = 80px footer height for solid themes */
}
/* bottom border and shadow */
#wrapper2 {
	padding-bottom:52px;
}
/* content background texture */
#wrapper3 {
	border-width:6px 0;
	border-style:solid;
}

#shadow-left {
	z-index:0;
	position:fixed;
	top:0;
	left:0;
	width:100px;
	height:100%;
	background:url(styles/images/bg-shadow-left.png) repeat-y;
}
#shadow-right {
	z-index:0;
	position:fixed;
	top:0;
	right:0;
	width:100px;
	height:100%;
	background:url(styles/images/bg-shadow-right.png) repeat-y right;
}

/* centered container for all content */
#container {
	z-index:10;
	position:relative;/* needed to position the bottom border on the sidebar */
	margin:-6px auto;
	width:960px;
	text-align:left;
}

#content {
	float:right;
	width:520px;
	margin-right:10px; /* reverse float directions and this margin to swap columns */
	padding-top:15px;
}

#sidebar {
	float:left;
	width:390px;
	padding:40px 10px 0;
	border-width:6px 0 0;
	border-style:solid;
}
#sidebar-border {
	position:absolute;
	bottom:0;
	left:0;
	width:410px;
	height:6px;
}

#skiptocontent {
	display:none;
}

#title {
	margin-left:-4px;
	font-size:72px;
	line-height:60px;
	letter-spacing:-3px;
	text-shadow:rgba(0,0,0,.15) 3px 3px 0;
}

#title a  {
	text-decoration: none;
}

#nav {
	margin:60px -10px 40px -10px;
}
#nav li {
	font-size:30px;
	font-weight:bold;
	height:24px;
	line-height:24px;
}
#nav li a {
	display:block;
	padding-left:10px;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:rgba(0,0,0,.15) 2px 2px 0;
}

#footer {
	clear:both;
	position:relative;
	height:0;
	padding-left:10px;
}
#footer p {
	margin-bottom:-4px;
	padding-top:12px;
	color:#999;
	font-size:14px;
	font-weight:bold;
}

#poweredby-woothemes,
#poweredby-wordpress {
	float:left;
	padding:2px 3px;
	color:#999;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
#poweredby-woothemes:hover,
#poweredby-wordpress:hover {
	background-color:rgb(19,19,19);
	background-color:rgba(0,0,0,.35);
	color:#ccc;
}
#poweredby-woothemes {
	position:relative;
	height:13px;
	margin-right:6px;
	padding-right:89px;
}
#poweredby-woothemes strong {
	display:block;
	position:absolute;
	top:-1px;
	right:2px;
	width:83px;
	height:22px;
	background:url(styles/images/logo-woothemes.png) no-repeat;
	text-indent:-9999px;
}
#syndication {
	position:absolute;
	left:410px;
	height:30px;
	padding:12px 20px 0;
	background:rgba(0,0,0,.2);
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	font-size:14px;
	color:#999;
}
#syndication h4,
#syndication ul,
#syndication ul li {
	display:inline;
}
#syndication ul {
	margin-left:5px;
}
#syndication ul li a {
	background:url(styles/images/icon-rss.png) no-repeat 3px;
	color:#808080;
	text-decoration:none;
	padding:3px 3px 3px 25px;
}
#syndication ul li a:hover {
	background-color:rgb(14,14,14);
	background-color:rgba(0,0,0,.35);
	color:#ccc;
}

/* module defaults */
.module {
	clear:both;
	position:relative;
	margin-bottom:24px;
	padding-bottom:12px;
	border-bottom:6px solid;
}

.module2 { border: 0!important;}
/* borrow the "clearfix" styles and apply them to all modules to self-clear contained floats */
.module:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.module {display:inline-block;}
/* Hide from IE Mac \*/
* html .module {height:1%;}
.module {display:block;}
/* End hide from IE Mac */

h2.module-title {
	margin:0;
	margin-left:-2px; /* compensates for inaccurate positioning in Safari */
	/* height, font-size and line-height are set based on Safari's positioning, to force the headings to only take up space equal to the height of the letters; tweaking may be needed for other browsers. */
	height:40px;
	font-size:42px;
	line-height:26px;
	letter-spacing:2px;
	text-transform:uppercase;
    font-weight: 700;
}

.module-title {
    margin:0;
    margin-left:-2px; /* compensates for inaccurate positioning in Safari */
    /* height, font-size and line-height are set based on Safari's positioning, to force the headings to only take up space equal to the height of the letters; tweaking may be needed for other browsers. */
    height:40px;
    line-height:26px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight: 700;
}



#sidebar .module h3.entry-title,
#content .module h3.entry-title {
	margin-top:-5px;
	margin-bottom:10px;
	font-size:36px;
	text-shadow:rgba(0,0,0,.1) 3px 3px 0;
}
.module h3.entry-title a {
	text-decoration:none;
}
#content .module h2 {
	margin:1em 0 .25em;
	font-size:22px;

}
#content .module h3 {
	margin:1em 0 .25em;
	font-size:16px;
}
#content .module h3 a:hover {
	text-decoration:underline;
}
.module p {
	margin-bottom:1em;
	font-family:georgia,"times new roman",serif;
	font-size:16px;
	line-height:20px;
}
.module p a {
	padding:1px 2px;
	font-weight:bold;
	text-decoration:none;
}
fcontent .module ul, #content .module ol {
	margin:1em;
}
#content .module ul li, #content .module ol li {
	font-family:georgia,"times new roman",serif;
	font-size:16px;
	line-height:20px;
}
#content .module ul li:before {
  /* content:"\00BB \0020"; */
}
#content .module ol {
	padding: 0 0 0 20px;
}
#content .module ol li {
	list-style: decimal;
	color: #fff;
}
#content .module blockquote {
	margin:.75em 0;
	padding:.75em 1em;
	font-style:italic;
}
#content .module blockquote p {
	margin:0;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {
	color: #fff;
}
#sidebar .module .link-ancillary,
#content .link-ancillary {
	position:absolute;
	top:8px;
	right:0;
	margin:0;
	font-size:12px;
	font-weight:bold;
	font-family:inherit;
	line-height:1;
}
.link-ancillary a {
	float:left;
	margin-left:5px;
	padding:3px 3px 4px;
	text-decoration:none;
	opacity:.5;
}
.link-ancillary a:hover {
	opacity:1;
}

/* Bookmarks in Content*/

#content .module ul#bookmarks {
 margin: 0; list-style: none!important;
}
#content .module ul#bookmarks li {
 margin: 0; list-style: none!important; 
}


/* blog module */
#content .module .entry-meta {
	margin-bottom:6px;
	font-family:inherit;
	font-size:12px;
	font-weight:bold;
}
.module .entry-meta a {
	background:transparent;
	text-decoration:none;
}
#content .module .entry-meta a:hover {
	text-decoration:underline;
}
#sidebar .module .readmore,
#content .module .readmore {
	margin-top:16px;
	margin-bottom:0;
	font-family:inherit;
	font-size:12px;
	font-weight:bold;
}
.module .readmore a {
	padding:3px;
	text-decoration:none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity:.5;
}
.module .readmore a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}


/* blog comment form */
#commentform {
}
#commentform table {
	width:98%;
	border-collapse:collapse;
}
#commentform p {
	margin: 0;
}
#commentform label {
	display:block;
	font-size:16px;
}
#author,
#email,
#url,
textarea#comment  {
	height:26px;
	margin-top:3px;
	margin-bottom:10px;
	padding:2px 4px;
	border:3px solid;
	font-size:14px;
}
#author { width:238px;margin-right:20px; }
#email,#url { width:238px; }
textarea#comment  {
	width:510px;/* 520 - 2x2px padding - 2x3px border */
	height:100px;
	padding:4px;
	border:3px solid;
}
#comment-submit {
	height:26px;
	padding:0 5px;
	font-family:inherit;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	border:none;
}
#comment-submit:hover {
	background:rgba(0,0,0,.9);
	cursor:pointer;
}


/* blog comments */
ol.commentlist li.comment {
	position:relative;
	margin-bottom:3px;
	padding:10px 10px 0 75px;
	list-style: none!important;
}
#content ol.commentlist li.comment ul.children {
	background:url(styles/images/bg-comment-arrow.png) no-repeat 10px 0;
	margin:0;
	margin-left:-75px;
	padding-left:61px;
}
#content ol.commentlist li.comment ul.children li:before {
	content:"";/* overrides the default */
}
ol.commentlist li.comment ul.children li {
	margin-right:-10px;
	margin-bottom:0;
	border-style:solid;
	border-width:3px 0 0 3px;
}
ol.commentlist .gravatar {
	position:absolute;
	top:10px;
	left:10px;
}
ol.commentlist .gravatar img {
	border:3px solid;
}
ol.commentlist .comment-author {
	float:left;
	width:100px;
}
#content ol.commentlist .author-info h3,
#content ol.commentlist .author-info h3 a,
#content ol.commentlist .author-info p,
#content ol.commentlist .author-info p a {
	font-family:"helvetica neue", helvetica, arial, sans-serif;
}
#content ol.commentlist .author-info h3,
#content ol.commentlist .author-info h3 a {
	margin:0;
	font-size:13px;
}
#content ol.commentlist .author-info p {
	margin-top:10px;
	margin-bottom:0;
	font-size:11px;
	line-height:13px;
}
#content ol.commentlist .author-info p a {
	padding:0;
}
ol.commentlist .comment-text {
	margin-left:110px;
	font-family:georgia,"times new roman",serif;
}
ol.commentlist .comment-text p {
	margin-bottom:1em;
}
ol.commentlist .comment-text p:last-child {
	margin-bottom:0;
}


/* recent work / portfolio module */
.portfolio {
	display:block;
	position:relative;
	width:520px;
	height:170px;
	margin-top:-1px;
	text-decoration:none;
    background: black url(images/view.png) top center no-repeat;
}
.portfolio.casestudy {
	margin-bottom:1em;
}
.portfolio-preview { background: #000 url(images/load.gif) 50% 50% no-repeat; overflow: hidden; position: relative;}
.portfolio-preview span { position: absolute;  bottom:0; left: 0; width: 500px; height: 20px; padding: 10px; color: #fff;background:rgba(0, 13, 19, 0.7)}
.portfolio-thumb { float: left; display: block; margin: 0 25px 25px 0; cursor: pointer; }
.portfolio-thumb-preview { margin-top: 20px;}

.portfolio-preview-title { margin: 15px 0; color: #fff; border: 0; font-size: 15px;}
.portfolio-preview-instruct { margin: 20px 0 10px; font-size: 10px; color: #fff; letter-spacing: 0px;}

#content .portfolio-list  {
	margin:0;
	margin-right:-10px;
}
#content .portfolio-list li {
	float:left;
	margin-top:10px;
	margin-right:10px;
	font-family:inherit;
}
#content .portfolio-list li:before {
	content:"";
}
.portfolio-list li a {
	display:block;
	position:relative;
	width:255px;
	height:120px;
	text-decoration:none;
}
.portfolio img,
.portfolio-list img {
	display:block;
}
.portfolio-meta {
	position:absolute;
	top:0;
	left:0;
	width:500px;
	height:150px;
	border:10px solid rgba(0,0,0,.1);
}
.portfolio-list .portfolio-meta {
	width:235px;
	height:100px;
}
.portfolio-title {
	position:absolute;
	left:-10px;
	bottom:-10px;
	width:336px;
	height:32px;
	padding:2px 182px 2px 2px;
	font-size:18px;
	font-weight:bold;
	line-height:15px;
	text-transform:uppercase;
}
/* hacked for FF2 */
.portfolio-title, x:-moz-any-link {
	/* styles for Firefox 2.0 here */
	left:0;
	bottom:-20px;
}
.portfolio-title, x:-moz-any-link, x:default {
	/* restore styles for Firefox 3.0 and newer */
	left:-10px;
	bottom:-10px;
}
.portfolio.casestudy .portfolio-zoom {
	position:absolute;
	left:-10px;
	bottom:-10px;
	padding:6px;
	font-size:12px;
	font-weight:bold;
}
.portfolio-list .portfolio-title {
	width:251px;
	height:25px;
	font-size:14px;
	line-height:12px;
}
.portfolio-title em {
	display:block;
	font-style:normal;
}
.portfolio-readmore {
	position:absolute;
	right:0;
	bottom:0;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
}
.portfolio-readmore, x:-moz-any-link {
	/* styles for Firefox 2.0 here */
	right:-10px;
    bottom:-10px;
}
.portfolio-readmore, x:-moz-any-link, x:default {
	/* restore styles for Firefox 3.0 and newer */
	right:0;
	bottom:0;
}
.portfolio-list .portfolio-readmore {
	line-height:10px;
}
.portfolio-readmore:hover {
	text-decoration:underline;
}


/* search */
#search label {
	display:none;
}
#search input,
#search #keywords {
	float:left;
	width:125px;
	height:26px;
	font-family:inherit;
	font-size:14px;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
#search #keywords {
	width:250px;
	margin-right:5px;
	padding:0 5px;
	font-size:18px;
	cursor:default;
}


/* twitter */
#twitter_update_list {
	background:url(styles/images/bg-twitter-quote.png) no-repeat left 10px;
	padding:10px;
	margin-bottom: -20px;
}
#twitter_update_list li {
	margin:0 0 20px 0;
	font-family:georgia,"times new roman",serif;
	font-style:italic;
	font-size:18px;
	line-height:24px;
}
#twitter_update_list li a:hover {
	text-decoration:underline;
}


/* flickr */
.flickr_badge_image {
	float:left;
	margin-right:2px;
}
.flickr_badge_image a img {
	width:70px;
	height:70px;
	padding:1px;
	border:2px solid;
}
.flickr_badge_image a:hover img {
	
}


/* advert_300x250 */

#advert_125 img  {
	margin:0 10px 10px 0;
}

/* widget */

.widget ul  {
	margin:0 -10px 40px -10px;
}

.widget ul li  {
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}

.widget ul li a  {	
	display:block;
	padding-left:10px;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:rgba(0,0,0,.15) 2px 2px 0;
	color: #E2F0D6;
}

.widget ul li a:hover  {
	color: #F4FFDA;
	background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
}

ul#recentcomments  {
	margin-left: 0;
}

ul#recentcomments li  {
	margin-left: 0;
	color: #E2F0D6;
}


/* bookmarks / recent entries (uses #bookmarks and .bookmark- prefix for both; feel free to make this more abstract) */
#bookmarks li a {
	display:block;
	min-height:40px;
	margin-bottom:3px;
	padding:10px;
	overflow:hidden;
	font-weight:bold;
	text-decoration:none;
}
#bookmarks li a:hover {
	background-image:url(styles/images/bg-bookmark-arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.bookmark-date {
	display:block;
	margin-top:-1px;
	margin-bottom:1px;
	font-size:10px;
}
.bookmark-title {
	display:block;
	margin-bottom:2px;
	font-size:16px;
}
.bookmark-url,
.bookmark-meta {
	display:block;
	font-size:12px;
}

.textwidget { color:#fff}


/* categories */
#content #categories {
	margin:0;
	margin-right:-10px;
}
#content #categories li {
	float:left;
	width:255px;
	margin-right:10px;
	margin-bottom:3px;
	font-family:inherit;
	line-height:1;
}
#content #categories li:before {
	content:"";
}
#categories li a {
	display:block;
	height:28px;
	padding:8px 10px;
	overflow:hidden;
	font-weight:bold;
	text-decoration:none;
}
#categories li a:hover {
	background-image:url(styles/images/bg-category-arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.category-title {
	display:block;
	margin-top:-1px;
	margin-bottom:2px;
	font-size:18px;
}
.category-info {
	display:block;
	font-size:10px;
}


/* tags */
#tags {
	margin:0;
	font-family:inherit;
	font-size:36px;
	line-height:24px;
	text-align:justify;
}
#tags a {
	font-weight:bold;
	text-decoration:none;
}

.spacer { height: 20px;}

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.wp-smiley  {
    padding: 0;
    border: none;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }
/* End Images */