/* @override 
	http://mike.tersieff.com/wordpress/wp-content/themes/westsidecreative/style.css
	http://jesserosten.com/wordpress/wp-content/themes/westsidecreative/style.css
*/

/*
Theme Name: Westside Creative
Theme URI: http://wordpress.org/
Description: Theme for design, photography, and video portfolios for individual members of Westside Creative.
Version: 1.9
Author: Michael Tersieff
Author URI: http://mike.tersieff.com/
Tags: custom

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

*/

/* Notes: keep all lowercase, use dash if necessary NOT underscore_ */

/* @group Body */


body {
	margin:0;
	padding:0;
	-webkit-text-size-adjust: none;
	/*background-color: #EBEBEB;*/
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.clearfloat, html .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    padding: 0;
    margin: 0;
}

/* @end */

/* @group Main Structure */
#wrapper {
	/*background-color: #EBEBEB; - use body for color*/
	margin: 0;
	padding: 0;
}
#container {
	position:relative;
	display: block;
	margin:0 auto;
	width: 993px;/*990 IE 6 has an issue with 990 - forces column2 down*/
	padding:20px 0 0;
	}
#header {
	position:relative;
	margin:0;
	width:100%;
	padding:0;
	z-index: 999;
	}
/* @end */

/* @group Slider
 */

#slider-wrapper {
	position:relative;
	margin:20px 0 0;
	width:100%;
	padding:0;	
}
#slider-container {
	height:404px; /*original was 485px*/
	z-index:999;
	margin:0 auto;
	position: relative;
	display: block;
	width: 970px; /* was 990px wo border */
	overflow: hidden;
	border: 10px solid #1c1c1c;
}
#slider img {
	margin: 0;
	padding: 0;
	/*border: 10px solid #1c1c1c;*/
	/*position:relative;
	top: -100px;*/
}

div.slider-text {
	position: absolute;
	top: 10px;
	left: 10px;
}
div.slider-text h2 {
	float: left;
}
div.slider-text p {
	padding: 10px;
	display: inline-block;
	clear: left;
	float: left;
	margin: 0;	
}

#slider ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li 
{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	margin:0;
	padding:0;
	list-style:none;
	width:990px;
	height:505px;
	overflow:hidden; 
	
	display: block;
	position: relative;
}

p#controls1 {
	position: absolute;
	bottom: 0px;
	left: 10px;
	width: 950px;
}

p#controls1 #prevBtn a {
	padding: 10px;	
	float: left;
	margin: 0;
	text-decoration: none;
}
p#controls1 #nextBtn a {
	padding: 10px;
	float: right;
	margin: 0;
	text-decoration: none;
}

span#position1 {
	display: none;
}

div.post-pagecontent {
	/* This is the page content on the Featured Homepage */
	display: none;
}

/* @end */

/* @group General Text Styles */

img.circlebtns {
	position:relative;
	bottom:-2px;
	}
h1, h1 a, h1 a:link {
	margin: 0;
	padding: 10px 0;
	text-decoration: none;
	/*color: #333;*/
	font-weight: normal;
	font-size: 20px;
	}
h1.logo {
	display: block;
	position: absolute;

	width: 200px;
	overflow: hidden;
	text-align: left;
	
	top: 13px;
	left: 0px;
	z-index: 200;
}
body#archive-body h1.logo {
	left: 46px;
}
h2 {
	font-size: 24px;
	font-weight: normal;
	/*color: #333;*/
	margin: 0 0 20px;
	padding: 0;
	border: 10px solid;
	
	/* Hacks for inline-block for FF and IE */
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
h2.sub {
	/*position: absolute;
	left: 100px;*/
	/*display: none;*/
}
h2.recent-blog-posts {
	display: block;
	text-align: left;
}
body#category h2.sub, body#blog h2.sub, body.single h2.sub {
	display: none;
}
h3 {
	font-size: 20px;
	font-weight: normal;
	border: none;
	margin: 0 0 10px;
	padding: 0;
}
h2 a {
	/*color: #000;*/
	text-decoration: none;
}
h3 a {
	text-decoration: none;
}
#column2 #sidebar .listItem a:link, #column2 #sidebar .listItem a:visited {
	background-color: transparent;
}
h2.title-link {
	border: none;
	margin: 10px 0 30px 0;
}
h2.title-link a {
	border: 10px solid;
	height: 50px;
}
.pbutton a {
	padding: 10px;
	display: block;
	margin: 0 0 0 0;
	text-decoration: none;
}
a:link, a:visited {
	/*color: #333;*/
}
body#blog div.post a:link, body#blog div.post a:visited {
	color: black;
}
#filterWrap a, #filterWrap a:link {
	/*color:#000;*/
	text-decoration: none;
	}
#filterWrap a:hover, #filterWrap a:visited:hover, #filterWrap a:active {
	text-decoration: underline;
}
a img {
	border: none;
}
a.next {
	width:100px;
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0 15px 1px 0;
	margin: 0 3px 0 0;
	overflow: visible;
	}
a.next:link, a.next:active, a.next:visited {
	text-decoration:none;
	/*color:#000;*/
	}
a.next:hover, a.next:visited:hover {
	text-decoration:underline;
	/*color:#333300;*/
	padding:0 18px 0 0;
	margin:0;
	}
	
a.previous {
/* 	background-image:url(images/cirbtn_prev.gif); */
	width:100px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 1px 15px;
	margin:0 0 0 3px;
	overflow: visible;
	}
a.previous:link, a.previous:active, a.previous:visited {
	text-decoration:none;
	}
a.previous:hover, a.previous:visited:hover {
	text-decoration:underline;
	padding:0 0 1px 18px;
	margin:0 0 0 0;
	}

/* @end */

/* @group Top Nav */

#navheader {
	height:50px;
	z-index:999;
	margin:0 auto;
	position: relative;
	display: block;
	width: 990px;
}
.navholder {
	position: relative;
	/*width:658px; Hiding this aligns the nav to the right*/
	height: 60px;
	z-index:100;
}
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:6.4;
	font-size:11px;
	/*float: right;*/ /* needed for horizontal layout */
	text-align: right;
}
.nav ul {
	position:absolute;
	top:-999em;
	/*width:180px;*/
	line-height: 1.0;
}
.nav ul li {
	/*width: 100%;*/
}
.nav li {
	display: inline;
	/*float: left;*/
	position: relative;
	z-index: 999;
	padding: 0;
 	margin: 0 0 0 -.4em;
	white-space: nowrap;
}
.nav li a, .nav li a:link, .nav li a:visited {
	text-decoration: none;
	/*background-color: #ccc;*/
	padding: 10px;
}
.nav li a:hover {
	/*background-color: #b2b2b2;*/
}
.nav li.current-cat a,
.nav li.current_page_item a {
	/*background-color: #b2b2b2;*/
}

/* @end */

div#column1 {
	width: 660px; /* 10+640+10 */
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
	clear: none;
	text-align: right;
}
div.post {
	/*display: table; this allows the width to vary but has issues in IE */
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	/*width:414px;*/
}

div.flashcontent, div.multimedia {
	display: block;
	position: relative;
	width: 640px;
	height: 360px;
	margin: 0 0 20px 0;
	/*float: left;*/
}
div.multimedia {
	height: inherit;
}
body#blog div.flashcontent, body#blog div.multimedia {
	margin-bottom: 0;
	border-bottom: 0;
}
body#blog div.flashcontent {
	padding: 0 0 10px 0;
}
div.post div.flashcontent p {
	border: none;
}
div.multimedia-content {
	display: block;
	position: relative;
}
/*#nav-interior-wrap {
	height:50px;
	z-index:999;
	margin:0 auto;
	position: relative;
	display: block;
	width: 990px;
}*/
#nav-interior {
	position: relative;
	/*text-align: right;*/
	left: inherit;
	top: inherit;
	width: 306px;
	margin: 0 0 20px 354px;
	height: 30px;
	padding: 0;
	z-index: 10;
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
body#archive-wp #nav-interior {
	display: inherit;
}
body#blog #nav-interior {
	/*display: block;
	position: relative;
	text-align: right;
	left: inherit;
	top: inherit;
	width: 312px;
	margin: 30px 0 10px 349px;
	height: 30px;
	padding: 0;
	z-index: 10;*/
}

#nav-interior a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
 	margin: 0 0 0 -.4em;
 	position: relative;
 	height: 30px;
 	line-height: 30px;
	/*font-weight: normal;
	padding: 0;
	padding: 0;
	border: 10px solid;
	text-decoration: none;
	text-align: center;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;*/
}
#nav-interior span.newer {
	float: right;
}
#nav-interior span.older {
	float: right;
}
div.multimedia-content img {
	/* This removes the extra image that is being used for the video. This means no extra images can be used. */
	/*display: none;*/
}
div.multimedia-content div.sociable img {
	display: inherit;
}

div.photo-content {
	/*margin-top: 30px;*/
	width: 660px;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	position: relative;
	/*float: left;*/
	text-align: right;
	z-index: 1;

}

body#blog div.photo-content, 
body#blog div.multimedia-content {
	/*margin-top: 30px;*/
	width: 640px;
	/*background-color: #1c1c1c;*/
	margin: 0 0 0 0;
	padding: 10px 10px 1px;
	display: block;
	position: relative;
	/*float: left;*/
	text-align: left;
}

div.post p {
	margin: 0 0 20px 0;
	padding: 10px;
	
	/* Hacks for inline-block for FF and IE */
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
body#blog div.post p {
	padding-top: 0;
	display: block;
	/* Adding this fixed the image float, go figure */
}
div.post p.post-date {
	display: block;
}
div.post div.flashcontent p {
	padding: 0;
}

body#blog div.post div.photo-content p,
body#blog div.post div.multimedia-content p {
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px 0;
}
body#page div.post div.photo-content p {
	font-size: 12px;
	line-height: 16px;
}
body#blog div.post p.blog-date {
	font-style: italic;
	color: #777;
	font-size: 10px;
	text-align: left;
	padding: 0;
	margin: 0 0 0 10px;
	display: block;
	position: relative;
}

img.alignnone {
	padding: 0;
}
img.alignleft {
	float: left;
	padding: 0 10px 10px 0;
}
img.alignright {
	float: right;
	padding: 0 0 10px 10px;
}

div.post p img.alignright {
	float: right;
	padding: 0 0 0 10px;
}
body#index div.post-information {
	margin-bottom: 80px;
}
body#blog div.post-information {
	width: 640px;
	margin: 0 0 20px 0;
}
body#blog div.post-information p.post-info {
	margin: 10px 0 0;
}
body#blog.single div.post-information,
body.single div.post-information {
	margin-bottom: 20px;
}
/*body#blog div.post-information {
	float: left;
	clear: both;
	margin-bottom: 80px;
}*/
span.author-link {
	text-transform: capitalize;
}
div.post-info-buttons {
	position: relative;
	display: block;	
	margin: 0 0 20px 0;
	text-align: left;
	padding: 0;	
}
div.post-info-buttons p {
	padding: 0;
	margin: 0 8px 0 0;
}

div.post-information {
	position: relative;
	display: block;	
	width: 290px;
	padding: 0;
	margin: 0 0 20px 350px;
	text-align: left;
	padding: 1px 10px 9px;

	/*float: left;
	clear: both;*/
	/*margin-bottom: 80px;*/
}

div.post-information p {
	padding: 10px 0 1px;
	margin: 0;
	/*display: block;*/
	line-height: 13px
}

div.post-information p.share-enjoy a img {
	margin: 0 0 0 3px;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
div.post-information p.share-enjoy a img:hover, div.post-information p.share-enjoy a img:visited:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


body#archive-wp div.post-information p.share-enjoy a img {
	margin: 0 0 0 3px;
	float: none;
}
body#archive-wp div.post-information p.share-enjoy {
	/*margin: 0 0 0 3px;*/
}
div.post div.post-information-btn {
	position: relative;
	display: block;	
	/*width: 290px;*/
	padding: 0;
	/*margin: 0 0 0 350px;*/
	margin: 0;
	text-align: right;
	padding: 0px;
}
div.post div.post-information-btn p {
	background-color: transparent;
	padding: 0;
	/*display: inline-block;*/
}
div.post div.post-information-btn a, span.nonbtn {
	background-color: #1c1c1c;
	text-decoration: none;
	display: block;
	/*float: left;*/
	position: relative;
	line-height: 30px;
	height: 30px;
	padding: 0 8px;
	margin: 0 0;

	/* Hacks for inline-block for FF and IE */
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
div.post div.post-information-btn p.post-date a {
	float: none;
}
div.post div.post-information-btn a:hover {
	background-color: #fefbb6;
	color: black;
	text-decoration: none;
}
body#archive-wp div.post {
	display: block;
	position: relative;
	width: 640px;
	height: 190px;
	margin: 0 0 20px 0;
	padding: 10px 10px 0;
	text-align: left;
}
body#archive-wp div.post a img {
	float: left;
	margin-right: 10px;
}
body#archive-wp div.post p {
	margin: 0 0 10px 0;
	padding: 0;
	display: inherit;
	background-color: transparent;
	}
body#archive-wp div.post-information {
	position: relative;
	display: inherit;	
	width: inherit;
	padding: 0;
	margin: 10px 0 0;
	padding: 0;
	background-color: transparent;
}
body#archive-wp div.post h2 {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
	border: none;
	display: block;
}

#column2 ul li {
	display: block;
	list-style: none;
	position: relative;
	padding: 10px;
	margin-bottom: 20px;
	text-align: left;
	font-weight: bold;
}
#column2 ul li ul li {
	display: list-item;
	/*list-style: none;*/
	position: relative;
	padding: 6px 0 0;
	margin: 0;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	
/* 	list-style-image: url(images/css/li-arrow-323232.gif); */
	list-style-position: inside;
}
#column2 ul li.widget_links ul li,
#column2 ul li.widget_archive ul li {
	width: 130px; /*3 column: 80px / 2 column: 130px */
	/*display: inline-block;*/
	background: no-repeat left 7px;
	padding: 5px 0 0 11px;
	overflow: hidden;
	height: 13px;
	vertical-align: top;
	
	/* Hacks for inline-block for FF and IE */
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
#column2 ul li.widget_links ul li a:link,
#column2 ul li.widget_links ul li a:visited,
#column2 ul li.widget_archive ul li a:link,
#column2 ul li.widget_archive ul li a:visited {
	text-decoration: none;
}
#column2 ul li.widget_links ul li a:hover,
#column2 ul li.widget_links ul li a:active,
#column2 ul li.widget_links ul li a:visited:hover,
#column2 ul li.widget_archive ul li a:hover,
#column2 ul li.widget_archive ul li a:active,
#column2 ul li.widget_archive ul li a:visited:hover {
	text-decoration: underline;
}

li.widget h3 {
	font-size: 1.4em;
	padding: 0;
	margin: 0 0 5px 0;
}

li.widget_rss div.rssSummary {
	padding: 5px 0 5px 13px;
}
li.widget_rss cite {
	padding: 5px 0 10px 13px;
}
li.widget_rss a.rsswidget {
	padding-right: 2px;
}
/* @group Tag Cloud */

div#tag-cloud,
li#tag_cloud-2,
li.widget_tag_cloud {
	/*display: none;*/
	display: block;
	position: relative;
	padding: 10px 0 1px 10px;
	margin-bottom: 20px;
	/*background-color: #fff;*/
}
/*div#tag-cloud a,
li#tag_cloud-2 a,*/
li.widget_tag_cloud a {
	text-decoration: none;
}
/*div#tag-cloud a:hover, div#tag-cloud a:visited:hover,
li#tag_cloud-2 a:hover, li#tag_cloud-2 a:visited:hover,*/
li.widget_tag_cloud a:hover, li.widget_tag_cloud a:visited:hover {
	text-decoration: underline;
}
/*li#tag_cloud-2.widget_tag_cloud a,*/
li.widget_tag_cloud a {
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
}
li#tag_cloud-2 {
	/*background: url(images/css/cloud-top-323232.gif) no-repeat 10px 6px;*/
}
/*li#tag_cloud-2 .widget_body,*/
li.widget_tag_cloud .widget_body {
	padding: 5px 10px 20px;
	/*background: #323232 url(images/css/cloud-bottom-323232.gif) no-repeat 0 bottom;*/
}
/*li#tag_cloud-2 h3,*/
li.widget_tag_cloud h3 {
	margin-bottom: 10px;
	background-color: transparent;
}
/* @end */


/* @group Sidebar */


#column2 {
	margin: 0;
	padding: 0;
	width: 310px;
	/*clear: both;*/
	display: block;
	float: inherit;
	/*margin: 0 0 0 680px;*/
	position: absolute;
	top: 20px;
	right: 3px;
}

#column2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar {
	/*display: none;*/
	position:relative;
	display: block;
	/*background-color: #fff;*/
	padding: 10px 0 1px 10px;
	margin: 0 0 20px 0;
}
/* This is for the new widgetized version */
div#column2 ul li.widget_enhanced_recent {
	margin: 0;
	padding: 0;
}


#category-posts div.catbtn a,
#recent-posts div.catbtn a,
#recent-posts-pics div.catbtn a,
#tag-cloud div.catbtn a {
	padding: 10px;
	/*background-color: #ccc;*/
	display: block;
	position: relative;
	width: 270px;
	margin: 0 0 10px 0;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
}
#recent-posts div.catbtn a {
	/*margin-bottom: 0;*/
}
#category-posts div.catbtn a:hover,
#recent-posts div.catbtn a:hover,
#recent-posts-pics div.catbtn a:hover,
#tag-cloud div.catbtn a:hover {
	/*background-color: #b2b2b2;*/
}
#recent-posts .listItem a {
	width: 270px;
	display: block;
	padding: 10px;
	/*border-top: 1px solid #666;*/
	background-color: #323232;
	margin: 0 0 10px;
	text-decoration: none;
}
.listItem a img {
	/*display: block;
	position: relative;*/
	margin: 0 7px 10px 0;
	padding: 0;
	border: none;
	width: 90px;
	height: 90px;
	background-color: #333;

	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.listItem a img:hover, .listItem a img:visited:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

div#archive div.menu.listItem a img {
	display: block;
	position: relative;
	width: 90px;
	height: 90px;
}


#recent-posts-pics .listItem a img {
	width: 90px;
	height: 90px;
	margin-bottom: 0;
	border: solid 0 none;
	background-color: transparent;
	float: left;
}
#recent-posts-pics div.listItem {
	height: 90px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
}
#recent-posts-pics h3  {
	font-size: 1.3em;
	padding: 0;
	margin: 0 0 .5em 0;
	line-height: 1em;
	text-decoration: none;
}
#recent-posts-pics p {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

/* @end */

/* @group Footer */

#footer-container-off {
	width: 100%;
	/*background-color: #666;*/
}
#footer-container {
	width:990px;
	clear:both;
	margin:0 auto;
	padding:0;
	/*color:#999;*/
	}
#column2 #footer-container {
	width: 290px;
	margin: 0;
}
#footer {
	width: 290px;
	margin: 0 0 20px 349px;
	text-align: center;
	padding: 10px;
	/*background-color: #fff;*/
}
#column2 #footer {
	margin: 0;
}
#footer p {
	margin:0;
	padding:0;
	}

/* @end */

/* @group Comments */

#comments {
	margin: 0;
	padding: 0;
	/*float:right;*/
	/*clear: both;*/
	position: relative;
	display: block;
	margin-left: 350px;
}

#comment-list, #comment-form {
	width: 290px;
	/*background-color: #fff;*/
	padding: 10px 10px 1px;
	margin: 0 0 20px 0;
	display: block;
	position: relative;
	float: left;
	clear: both;
	text-align: left;
}
#comment-form {
	/*margin-bottom: 80px;*/
}

ol.commentlist {
	padding: 0;
	margin: 0;
	list-style: none;
}

.comment {
	display: block;
	width: 290px;
	margin: 5px 0px 10px;
	padding: 0;
	float: right;
}

.comment .text {
	display: block;
	width: 205px;
	color: #57390d;
	background: #fefcca;
	margin: 0;
	padding: 10px;
	float: left;
}
.comment .author {
	display: block;
	width: 50px;
	text-align: center;
	float: right;
}
.comment .author p {
	padding: 0;
	margin: 4px 0;
}
.comment.odd .author {
	float: left;
}
.comment.odd .text {
	float: right;
}
.comment .text p { 
	font-size: 11px;
	line-height: 14px;
	padding: 0;
	margin: 0 0 5px 0;
}

.comment .text p.metadata {
	font-size: 0.9em;
	text-align: left;
	margin: 0;
	padding: 0;
}

.comment .metadata, .comment .metadata a { 
	text-decoration: none;
}
.comment .metadata a:hover, .comment .metadata a:visited:hover { 
	text-decoration: underline 
}

.awaitmod { font-weight: bold }

form label {
	display: block;
	margin: 0 0 10px;
}

form#commentform {
	width: 278px;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

form textarea,
form#searchform input#s,
form input#author,
form input#email,
form input#url {
	width: 100%;
	border: solid 1px #ccc;
	padding: 5px;
	margin-bottom: 5px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;

	border: 1px solid #e5e5e5;
	border-width: 1px 0 0 1px;

}
form#searchform input#s {
	width: 220px;
	/*margin-bottom: 0;*/
}
input#submit {
	margin: 7px 0 10px;
	/*padding: 10px;
	width: 200px;
	border: 1px solid #000;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	display: block;
	position: relative;
	cursor: pointer;*/
}

#commentform p {
	padding: 0;
	margin: 0;
}
#commentform p.login-info {
	display: block;
	margin: 0 0 8px;
}


/*h3#respond {
	margin-top: 25px;
}*/
/* @end */






/* @group Archive - Complete Work Index */


#archive #workstitle {
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	width: 320px;
	position: absolute;
	left: 455px;
	top:34px;
	z-index:30;
	}
#filterWrap {
	padding:5px 5px 5px 9px;
	margin:0 12px 10px 0;
	line-height:16px;
	position:relative;
	text-align: left;
}
body.home-work #filterWrap {
	margin-right: 8px;
}
#archive .indexitem {
	width:243px;
	padding:0;
	margin:0 10px 16px 0;
	float:left;
	}
#archive .indexitem img {
	float:left;
	margin-right:10px;
	}
#archive h2 {
	margin:0px;
	padding:0px;
	display: none;
	}
#archive p {
	margin:0px;
	padding:0px;
	/*color:#fff;*/
	background-color: transparent;
	}
#archive {
	/*background-color: #1c1c1c;*/
	padding: 10px 0 0 10px;
	margin: 0 0 20px 0;
	display: block;
	position: relative;
}
body#archive-body #archive {
	width: 602px;
	float: right;
	z-index: 2;
}

body.home-work #archive {
	width: 980px;
	margin: 20px auto 0;
	padding: 8px 0 0 8px;
}
body#archive-body.home-work2 #archive {
	width: 648px;
}
body.home-work2 h2 {
	display: none;
}
div.menu a img {
	float: left;
	display: block;
	margin-right: 10px;
}
body.home-work div.menu a img {
	margin: 0 8px 8px 0;
}
body.home-work2 div.menu a img {
	margin: 0 1px 1px 0;
}

/* @end */

/* @group Photo Gallery */

/* Code entered into functions.php removes Gallery inline styles which don't validate so here it is now for reference */
        /*.gallery {
                margin: auto;
        }
        .gallery-item {
                float: left;
                margin-top: 10px;
                text-align: center;
                width: 33%;
        }
        .gallery img {
                border: 2px solid #cfcfcf;
        }
        .gallery-caption {
                margin-left: 0;
        }*/

div.gallery,
dl.gallery-item,
dt.gallery-icon  {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	text-align: right;
}
div.gallery {
	/*margin-bottom: 10px;*/
	width: 672px;
	position: relative;
	left: 0px;
	/* Hacks for inline-block for FF and IE */
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
body#blog div.gallery {
	width: 653px;
	padding: 0;
	margin: 0;
}
dl.gallery-item {
	float: left;
	width: 160px;
	text-align: center;
	margin: 0 8px 10px 0;
}
body#blog dl.gallery-item {
	margin-right: 0;
}
.gallery-caption {
	margin: 0;
}
div.gallery img {
	width: 137px;
	height: 137px;
	border: none;
}
body#blog div.gallery img {
	width: 150px;
	height: 150px;
}
dt.gallery-icon a {
	border: 10px solid;
	display: block;
	width: 137px;
	height: 137px;
}
body#blog dt.gallery-icon a {
	border: none;
	width: 150px;
	height: 150px;
}

/* @end */

/* @group My Photo Gallery */

div.mygallery  {
	display: block;
	position: relative;
	padding: 0;
	margin: 0 0 20px 0;
	border: solid 10px #fff;
}
div.mygallery img {
	width: 160px;
	height: 160px;
}
body#blog div.mygallery {
	border: none;
	width: 658px;
	margin-bottom: 0;
}
body#blog div.mygallery img {
	width: 153px;
	height: 153px;
	margin: 0 9px 10px 0;
}


/* @end */

/* @group Titles */

div.title-detailed {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	height: 70px;
	text-align: right;
	width: 660px;
}
body#blog div.title-detailed {
	height: 45px;
	text-align: left;
	background-color: #fff;
}
div.title-detailed h2, 
div.title-detailed p {
	position: relative;
	padding: 0;
	margin: 0;
	border: none;
	/*background-color: transparent;*/
	vertical-align: top;
}
div.title-detailed p.title-comment {
	background-color: transparent;
}
body#blog div.post p.title-comment {
	/* I had to this after fixing the content image float issue */
	/*margin: 0 0 20px 0;
	padding: 10px;*/
	/* Hacks for inline-block for FF and IE */
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}


div.title-detailed h2 a {
	position: relative;
	line-height: 50px;
	height: 50px;
	padding: 0 10px;
	margin: 0 0;

	/* Hacks for inline-block for FF and IE */
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
body#blog div.title-detailed h2 a {
	display: block;
}
div.title-detailed p.title-comment a {
	position: relative;
	line-height: 50px;
	height: 50px;
	margin: 0 0 0 8px;
	padding: 0;

	width: 56px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;

	/* Hacks for inline-block for FF and IE */
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
body#blog div.title-detailed p.title-comment a {
	/*display:none;*/
}

div.title-detailed p.title-comment a span {
	display: block;
	position: relative;
	width: 40px;
	margin-left: 8px;
	padding: 0 5px;
	/*display:none;*/
}
body#blog div.title-detailed p.title-comment a span {
	/*display:none;*/
}

/* @end */

/* @group Twitter Tools Plugin */


#column2 ul li#twitter-tools {
	display: block;
	list-style: none;
	position: relative;
	padding: 31px 10px 1px 10px;
	margin-bottom: 20px;
	text-align: right;
	line-height: 0px;
	font-weight: normal;
	font-style: normal;
}
li#twitter-tools h3 {
	line-height: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
div.aktt_tweets {
	margin: 0 0 10px;/*12px looks better on IE7, 10px on everything else */
	text-align: left;
	line-height: 1.4em;
}

#twitter-tools div.aktt_tweets ul li {
	margin: 5px 0;
	padding: 20px 10px 10px;
	list-style-image: none;
}
#twitter-tools div.aktt_tweets ul li.aktt_more_updates {
	background: none;
	margin: 10px 0 0;
	padding: 0;
}
#twitter-tools div.aktt_tweets ul li.aktt_more_updates a {
	text-decoration: none;
}
#twitter-tools div.aktt_tweets ul li.aktt_more_updates a:hover,
#twitter-tools div.aktt_tweets ul li.aktt_more_updates a:visited:hover {
	text-decoration: underline;
}
#twitter-tools form, #twitter-tools form fieldset {
	margin: 0;
	padding: 0;
}
#twitter-tools form fieldset p {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}
input#aktt_tweet_text {
	width: 185px;
	margin: 0 10px 0 0;
}
input#aktt_tweet_submit {
	margin: 0;
}

#searchformwrapper {
	width: 290px;
	padding: 10px;
	display: block;
	position: relative;
	text-align: left;	
	margin: 0 0 20px 350px;

}
/* @end */

div.photo-content div.sociable,
div.multimedia-content div.sociable {
	position: relative;
	display: block;	
	width: 290px;
	padding: 10px;
	margin: 0 0 20px 350px;
	text-align: left;
}
body#blog div.photo-content div.sociable, body#blog div.multimedia-content div.sociable {
	width: 640px;
	margin: 0;
	padding: 0 0 7px 0;
	
	
	clear:both;
    /*height:0;
    font-size: 1px;
    line-height: 0px;
    padding: 0;
    margin: 0;*/

}
div.sociable_tagline {
	display: inline;
	line-height: 1em;
	padding: 0;
	margin: 0 3px 0 0;
	position: relative;
	top: -3px;
}
body#archive-wp div.post div.sociable {
	display: block;
	position: relative;
	width: 630px;
	height: 20px;
	margin: 0;
	padding: 0;
}
body#archive-wp div.sociable_tagline {
	display: none;
}

/* @group Tooltip */



#screenshot{
	position:absolute;
	border:none;
	background: transparent no-repeat 0 20px;
	padding:0 0 0 10px;
	display:none;
	z-index: 200;
	}
#screenshot img {
	border: solid 10px #323232;
	border-bottom: none;
	/*margin-bottom: 0;*/
}
#screenshot span.screenshot-info {
	border: solid 10px #323232;
	/*background-color: #323232;*/
	display: block;
	padding: 0;
	margin: 0;
}
#tooltip {
	position:absolute;
	background: transparent no-repeat 0 -8px; /* 10 less the p height */
	padding:0;
	/*color: #fff;*/
	display:none;
	height: 50px;/* 40 more then p height */
	z-index: 200;
}
#tooltip p {
	display: block;
	border: solid 10px #323232;
	/*background:#323232;*/
	height: 15px;
	padding: 0;
	margin: 0 0;
}

#tooltip2 {
	position:absolute;
	background: transparent no-repeat 75px 38px; /* 10 less the p height */
	padding:0;
	/*color:#fff;*/
	display:none;
	width: 200px;
	vertical-align: bottom;
	height: 90px;/* 40 more then p height */
	z-index: 200;
}
#tooltip2 p {
	display: block;
	border: solid 10px #323232;
	/*background:#323232;*/
	height: 60px;
	padding: 0;
	margin: 0 0;
}
/* @end */




#column2 ul li div.follow ul li {
	list-style-image: none;
	padding: 0 0 5px 0;
}
#column2 ul li div.follow ul li a {
	text-decoration: none;
}
#column2 ul li div.follow ul li a img {
	padding: 0;
	margin: 0 6px 0 0;
	position: relative;
	top: 3px;
}

div#footer p.memberof {
	margin: 10px 0;
}
div#footer p.memberof span.westsidecreative {
	font-size: 16px;
}
div#footer p.memberof span.westsidecreative a {
	text-decoration: none;
}
body#archive-body h2 {
	display: none;
}