/*
Theme Name: Sherry Design - Custom
Theme URI: http://mutey.com
Description: Custom theme wizardry by Sam Featherstone 
Author: mutey
Author URI: http://mutey.com
version: Infinity
Tags: awesome
*/



/* basics */

*{margin:0; padding:0;}

body {
	font-family: arial, tahoma, sans-serif;
	font-size: 0.625em;
	margin:20px;
	color:#fff;
	}
	
h2 {font-size: 1.6em;}
/* h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1em;}
h4 {font-size: 0.9em;} */


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }


blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#000;
	text-decoration:none;
	}
.l-client a {
color:#fff;
font-weight:bold;
text-decoration:underline;
}

a:hover{text-decoration: underline;}



/* container */


#container {
	width:810px;
	margin: 0 auto;
	padding:0;
	font-size:1.2em;
	/* background:#fff; */
	/* color:#333; */

	}
	
/* header */

#header {
	/* background:#e6e6e6; */
  	width:100%; 
  	height:105px;
	color: #fff;
	margin:0 0 40px 0;
	padding:0;
	}
#header li {
list-style-type: none;
}
/* #header h1{
	font:normal 20pt georgia, times;
	padding:20px 0 0 16px;
	margin:0;	
	}
	
#header h1 a{color: #404040; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}


#header h2{
	font:normal 10pt georgia, times;
	color:#333;
	padding: 0 0 0 18px;
	margin:0;	
	} */

#hleft{
position:relative;
width:446px;
height:100%;
float:left;
margin:0;
padding:0;
}

#hright{
position:relative;
width:344px;
height:100%;
float:right;
margin:0;
padding:0;
}
#sherry-title h1 a{
position:absolute;
top:0;
right:0;
z-index:99;
width:214px;
height:74px;
background-color:#b20028;
background:#b20028 url("images/head-sprite-web.png") no-repeat;
background-position:  -432px 0;

}

#sherry-title h1 a span{
display: block;
width: 0;
height: 0;
overflow: hidden;
}

#sherry-info a{
color:#fff;

}
/* main menu */


#menu {
 /* WET make to none */
width:100%; 
overflow:hidden;
position:absolute;
bottom:0;
left:0;
margin:0;
padding:10px 0 4px 0;
}


#menu ul {
	margin:0;
	padding:0;
	float:right;
	line-height: 26px;
}

#menu ul li {
	list-style-type: none;
	float:left;
	padding: 0;
	margin: 0 4px 0 0;
}

#menu ul li a {
	padding:0;
	margin: 0;
	display:block;
}

.topnavi li a{font-size:2em; height: 28px; background:url("images/head-sprite-web.png") no-repeat;}

.topnavi li.recent-work a		{width: 126px; background-position:  0 0;}
.topnavi li.disciplines a		{width: 126px; background-position: -128px 0px;}
.topnavi li.clients a			{width: 80px; background-position:  -258px 0px;}
.topnavi li.about-us a			{width: 90px; background-position:  -342px 0px;}

.topnavi li.recent-work a:hover, .topnavi li.recent-work.current-work a { background-position:   0   -28px;}
.topnavi li.disciplines a:hover, .topnavi li.disciplines.current-disc a { background-position:  -128px -28px;}
.topnavi li.clients a:hover, .topnavi li.clients.current-clients a { background-position:  -258px -28px;}
.topnavi li.about-us a:hover, .topnavi li.about-us.current-about a { background-position:  -342px -28px;}

.topnavi li a span {
display: block;
width: 0;
height: 0;
overflow: hidden;
color:#b20028;
font-weight:normal;
}
.topnavi li.on a span {
color:#f07c01;
}
.topnavi li a span:hover {
color:#f07c01;
}

/* .topnavi li a span strong{
color:#990033;
} */


/* WET CHANGES TO THIS (DRY VERSION)*/
/* .topnavi li span {
width: auto !important;
height: auto !important;
}

.topnavi li a {
width:auto !important; 
height:auto !important; 
background:none !important; 
}*/
/* END DRY STUFF */


#style-switcher{
position:absolute;
top:0;
left:0;
}
#style-switcher li{
float:left;

padding:2px;
height:18px;

}

#style-switcher li.stext{
width: 42px; background:url("images/body-sprite.png") no-repeat; background-position: -120px -416px ;margin:0;padding:0;
}
#style-switcher li.stext span{
display: block;
width: 0;
height: 0;
overflow: hidden;
}
/* content */

#sherry-search{
background-color:#B20028;
padding:1px 0 1px 10px;
width:210px;
position:absolute;
bottom:0;
left:0;
}
#searchnone{
height:300px;
}

#slideshow1, #ie-sux{
width:80px;
height:80px;
position:absolute;
bottom:10px;
right:60px;
overflow:hidden;
}



#content-small {
float: left;
width:350px;
margin:0 20px;

}

#content-big {
float: left;
width:600px;
margin:0;
padding:0;
overflow:hidden;
}

#content-home {
float: left;
width:490px;
overflow: hidden;
margin:14px;
}
#content-blog {
float: left;
width:370px;
margin:0 20px 0 0;
/* margin:32px 20px 0 0; */
padding:0;
}
	
.post {
	margin:0;
	padding:0;
	}
#c-blog a{
font-weight:bold;
}

#content-blog .post{
background-color:#21645e;
padding:15px 0 10px 20px;
margin:0;
}
	
/* .post h2{
	font:normal 15pt georgia, times;
	}
	
.post h2 a{
	color: #000;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	} */

.post ul {}

.post li {}

.entry p{margin:5px 0;}

#c-page{
margin-left:22px;
}
#c-blog a{
color:#fff;
}

#c-blog .wp-pagenavi a, #c-blog .wp-pagenavi span.pages, #c-blog .wp-pagenavi span.current{
color:#fff!important;
background-color:#21645E!important;
border:none!important;
/* BLOG PAGINATION STYLES */
}
#c-blog .wp-pagenavi span.current, #c-blog .wp-pagenavi a:hover{
font-weight:bold!important;
text-decoration:underline!important;
/* BLOG PAGINATION STYLES */
}
#c-search .wp-pagenavi a{
font-weight:bold!important;
}
#c-search .wp-pagenavi a, #c-search .wp-pagenavi span.pages, #c-search .wp-pagenavi span.current{
color:#000!important;
background-color:#F07C01!important;
border:none!important;
/* SEARCH PAGINATION STYLES */
}
#c-search .wp-pagenavi span.current, #c-search .wp-pagenavi a:hover{
font-weight:bold!important;
text-decoration:underline!important;
/* SEARCH PAGINATION STYLES */
}

#c-search, #c-page{
display:block;
background-color:#fff;
color:#000;
padding:10px;
}
#c-search .post{
color:#000;
padding-top:10px;
}
#c-search .post a{
color:#000;
}
#c-search .post h3{
margin:5px 0;
}
#c-search .post h3 a{
padding:2px 0;
}

#c-search .wp-pagenavi{
margin-top:20px;
}
 #c-page a{
color:#b20028;
font-weight:bold;
}
h3.p-title  a, h3.p-title, h2.p-title, h2.p-title a, #c-blog h2.p-title, #c-blog h2.p-title a{
display:inline;
background-color:#f07c01;
color:#000;
}
h3.p-title a:hover, h2.p-title a:hover{
color:#fff;
text-decoration:none;
}
#c-blog h2.p-title a:hover{
color:#000;
text-decoration:underline;
}

#content-blog{

}
#c-blog{

}


#pos-rel{
/* position:relative; */
}

#c-about{

display:block;
background-color:#fff;
color:#000;
padding-bottom:10px;
/* position:absolute;
top:40px;
left:0; */
background:#fff url("images/sherry-where-sweet.png") no-repeat;
background-position:  0 -30px;
}
#c-home a{
color:#fff;
font-weight:bold;
text-decoration: underline;

}

#c-home p {
		font-size:15px!important;
line-height:18px!important;
	
}

#sherry-tv{
margin-top:30px;
}

#c-about .post{
padding:30px 15px 0 15px;
}
#c-about .post.p-about{
padding:20px 15px 0 15px;
}

ul.about li{
list-style: none;
}

#c-about a, .l-about a, .r-green a, #c-disc a{
color:#fff;
text-decoration: underline;
font-weight: bold;
}

#c-about a, #c-disc a, .client-page a{
color:#b20028;
}

.l-about .entry{
margin:15px 0;
}

#c-clients{
display:block;
background-color:#fff;
padding:15px;
color:#000;
}
#c-clients ul li{
list-style:none;
margin-bottom:4px;
}
#c-clients ul li a{
font-weight:bold;
}
.proj-new{
margin:0;
padding:0;
float:left;
}
#c-disc{
color:#000;
display:block;
background-color:#fff;
}
#c-disc .entry{
padding:15px 15px 5px 15px;
}

#c-disc p a{
font-weight:bold;
}


#sherry-where h2, #sherry-where-old h2 {
/* position:absolute;
top:0;
left:0;*/
z-index:99; 
width:216px;
height:30px;
background-color:#fff;
background:#fff url("images/sherry-where-sweet.png") no-repeat;
background-position:  0 0;
margin:0;
}
#sherry-where-old h2 {
background:#fff url("images/sherry-where-sweet-old.png") no-repeat;
height:50px;
}

#sherry-where h2 span, #sherry-where-old h2 span{
display: block;
width: 0;
height: 0;
overflow: hidden;
}
#sherry-hello h2{
width:120px;
height:36px;
background:url("images/body-sprite.png") no-repeat;
background-position:  0 -418px ;
margin:0;
}

#sherry-hello h2 span{
display: block;
width: 0;
height: 0;
overflow: hidden;
}


.postmetadata{
	clear: both;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}
	



/* left sidebar */

#left, #left-terms {
	width:210px; /*total = 210px */
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	/* background-color:#999; */
	}
	
#left.blog {
padding-top:42px;
width:200px;
padding-left: 10px;
	}
#left.padder, #left.l-about{
width:200px;
padding-left: 10px;
	}
			
#left-terms {
width:210px;
	height:10px;
	}	

.side-me {
background-color:#b20028;/*WET*/
padding:10px;
}
.side-me a{
color:#fff;
font-weight:bold;
}

#left h2{
/* 	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0; */
}

#left label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}
.left-cont {

/* padding-left:5px;
background-color:red; */ /*WET*/
}
.bgcolor p, h3.bgcolor{
display:inline;
background-color:#f07c01; /*WET*/
color:#000;
font-weight:bold;
}

/*
.orange strong{
whitespace: nowrap;
}
*/
.orange{
display:block;
}
.orange p{
display:inline;
background-color:#f07c01;
}

.orange p{
display:inline;
background-color:#f07c01; /*WET*/
color:#000;
font-weight:normal;
}

#left p {margin:0; padding: 0; margin:7px 0;}

#left img {padding: 0; margin: 0;}

#left ul {
	/* margin:12px; */
	padding:0;
	list-style-type: none;
	}
#left .l-disciplines ul{
	padding-top:15px;
	}
#left .l-disciplines ul{
	padding:0 0 15px 15px;
	list-style-type:disc;
	}
.l-disciplines, .l-disciplines a{
/* color:#000; */
}	
.mylist{
padding-left:12px;
margin-bottom: 5px;
background: url("images/li-bullet.gif") no-repeat;
}	
.mylist p{
color:#000;
background-color: #F07C01;
display:inline;
}
	
#left .workcats ul li, #left .workclients ul li  {
padding-top:5px;
line-height: 13px;
list-style-type: none;
	}
	#left ul li {
	margin: 0;
	padding: 0;
/* 	line-height: 14pt;
	list-style-type: none; */
	}
	
#left  ul.filtera li{

/* width:95px!important;
overflow:hidden;
float:left; */
}


#left ul ul {
	margin:14px 0;
	padding: 0;
}

#left ul ul li {
	list-style-type: none;
	}

#left ul ul ul{
	margin: 0;
	padding: 0;
}

#left ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

#left .hoverage li a, #left .getonit .hoverage.myhoveroff li a{
font-weight:bold;
color:#000;
}
#left .hoverage.myhoveron li a, #left .getonit .hoverage li a{
color:#fff;
}

#left .sh-random {
background:none;
}
#left .sh-random p{
display:inline!important;
background-color:#f07c01;
color:#000;
font-weight:bold;
}

#left .hoverage li.current a, #left .hoverage li.current-cat a, #left .hoverage li.current a:hover, #left .hoverage li.current-cat a:hover{
color:#000;
background-color:#F07C01;
text-decoration:none;
font-weight:bold;
}
#left .hoverage li a:hover{
color:#fff;
text-decoration:underline;
}


#left #slideshow2{
height:70px;
margin-left:5px;
overflow: hidden;
}
 .side-title, .blog-title{
 margin:0 0 10px 0;
 }
 .blog-title{
 height:32px;
 }
.side-title h4 {font-size:1.6em; height: 22px; width: 208px; background:url("images/body-sprite.png") no-repeat;}

.blog-title h4 {font-size:2em; height: 32px; width: 208px; background:url("images/very-sherry.png") no-repeat;}


/* h4.blog-archive 			{ background-position: 0px 0px ;} *//*NOT USED ANYMORE*/
h4.blog-categories 			{ background-position: 0px -0px ; margin-top:15px;}
h4.feed-me-sherry 			{ background-position: 0px -22px ;}
h4.haha-sherry-funny 		{ background-position: 0px -44px ;} /*NOT IN MARKUP YET*/
h4.my-sherry-amour 			{ background-position: 0px -66px ; margin-top:15px;}
h4.recent-posts 				{ background-position: 0px -88px ; margin-top:15px;}
h4.related-work			 	{ background-position: 0px -110px ; margin-top:20px; margin-left:10px;width: 198px;}/*NOT IN MARKUP YET*/
h4.search-results 			{ background-position: 0px -132px ;}/*NOT IN MARKUP YET*/
h4.sherry-clients 			{ background-position: 0px -154px ;}/*NOT IN MARKUP YET*/
h4.sherry-disciplines 		{ background-position: 0px -177px ;}/*NOT IN MARKUP YET*/
h4.sherry-fresh-pickings 	{ background-position: 0px -198px ;}
h4.sherry-green 				{ background-position: 0px -220px ;margin-top:15px;}/*NOT IN MARKUP YET*/
h4.sherry-good-together 		{ background-position: 0px -242px ;margin-top:15px;}
h4.sherry-hot-off-the-press 	{ background-position: 0px -264px ;}
h4.sherry-hot-picks 			{ background-position: 0px -286px ;}
h4.sherry-interesting 		{ background-position: 0px -308px ;}
h4.sherry-random 			{ background-position: 0px -330px ;}
h4.work-by-client 			{ background-position: 8px -352px ; margin-top:50px; padding-left:8px;}
h4.work-categories 			{ background-position: 8px -374px ; padding-left:8px;}
h4.work-view	 			{ background-position: 10px -396px ; width:95px; float:left; padding-left:10px;}/*NOT IN MARKUP YET + CHECK PNG*/
h4.sherry-people 			{ background-position: 0px -482px ;}
h4.sherry-creative 			{ background-position: 0px -504px ;}
h4.sherry-happy-birthday 	{ background-position: 0px -526px ;margin-top:15px;}
h4.sherry-twitter 			{ background-position: 0px -550px ;height:35px;}

.tweets {background:#F07C01;font-weight:normal!important;}
.tweets .owner {font-weight:bold}

h4.image-view	 			{ background-position: 0px 0px ;}/*NOT IN MARKUP YET + CHECK PNG*/

.side-title .prev-next{
float:right!important;
height: 22px;
margin:0;
padding:0;
margin-right:10px;
}
.projnav, .projnav a {
height: 22px; 
width: 25px; 
background:url("images/body-sprite.png") no-repeat;
}
.projnav  {
float:left;
background-position: 0px -458px ;
}
.projnav a span{
display:none;
}

.projnav.link-prev{
background-position: -75px -458px ;
}
.projnav.link-prev a{
display:block;
background-position: -125px -458px ;
}
.projnav.link-prev a:hover{
background-position: -0px -458px ;
}

.projnav.link-allproj a{
display:block;
background-position: -150px -458px ;
}
.projnav.link-allproj a:hover{
background-position: -25px -458px ;
}

.link-next{
background-position: -100px -458px ;
}
.link-next a{
display:block;
background-position: -175px -458px;
}
.link-next a:hover{
background-position: -50px -458px ;
}

.launchme{
margin-top: 10px!important;
}

.feed-me-sherry a{
height: 22px!important; 
width: 208px!important;
display:block!important;
}
/* h4.sherry-fresh-pickings { background-position: 0px 0px ;}
h4.sherry-fresh-pickings { background-position: 0px 0px ;}
h4.sherry-fresh-pickings { background-position: 0px 0px ;}
h4.sherry-fresh-pickings { background-position: 0px 0px ;} */

/* .side-title h4.sherry-clients{
margin-left:0;
} */

.side-title h4 span, .blog-title h4 span {
display: block;
width: 0;
height: 0;
overflow: hidden;
color:#555;
font-weight:normal;
}

.side-title h4 span strong, .blog-title h4 span strong{
color:#b20028;
}

/****************************
CSS SWEET
SIDEBAR HEADERS  */



	
/****************************
CSS DRY
SIDEBAR HEADERS  */	
	
.side-title h4 span {
/*  width: auto;
height: auto;  */
}

h4.transp{
/*  width:auto; height:auto; background:none;  */
}

/* SIDEBAR HEADERS  
*******************************/		
	
#left.blog ul{

}
#left.blog a{
color:#fff;
font-weight:bold;
text-decoration:none;
}	
#left.blog a:hover{
text-decoration:underline;
}	
	
/* right sidebar */

#right{
	width:210px;
	float:right;
	margin:0;
	padding: 0;
	/* background-color:yellow; */
	}
#r-blog{
display:block;
background-color:#21645e;
margin-top:42px;
}
/* #right h2{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#right label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
} */

#right p {margin:0; padding:0;}

#right img {padding: 0; margin: 0;}

#right ul {
	margin:0;
	padding:0;
	}
#right ul.hotpicks{
margin:0;
}
#right ul li {
	margin: 0;
	padding: 0;
	/* line-height: 14pt; */
	list-style-type: none;
	}

#right ul ul {
	margin:14px 0;
	padding: 0;
}

#right ul ul li {
	list-style-type: none;
	}

#right ul ul ul{
	margin: 0;
	padding: 0;
}

#right ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

#right .f-link{
width:210px;
height:210px;
overflow: hidden;
margin-bottom:30px;
position:relative;
}
#right .r-funny{
position:absolute;
bottom:0px;
left:5px;
}
/* comments */
#respond{
background-color:#21645e;
padding:8px 20px;
color:#fff;
}

span.commentmetadata{
 font-size:0.9em !important;
color:#fff !important; 
}
span.commentmetadata a{
 color:#fff !important;

font-weight:bold;
}
span.commentmetadata a:hover{
text-decoration:underline;
}
.blog-comments{
margin:5px 0;
}
.blog-comments a{
color:#fff;
font-weight:bold!important;
}

.c-icon{
background: url(images/icon-comment.gif) right center no-repeat;
padding-right: 16px;
margin-right:2px;
zoom: 1;
}

#commentform{

	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #fff;
	}
#commentform p small{
padding-left:2px;
	font-size: 11px;
vertical-align:baseline;	
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	/* font-family: georgia, times, verdana; */
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:98%;
	}

#author, #email, #url, #comment, #submit{
font-family:arial, verdana, tahoma;
font-size:12px;
padding:1px;
color:#000;
/* 	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	padding:0;
	border: 1px solid #000; */
	margin:5px 0;	
	}
#submit{
background: #f07c01;
font-size: 13px;
padding:0;
color:#000;
font-weight:bold;
border:none;
cursor: pointer;
}
#submit:hover{
color:#fff;
}

	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #21645e;
	margin:8px 0;
	padding:5px 20px 10px 20px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #21645e;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; }

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}




/* search */

#searchform{
	padding:0;
	margin:7px 0;
	}

#searchform input#s{
	margin:0;
	/* border:1px solid #000; */
	padding:1px;
	font-size:1em;
	width:140px;
	}
#searchform button{

background:none;
border:none;
cursor: pointer;
font-size:13px!important;
font-weight:bold;
color:#fff;
vertical-align:bottom;

	}



/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px 0;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px 0;
	margin: 0 7px 2px 0;
	display: inline;
	}
img.size-large {border:none; padding:0 !important; margin:0 !important;}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
/*    -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; */
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*******************************/
/* Portfolio Filter Stylesheet */

/*****Reset*****/
/* html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } */

/*****Basic Definitions*****/
/* body { color: #333; font: 12px/18px Verdana, Helvetica, Arial, sans-serif; background-color:#3b0503;}
h1 { font-size: 1.667em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; } */

/* a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; } */

/*****Custom Classes*****/
/* .clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; } */

/*****Basic Layout*****/


ul#filter { float: left; font-size: 1.6em; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	/* border-right: 1px solid #dedede; */
	float: left;
	line-height: 16px;
	padding-right: 5px;
	width:90px;
}
/* ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; } */
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #ffffff; }

ul#portfolio { 
float: left; 
list-style: none; 
width:580px;
margin: 0 10px;
background-color:#b20028;
}

ul#portfolio li { 
	float: left; 
	margin: 0 5px 10px 5px; 
	padding: 0;
	width: 180px;
	height:210px;
}
ul#portfolio li p{ 
font-size:11px;
padding-left:5px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img {display: block; }

#content-inside .p-link:hover {
opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;
}

.hidden{
	visibility: hidden;
	display: none;
}

.p-projects{
display:block;
background-color:#b20028;
}

.p-link
{
margin:0;
padding:0;
height:124px;
position:relative;
 margin-bottom: 5px; 
}
#right .p-link, #left .p-link{
width:210px;
height:210px;
overflow: hidden;
position:relative;
margin-bottom:30px;
}


/* #right .p-link{
margin-bottom:30px;
}
 */
.p-link h3
{
/* mycolours.css */

}

.p-link h3, #right .p-link h3, #left .p-link h3
{
/* mycolours.css */
/* padding:2px 0 2px 0; */
position:absolute;
bottom:0;
left:5px;
display:inline;
}

.abstitle
{
background-color: #F07C01;
margin:0;
padding:0;
position:absolute;
bottom:0;
left:5px;
display:inline;
font-size: 12px;
line-height: 14px;
}


.p-link h3 a, #right .p-link h3 a, #left .p-link h3 a
{
display:inline!important;
/* mycolours.css */
/* padding:2px 0; */
background-color:#f07c01;
color:#000;
font-size:12px;
font-style:normal;
/*
line-height:1.4;
padding:1px;
*/
}

#sh-intersting{
margin:0 0 15px 5px;
}

#sh-intersting a:hover{
color:#000;
text-decoration: underline;
}

.p-title
{
text-align:left;
}
.p-summary
{

}
.workcats
{
background-color:#7c0006;
}
.workcats.getonit
{
background-color:#b20028;
}
.workclients
{
background-color:#7c0006;
}
.workclients.getonit
{
background-color:#b20028;
}
.whitey
{
background-color:white;
}
/* Portfolio Filter Stylesheet */
/*******************************/

/***********************/ 
/* IMAGE SLIDER STYLES */ 

/*preload classes*/ /*
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 */

.svw {} 
.svw ul {height:440px;overflow:hidden;}

/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;    
margin: 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 

} 

.project-gallery img {display:none;}

.project-gallery li {
	height:440px;
width:600px;
background:url(img/sherry-loader.gif) no-repeat center center; 
}

.stripTransmitter { 
/* overflow: auto;  */  /* FIREFOX BUG FIX */
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 14px 0 2px 0; 
position: relative; 
list-style-type: none; 
float:right;
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
height:20px;
} 

/* WET */
.stripTransmitter ul li.imgview {width: 95px; background:url("images/body-sprite.png") no-repeat; background-position: -106px -396px ;}

.stripTransmitter ul li.imgview span {
display: block;
width: 0;
height: 0;
overflow: hidden;
color:#555;
font-weight:normal;
}

.stripTransmitter ul li.imgview span strong{
color:#b20028;
}



.stripTransmitter a{ 
font-weight: bold; 
text-align: center; 
line-height: 22px; 
color: #fff; 
text-decoration: none; 
display: inline;
padding:3px 2px; 
} 
.stripTransmitter a:hover, a.current{ 
background: #f07c01; 
color: #000 !important; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
/* font: normal 10px Verdana;  */ 
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 
 
/* IMAGE SLIDER STYLES */ 
/***********************/
/* footer */
.clearboth{
clear:both;
}
#footer { 
	margin: 20px 0;
	background-color:#b20028;/* WET */
	width: 100%;
	}
.fleft{
float:left;
margin:0 10px;

}

.fright{
float:right;
margin:0 10px;

}

#footer p{padding:12px 0;margin: 0; color: #eee; text-align:center;}
#footer a{color: #fff;text-decoration: none;font-weight:bold;}
#footer a:hover{text-decoration: underline;}

.admin-info{
background-color:#000;
font-weight:bold;
color:#fff;
border:none;
padding:0;
margin:0;
}

#map_canvas{
margin:0 15px;
padding:0;
}

/* .bgcolor,  */.bgcolor a, .blog-cats a, #c-page h2, #c-disc h2{
display:inline;
color:#000;
background-color:#f07c01;
text-decoration:none;
}
ul.l-related{
margin-top:15px;
}

.l-related li.bgcolor a{
font-size:12px;
font-weight:bold;
padding:1px 2px
line-height:14px!important;
}
#left ul.l-related li {
padding-left: 10px;
margin:5px 0;
}

.blog-cats{
padding:10px 0;
}

#c-blog .blog-cats a{
color:#000;
font-weight:bold;
padding:2px 3px;
}
#c-blog .blog-cats a:hover{
text-decoration:underline;
}
.bgcolor a:hover {
color:#000;
text-decoration: underline;
}

.editme{
margin:2px;
text-transform: uppercase;
}
.editme a{
font-size:9px;
padding:1px 2px 1px 2px!important;
color:#0066cc!important;
border: 1px solid #000;
background-color:#fff;
text-decoration:none!important;

}
.editme a:hover{
color:#fff!important;
background-color:#0066cc;
text-decoration:none;
}

#left .workcats ul, #left .workclients ul{
padding:10px;
}
#left p{
font-size:12px;
}
.l-proj h3{
margin-top:10px;
}

#logmeout{
position:fixed;
top:0;
right:20px;
z-index:9;
}
#logmeout a{
margin-right:10px;
font-size:14px;
font-weight:bold;
color:#0066cc;
padding:2px 5px;
background-color:#fff;
border-top:none;
border-right:1px solid #0066cc;
border-bottom:1px solid #0066cc;
border-left:1px solid #0066cc;
}
#logmeout a:hover{
color:#fff;
background-color:#0066cc;
text-decoration:none;
}


#choverage.myhoveron, #whoverage.myhoveron{
background-color:#B20028;
}
#choverage.myhoveroff, #whoverage.myhoveroff{
background-color:#7C0006;
}

.addthis{
float:right;
padding:5px;
margin-bottom:15px;
background-color:#21645E;
color:#fff;
}
.addthis a{
font-weight:normal!important;
color:#fff;
}

.ldrgif{
margin:100px 280px;
background:none!important;
}
#mygaltop{
background:none;
}

.throb{
display:none;
}
p, .p-link h3, .p-link h3 a{
	line-height: 14px;/*fix for FF MAC */
}	
