/*  
Theme Name: RIPTtheme
Theme URI: http://www.riptapparel.com
Description: This is the custom RIPT theme.
Version: 1.0
Author: TJ Mapes
Author URI: http://www.tjmapes.com/
*/

.wrapper { 
	width: 940px;
	margin: 0;
	padding: 0;
	background: #fff url("images/pageBG.jpg") no-repeat left top;
	}

body {
	margin: 0;
	padding: 0;
	font: 12px Helvetica, Arial, sans-serif;
	background: #fff url("images/pageBG.jpg") no-repeat left top;
	color: #333;
	}

.siteWrap {
	background: #fff url("images/stripe.jpg") repeat-x left top;
	}
	
textarea { 
	border-top: 1px solid #717171;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #b4b4b4;
	font: 12px normal Helvetica, Arial, sans-serif !important;
	}

::selection { background: teal; color: #fff; /* Safari and Opera */ }
::-moz-selection { background: teal; color: #fff; /* Firefox */ }
	
input:focus, textarea:focus {outline: none;}
.clearme { clear: both; }
a, a:link, a:visited { 
	border: none; 
	color: #0c7184;
	text-decoration: none;
	}
a:hover { 
	border: none; 
	color: #178ea4 !important;
	text-decoration: none;
	}
:-moz-any-link:focus {
	outline: none;
	}	
.pad { padding: 0 0 0 20px !important; }
p { line-height: 1.8; margin: 0 0 15px 0; padding: 0; }
img { border: 0px none #fff; }

div.hr {
	width: 500px;
	height: 10px;
	background: url("images/borderHor.gif") repeat-x left bottom;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	}
div.hr hr {
	display: none;
	}

h1, h2 { margin: 0; padding: 0; }
h2 { margin: 0 0 10px 0; }

ul { list-style-position: inside; }

.header { 
	position: relative; 
	width: 925px;
	height: 70px;
	}

.navWrap { 
	position: absolute;
	top: 0;
	left: 205px; 
	width: 550px;
	height: 39px;
	}
	
/*.nav ul { 
	float: left;
	height: 20px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
.nav li { 
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	}
	
.nav li a { 
	color: #fff;
	font-size: 16px; font-weight: bold;
	}
	
.nav li.current_page_item a { 
	color: #fff;
	}*/

/*-- Image Navigation --*/
.nav {
	position: relative;
	width: 462px;
	height: 39px;
	margin: 0;
	background: url("images/navBG.jpg") no-repeat left top;
	}
.nav li {
	display: inline;
	float: left;
	list-style-type: none;
	}
.nav a:link, .nav a:visited {
	position: absolute;
	display: block;
	height: 39px;
	text-indent: -9999em;
	text-decoration: none;
	:-moz-any-link:focus;
	outline: none;
	}
	
	/* ----- Nav Defaults ------ */
	.page-item-79 a:link, .page-item-79 a:visited { /* archive */
		width: 98px;
		left: 0;
		}
	.page-item-114 a:link, .page-item-114 a:visited { /* artists */
		width: 62px;
		left: 118px;
		}
	.page-item-91 a:link, .page-item-91 a:visited { /* community */
		width: 110px;
		left: 199px;
		}
	.page-item-81 a:link, .page-item-81 a:visited { /* blog */
		width: 43px;
		left: 328px;
		}
	.page-item-118 a:link, .page-item-118 a:visited { /* service */
		width: 73px;
		left: 389px;
		}
		
	/* ----- Nav Hover ------ */
	.page-item-79 a:hover {
		background: url(images/navBG.jpg) no-repeat 0 -39px;
		}
	.page-item-114 a:hover {
		background: url(images/navBG.jpg) no-repeat -118px -39px;
		}
	.page-item-91 a:hover {
		background: url(images/navBG.jpg) no-repeat -199px -39px;
		}
	.page-item-81 a:hover {
		background: url(images/navBG.jpg) no-repeat -328px -39px;
		}
	.page-item-118 a:hover {
		background: url(images/navBG.jpg) no-repeat -389px -39px;
		}
	
	/* ----- Nav Selected ------  */
	.page-item-79.current_page_item a {
		background: url(images/navBG.jpg) no-repeat 0 -39px;
		}
	.page-item-114.current_page_item a {
		background: url(images/navBG.jpg) no-repeat -118px -39px;
		}
	.page-item-91.current_page_item a {
		background: url(images/navBG.jpg) no-repeat -199px -39px ;
		}
	.page-item-81.current_page_item a {
		background: url(images/navBG.jpg) no-repeat -328px -39px ;
		}
	.page-item-118.current_page_item a {
		background: url(images/navBG.jpg) no-repeat -389px -39px ;
		}






ul.register { position: absolute; top: 13px; right: 0; margin: 0; padding: 0; color: #e9e9e9; }
ul.register li { float: left; display: inline; margin: 0 5px 0 0; padding: 0 0 5px 0; } 

ul li.join { width: 33px; background: url("images/nav_join.gif") no-repeat left top; }
ul li.join a { display: block; text-indent: -999em; }

ul li.login { width: 45px;  background: url("images/nav_login.gif") no-repeat left top; }
ul li.login a { display: block; text-indent: -999em; }


.logo { 
	position: absolute;
	top: 0;
	left: 0; 
	width: 160px;
	height: 205px;
	}
	
.saying { 
	margin: -20px 0 10px 0;
	}
	
.pageWrap {
	width: 925px;
	float: left;
	margin: 0 0 40px 0;
	}

.wideWrap { width: 950px; }

.artistImage { height: 400px; display: block; float: left;  }

	
/*-- sidebar --*/
/* jQuery Countdown styles 1.5.0. */
#tzcd { width: 140px; height: 65px; text-transform: uppercase; margin: 0 0 10px 8px;  }
 
#tzcd p {
width: 40px !important;
display: block;
float: left;
font-size: 9px;
text-align: center;
color: #777;
padding: 0;
margin: 0;	
}

#tzcd p strong {
font-size: 26px;
font-weight: bold;
color: #d00f0f;
margin: 0;
display: block;
}

.sidebar {
width: 160px;
float: left;
margin: 0 20px 0 0;
padding: 150px 0 0 0;
font-size: 11px;
}

.facebook {  height: 24px; margin: 0 0 20px 0; padding: 0; }
.facebook a { display: block; width: 160px; height: 24px; background: url("images/facebook.gif") no-repeat left top;  }
.facebook a:hover { width: 160px; height: 24px; background: url("images/facebook.gif") no-repeat left -24px; }

.rss {  height: 55px; margin: 0 0 20px 0; padding: 0; }
.rss a { display: block; width: 160px; height: 55px; background: url("images/rss.gif") no-repeat left top;  }
.rss a:hover { width: 160px; height: 55px; background: url("images/rss.gif") no-repeat left -55px; }

.emailUpdates {  height: 49px; margin: 0 0 20px 0; padding: 0; }
.emailUpdates a { display: block; width: 160px; height: 49px; background: url("images/emailUpdates.gif") no-repeat left top;  }
.emailUpdates a:hover { width: 160px; height: 49px; background: url("images/emailUpdates.gif") no-repeat left -49px; }

.twitter {  height: 25px; margin: 0 0 30px 0; padding: 0; }
.twitter a { display: block; width: 160px; height: 25px; background: url("images/twitter.gif") no-repeat left top;  }
.twitter a:hover { width: 160px; height: 25px; background: url("images/twitter.gif") no-repeat left -25px; }
.twitter strong { margin: 0 0 20px 43px; padding: 0; color: #666; }
/*
.tweet { padding: 0; margin: 0 0 20px 10px; width: 125px; }
.tweet span.tweet_join { display: block; }
.tweet_list { overflow: hidden; width: 125px; }
*/

#tweet { width: 120px; padding: 0; margin: 0 0 0 20px; }
#tweet ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
#tweet ul li { width: 100px; }

.ripteevee { margin: 0 20px 10px 14px; padding: 0; }

.cart {  position: absolute; top: 5px; right: 5px; height: 25px; margin: 0; padding: 0; }
.cart a { display: block; width: 28px; height: 25px; background: url("images/cartBG.gif") no-repeat left bottom;  }
.cart a:hover { width: 28px; height: 25px; background: url("images/cartBG.gif") no-repeat left top; }

.boxBlog { margin: 0 0 20px 0; }
.boxBlog ul { margin: 0; padding: 0 10px; list-style-type: none; }
.boxBlog ul li { margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px dashed #666; list-style-type: none; }

.sidebar .buyBox {
	margin: 0; 
	}
.sidebar .buyBox img {
	margin: 0; 
	}

.sidebar .time  {
	margin: 0 0 5px 0; 
	}

.constantContact { margin: 0 0 0 15px; }
.constantContact h1 { font-size: 12px; margin: 0 0 5px 0; }
.constantContact dl { margin: 0; padding: 0; }
.constantContact dt input { 
	background: #222;
	border: 1px solid #333;
	width: 175px; 
	float: left; 
	margin: 0 5px 0 0; 
	color: #999;
	}
.constantContact dt input:focus { 
	background: #333;
	border: 1px solid #444;
	color: #ccc;
	}
.constantContact dd .submit { float: left; width: 34px; height: 25px; background: url("images/bt_go.gif"); text-indent: -9999em; border: 0px none #fff;}
.constantContact p { line-height: 1.2; margin: 0 0 10px 0; }

.content {
	width: 725px;
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	}

.wideContent { width: 740px;  }

.profileWrap.footerWrap {
	width: 400px;
	height: 200px;
	padding: 0;
	margin: 0;
	color: #333;
	clear: both;
	}	

.footerWrap {
	margin: 0;
	padding: 0 0 20px 0;
	color: #fff;
	clear: both;
	background: #000 url("images/footerBG.jpg") repeat-x left top;
	}	

.profileWrap.footerWrap {  padding: 20px; clear: both; }

.footer { float: left; width: 900px; padding: 20px; }

/*-- From The Blog --*/
.footer .newsFromTheBlog { 
	float: left; 
	width: 275px; 
	padding: 0 15px 0 0; 
	margin: 0 5px 0 0; 
	background: url("images/divider.gif") no-repeat right top; 
	}

.footer .newsFromTheBlog ul { 
	list-style-type: none;
	margin: 0; padding: 0;
	display: block;
	}

.footer .newsFromTheBlog ul li { 
	width: 240px; 
	padding: 0;
	margin: 0;
	line-height: 1.4;
	}
.footer .newsFromTheBlog ul li a {
	width: 240px; 
	float: left;
	clear: left;
	padding: 5px;
	margin: 0 0 8px 0;
	/*background: #222;
	border: 1px dashed #333;*/
	line-height: 1.4;
	}
.footer .newsFromTheBlog ul li a:hover {
	/*background: #292929;
	border: 1px dashed #555;*/
	}

.footer .newsFromTheBlog h2.header_blog { 
	height: 34px; 
	background: url("images/header_newsfromblog.gif") no-repeat left top; 
	margin: 0 0 8px 0; 
	text-indent: -999em; 
	}

.footer .newsFromTheBlog p { 
	padding: 5px; 
	color: #666;
	}

/*-- Sizing Charts --*/
.footer .sizingCharts { 
	float: left; 
	width: 300px; 
	padding: 0 5px 0 15px; 
	margin: 0 5px 10px 0; 
	background: url("images/divider.gif") no-repeat right top; 
	}

.footer .sizingCharts h2.header_sizingcharts { 
	height: 34px; 
	background: url("images/header_sizingcharts.gif") no-repeat left top; 
	margin: 0 0 8px 0; 
	text-indent: -999em; 
	}
.mensSizingChart { height: 82px; margin: 0 0 10px 0; padding: 0; }
.mensSizingChart a { display: block; width: 278px; height: 82px; background: url("images/menssizingchart.jpg") no-repeat left top; text-indent: -999em;  }
.mensSizingChart a:hover { width: 278px; height: 82px; background: url("images/menssizingchart.jpg") no-repeat left -82px; }

.womensSizingChart {  height: 82px; margin: 0 0 10px 0; padding: 0; }
.womensSizingChart a { display: block; width: 278px; height: 82px; background: url("images/womenssizingchart.jpg") no-repeat left top; text-indent: -999em;  }
.womensSizingChart a:hover { width: 278px; height: 82px; background: url("images/womenssizingchart.jpg") no-repeat left -82px; }

.constantContact { margin: 25px 0 0 0; }
.constantContact h2 { margin: 0 0 8px 0; background: url("images/header_newsletter.gif") no-repeat left top; text-indent: -9999em; }
.constantContact dl { margin: 0; padding: 0; }
.constantContact dt input { 
	background: #222;
	border: 1px solid #333;
	width: 175px; 
	float: left; 
	margin: 0 5px 0 0; 
	color: #999;
	}
.constantContact dt input:focus { 
	background: #333;
	border: 1px solid #444;
	color: #ccc;
	}
.constantContact dd .submit { float: left; width: 34px; height: 25px; background: url("images/bt_go.gif"); text-indent: -9999em; border: 0px none #fff;}
.constantContact p { line-height: 1.5; margin: 0 0 10px 0; color: #999; }

/*-- Ads --*/
.footer .ads { float: left; width: 265px; padding: 0 0 0 10px; margin: 0; }

dl.footerLinks { clear: both; display: block; margin:0; padding: 20px; }
dl.footerLinks dt { float: left; display: inline; margin: 0 15px 0 0; }
dl.footerLinks dd { float: left; display: inline; margin: 4px 0 0 0; padding: 0 5px; color: #888; }
dl.footerLinks dd a { color: #666; padding: 0 5px 0 0; }
dl.footerLinks a img { border: 0; }
	
/*-- Post Wrap Styles --*/
.postWrap .artistInfo  {
	position: relative;
	width: 700px;
	height: 400px;
	margin: 0 0 10px 0;
	padding: 0;
	}

.postWrap .artistInfo .todaysShirt {
	position: absolute;
	top: 0px;
	left: 0;
	}

.postWrap .artistInfo .postTitle {
	position: absolute;
	top: 10px;
	left: 270px;
	}

.postWrap .artistInfo .postTitle a {
	font-size: 18px;
	color: #333;
	}

	.postWrap .artistInfo .postTitleAlt {
		position: absolute;
		top: 10px;
		left: 10px;
		}
		
.postWrap .artistInfo .postTitleAlt a {
	font-size: 20px;
	color: #333;
	}

	
.postWrap .artistInfo .artistNameURL {
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	}

.postWrap .artistInfo .artistNameURL h3 {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
	}

.postWrap .artistInfo .artistNameURL p {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}

.postWrap .artistInfo .artistNameURL p a:hover{
	text-decoration: underline;
	}
	
.price {  bottom:13px; height:125px; margin:0; padding:0; position:absolute; right: -20px; width: 230px; z-index:9999; }
.price a { background:transparent url(images/price.png) no-repeat scroll left 0px; display:block; height:97px; text-indent:-99999em; width:230px; z-index:999999; }
.price a:hover { background:transparent url(images/price.png) no-repeat scroll left -97px; height:97px; width:230px; }

.buyButton { background: url("images/buyButtonBG.png") no-repeat left top; width: 280px; height: 254px; position: absolute; right: 30px; bottom: 11px; } 
.buyButton p { background: url("images/buttonBG.png") no-repeat left top; width: 242px; height: 127px; position: absolute; bottom: 0; right: -31px; } 
.buyButton p a { background: url("images/buyButton.png") no-repeat left top; width: 136px; height: 58px; display: block; position: absolute; bottom: 42px; right: 18px; text-indent: -9999em; } 
.buyButton p a:hover { background: url("images/buyButton.png") no-repeat left -58px;  } 
.buyButton span.sizingCharts { font-size: 11px; color: #999; bottom: 8px; right: 0; width: 180px; height: 30px; position: absolute; }
.buyButton span.sizingCharts a { text-transform: uppercase; }

.buyButton p.button2 a { background: url("images/buyButton2.png") no-repeat left top; width: 136px; height: 58px; display: block; position: absolute; bottom: 42px; right: 18px; text-indent: -9999em; } 
.buyButton p.button2 a:hover { background: url("images/buyButton2.png") no-repeat left -58px;  } 

#fancy_outer { z-index:  999999 !important; }
#fancy_overlay { z-index: 9999 !important; }

.detailView { width: 400px;  float: left; margin: 0 0 20px 0; padding: 5px; border: 1px dashed #ccc; overflow: hidden;}
.detailView a {position: relative; float: left;  } 
.detailView a span { 
	display: none; 
	background-image: url(images/zoom.png); background-repeat: no-repeat; 
	width: 128px; 
	height: 128px; 
	position: absolute; 
	left: 20px; 
	top: 20px;
	} 
.detailView img {padding: 0; -webkit-transition:-webkit-box-shadow 0.3s linear; }

.detailView img:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.8); }



/*-- Archive Styles --*/
ul.archiveWrap {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul.archiveWrap h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 12px;
	color: #333;
	}

ul.archiveWrap h3 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #0C717A;
	}

ul.archiveWrap li {
	margin: 0 10px 60px 0;
	padding: 5px 5px 0 10px;
	float: left;
	width: 160px;
	height: 130px;
	background: url("images/archiveBG.gif") no-repeat left -100px;
	position: relative;
	}

ul.archiveWrap li img {
	margin: 0;
	padding: 0;
	float: left;
	width: 150px;
	border: 5px solid #fff;
	}

ul.archiveWrap li img:hover {
	border: 5px solid #0c7184;
	}

ul.archiveWrap li div {
	clear: both;
	padding: 10px 10px 10px 0;
	}

/*-- Comments --*/
/*.blogWrap {
	float: left;
	width: 750px;
	padding: 0; 
	margin: 0 0 50px 0;
	}*/

.blogWrap {
	float: left;
	width: 450px;
	padding: 0;
	margin: 0 20px 30px 0;
	}
	
.blogWrap h2 {
	min-height: 40px;
	margin: 0;
	padding: 0;
	}
	
.blogWrap img {
	float: left;
	padding: 0; 
	margin: 0 10px 5px 0;
	border: 3px solid #999;
	}
	
.sidebar2 {
	float: right;
	width: 200px;
	padding: 0;
	margin: 0 50px 0 0; 
	}
	
.sidebar2 ul {
	margin: 0;
	padding : 0;
	}
	
.sidebar2 ul li {
	list-style: none;
	position: relative;
	}

.sidebar2 .archiveWrap li {
	margin: 0 0 40px 0;
	}



span.banner { position: absolute; top: 5px; right: 5px; width: 111px; height: 66px; background: url("images/todaysShirt.png") no-repeat right top; } 

.blogWrap h2.postTitle { margin: 0 0 5px 0; padding: 0; min-height: 0; }
.dateWrap { padding: 0 10px 15px 0; margin: 0; display: block; }
.dateWrap p { margin: 0; padding: 0; font-weight: bold; font-style: italic; }


.authorInfo { width: 428px; float: left; margin: 0 0 25px 0; /*background: #e3e3e3;*/ padding: 10px; border: 2px dashed #ccc; }
.authorInfo .authorName { float: left; margin: 0 20px 0 0; padding: 0;  }
.authorInfo .snap_noshots { float: left; margin: 0 20px 0 0; width: 50px; padding: 2px; border: 2px solid #999; }
.authorInfo p { margin: 0; padding: 0; }
.authorInfo .photo { float: left; margin: 0 10px 0 0; }


/*-- Comments --*/
.commentsBlock { float: left; padding: 5px 0; margin: 0; background: url("images/borderHor.gif") repeat-x left top; }
.commentsBlock h3 {  padding: 5px; margin: 0 0 10px 0;  }

.commentsWrap {
	float: left;
	width: 450px;
	padding: 0;
	margin: 0 10px 0 0;
	}

.commentsWrap a, .artistBio a {
	padding: 2px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

.commentsWrap a:hover,
.commentsWrap a:focus,
.artistBio a:hover,
.artistBio a:focus {
	background: rgb(12, 113, 132);
	color: #fff !important;
	transition: .35s;
	-o-transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	}


ul.commentlist  {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	}	
	
.commentlist li {
	float: left;
	display: block;
	width: 420px;
	margin: 0 0 15px 0;
	padding: 5px 5px 15px 5px;
	border-bottom: 1px dashed #d5d5d5;
	}	

.commentlist li.alt { background: #fff;  }
	
div.commentmetadata {
	margin: 0 0 15px 0;
	}

.commentNumber { width: 90px; float: left; padding: 6px 0 0 0; font-weight: bold; font-size: 12px; font-style: italic; color: #999; }

.authorCommentWrap p { font-size: 12px; color: #666; line-height: 1.8; }

.authorCommentWrap .left { width: 50px; height: 50px; overflow: hidden; float: left; margin: 0 10px 0 0; border: 4px solid #d6d6d6; }
.authorCommentWrap .left a:first-child { display: none; }
.authorCommentWrap .left img { margin: 0 0 0 0; padding: 0; background: #ededed;  }
.authorCommentWrap .left a { border: 1px solid #b5b5b5; float: left; margin: 0; padding: 0;   }


.authorCommentWrap .right { width: 320px; float: left; font-size: 12px; }
.authorCommentWrap .right a em { color: #a6a6a6; font-size: 11px; }

.header_comments { margin: 0 0 10px 0; clear: both; displa: block; float: left; }
	
.commentsWrap input {
	/*background: url("images/borderHor.gif") repeat-x left bottom;
	border: 0px none #fff;*/
	/*border: 1px dashed #e6e6e6;*/
	border-top: 1px solid #717171;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #b4b4b4;
	
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	}

input {
	/*background: url("images/borderHor.gif") repeat-x left bottom;
	border: 0px none #fff;*/
	/*border: 1px dashed #e6e6e6;*/
	
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	}

.commentsWrap input:focus { outline: none; }

.commentsWrap label {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 2px 0;
	color: #0C717A;
	}

.size400 { 
	width: 400px;
	margin: 0;
	padding: 10px;
	font-size: 14px;
	color: #666;
	}

.submit { width: 84px; height: 35px; background: url("images/bt_submit.png"); text-indent: -9999em; border: 0px none #fff; font-size: 0px; display:block; line-height: 0px; }


.commentsBorder1 { background: url("images/borderVert.gif") repeat-y left top;	}
.commentsBorder2 { background: url("images/borderVert.gif") repeat-y right top; padding: 20px;}
.borderBottom { height: 4px; width: auto; display: block; background: url("images/borderHor.gif") repeat-x left top; clear: both; }

li.author {
	background: url(images/authorCommentsBG.jpg) no-repeat left top;
	padding: 12px 10px 30px 5px;	
	margin: 0 0 20px 0;
	}
.author .left {
	border: 4px solid #2f6f85;
	}

.author .right a em {
	color: #000;
	}
.author .right a {
	font-size: 12px;
	}

li.curator {
	background: url(images/curatorBG.jpg) no-repeat left top;
	padding: 12px 10px 30px 5px;	
	margin: 0 0 20px 0;
	}
.curator .left {
	border: 4px solid #666;
	}

.curator .right a em {
	color: #000;
	}
.curator .right a {
	font-size: 12px;
	}

.count { float: right; color: #ccc; font-size: 22px; }

/*-- Share Styles --*/
.share { float: right; width: 250px; display: block; margin: 0 30px 25px 0;}

.promoLink { float: left; margin: 0; width: 430px; }
.promoLink img { float: left;  }
.promoButtons {
	/* background: url(images/promoButtonsBG.gif) no-repeat scroll left top; */
	float: right;
	padding: 10px 0 0 10px;
	width: 220px;
	}
.promoButtons iframe {
	width: 85px;
	float: left;
	}
div.diggButton { 
	background: url(images/diggButton.gif) no-repeat left top;
	width: 65px;
	margin: 0 10px 20px 0;
	height: 15px;
	text-indent: -9999em;
	float: left;
	}

div.diggButton a { 
	width: 65px;
	height: 15px;
	display: block;
	text-indent: -9999em;
	}

html .fb_share_link {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?1:26981) no-repeat scroll left top;
	height:16px;
	padding:2px 0 0 20px;
}

.artistBio { float: right; width: 250px; color: #555; }
.artistBio h3 { margin: 12px 0 8px 0; color: #333; }

.tags {
	background: url(images/shirtColor.jpg) no-repeat  left top;
	height: 28px;
	padding: 10px 0 0 50px;
	margin: 0 0 10px 0;
	width: 177px;
	}

.iphone { width: 200px; height: 45px;  }
.iphone a.iphoneimage { display: block; width: 200px; height: 45px; text-indent: -999em; background: url("images/iphoneBG.gif") no-repeat left top; }
.iphone a.iphoneimage:hover { display: block; width: 200px; height: 45px; text-indent: -999em; background: url("images/iphoneBG.gif") no-repeat left -45px; }


/*-- Share Styles --
.share { padding: 0 0 35px 0; }

.artistBio { float: left; width: 250px; color: #555; }
.artistBio h3 { margin: 12px 0 8px 0; color: #333; }

.promo { margin: 0 0 32px 5px; }
.promo h4 { float: left; margin: 0 10px 0 0; padding: 5px 0 0 0; }
.promo input { float: left; margin: 0 0 5px 0; width: 200px; }*/

/*-- Recent Posts --*/
.recentPosts ul { margin: 0; padding: 0; list-style-type: none; }
.recentPosts ul li { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #333; }

.pagination { clear: both; }

/*-- Wordpress USERS --*/
.wpu-user { width: 100px; height: 100px; float: left; margin: 0 10px 30px 0; text-align: center; padding: 5px; background: url("images/userBG.gif") no-repeat center top; }
.wpu-avatar {  width: 80px; height: 100px; overflow: hidden; padding: 5px 5px 0 8px; }
.wpu-avatar .photo {  width: 78px; }
.wpu-avatar a img { width: 20px; border: 3px solid #fff; }
.wpu-avatar a img:hover {  border: 3px solid #0C717A; }
.wpu-user a { margin: 0; padding: 0; font-size: 12px; font-weight: bold; }
.wpu-about { display: none; }
.WPusersPagination { clear: both; display: none; }


#wpu-profile h2 { margin: 0 0 5px 0; padding: 0; }
#wpu-profile h3 { margin: 0 0 5px 0; padding: 0; }
#wpu-profile p { clear: both; margin: 0 0 15px 0; padding: 0; }
#wpu-profile ul { list-style-type: none; margin: 0 0 20px 10px; padding: 0; }
#wpu-profile ul li { margin: 0 0 5px 0; padding: 0; }
#wpu-profile .wpu-website { width: 400px; }
#wpu-profile .wpu-profile { clear: both; }
#wpu-profile .wpu-name {  }
#wpu-profile .photo { float: left; margin: 0px 10px 30px 0; padding: 15px; background: url("images/archiveBG.gif") no-repeat center top; border: none;   }
#wpu-profile .photo .border { border: 5px solid #fff;   }
#wpu-profile .authorName { width: 200px; float: left; }
#wpu-profile p.authorWebsite { float: left !important; width: 200px; margin: 0 !important; padding: 0; }
#wpu-profile p.authorJoined { float: left !important; width: 200px; margin: 0 !important; padding: 0; }


#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
	}
#wpcf input {
	float: left;
	width: 200px;
	padding: 5px;
	margin: 2px 5px 20px 0;
	border-top: 1px solid #717171;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #b4b4b4;
	}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 5px;
	margin: 0 5px 10px 0;
	border-top: 1px solid #717171;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #b4b4b4;
	}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 84px; height: 35px; background: url("images/bt_submit.png"); text-indent: -9999em; border: 0px none #fff; }

	}
	

.captcha input { width: 350px; float: left;  }
.captcha img { float: right; width: 72px;  }

#panel input#captcha  { 
border: 1px #e5e5e5 solid;
background: #bebebe;
width: 75px;
color: #333;
height: 16px;
}
#panel #captchaimg { float: left; margin: 0 10px 0 0; }
#panel small { display: none; }


/*-- Tags / Artist Directory Styles --*/
ul.wp-tag-cloud li { list-style-type: none; margin: 0 0 15px 0; font-size: 16px; }



/*-- LOGIN PANEL --*/
/* sliding panel */
#toppanel {
	position: absolute;   /*Panel will overlap  content */
	/*position: relative;*/   /*Panel will "push" the content down */
	/*background: #fff;*/
	top: -2px;
	left: 0;
	width: 940px;
	z-index: 999;
	
	}

#toppanel #recaptcha_area { display: none; }
#toppanel hr { display: none; }
 
#panel {
	width: 601px;
	height: 376px;
	color: #dedede;
	background: url("images/sliderBG.png") no-repeat left top;
	overflow: visible;
	position: absolute;
	z-index: 3;
	left: 230px;
	top: 40px;
	display: none;
	}
 
#panel h1 {
	font-size: 24px;
	padding: 0 0 10px 0;
	margin: 0;
	color: white;
	text-align: left;
	}
 
#panel h2 {
	font-size: 16px;
	padding: 0 0 5px 0;
	margin: 0;
	color: white;
	text-align: left;
	}
 
#panel p {
	margin: 0 0 10px 0;
	padding: 0;
	}
 
#panel a {
	text-decoration: none;
	color: #dedede;
	}
 
#panel a:hover {
	color: white;
	}

#panel label { width: 200px !important; }
 
#panel label.remembermelabel {
	display: block;
	float: left;
	width: 100px !important;
	}
 
#panel a-lost-pwd {
	display: block;
	float: left;
	}
 
#panel ul {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
	}
 
#panel .content {
	width: 576px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
	font-size: 11px;
	}
 
#panel .content .left {
	width: 235px;
	float: left;
	margin: 0 35px 0 0;;
	padding: 0 15px 0 0;
	}
 
#panel .content .border {
	border-right: 1px solid #666;
	}
 
#panel .content .narrow {
	width:120px !important;
	margin: 0 0 15px 0;
	}

#panel .content .left2 { 
	width: 135px;
	float: left;
	margin: -25px 10px 0 0;
	padding: 0;
	} 
#panel .content .left2  h2{ 
	margin: 25px 0 0 0;
	padding: 0;
	} 

#panel .content form {
	margin: 0 0 10px 0;
	}
 
#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
	}
 
#panel .content input.field {
	border: 1px #e5e5e5 solid;
	background: #bebebe;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: #333;
	height: 16px;
	}
 
#panel .content input:focus.field {
	background: #c6c6c6;
	}
 
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 35px !important;
	width: 84px !important;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
	line-height: 999px; /* Set it higher than your image height */
	overflow: hidden; /* Hide the text */
	font-size: 0; /* FF2 doesnŐt like the above */
	}
 
#panel .content input.bt_login {
	background: transparent url("images/bt_login.png") no-repeat 0 0;
	}
 
#panel .content input.bt_register {
	background: transparent url("images/bt_register.png") no-repeat 0 0;
	}
 
#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
	}
 
#panel .userPhoto { background: #666; width: 54px; height: 54px; position: absolute; top: 20px; right: 20px; padding: 2px; border: 1px solid #555; } 
#panel .userPhoto img { width: 50px; height: 50px; padding: 2px; } 


.panelComments { position: absolute; top: 65px; left: 180px; color: #fff; } 
 
/* Panel Tab/button */
.tab {
  	/*background: url(images/slider/tab_b.png) repeat-x 0 0;*/
	width: 180px;
	height: 20px;
	right: 0;
	position: absolute;
	z-index: 999;
	}
 
.tab ul.login {
	height: 20px;
  	font-weight: bold;
	line-height: 20px;
	margin: 10px 0 0 0;
	text-align: right;
	padding: 0;
  	color: white;
  	font-size: 12px;
	}
 
.tab ul.login li.left {
  	/*background: url(images/slider/tab_l.png) no-repeat left 0;*/
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: none;
	float: left;
	}
 
.tab ul.login li.right {
  	/*background: url(images/slider/tab_r.png) no-repeat left 0;*/
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: none;
	float: left;
	}
 
.tab ul.login li {
 	text-align: right;
  	padding: 0;
	display: block;
	float: left;
	height: 23px;
  	/*background: url(images/slider/tab_m.png) repeat-x 0 0;*/
	}
.tab ul.login a:hover {
 	color: #ccc !important;
	}
	
.tab ul.login li.logout {
	width: 58px; 
	float: left;
	}
.tab ul.login li#toggle {
	width: 60px; 
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	}
	.tab ul.login li#toggle a {
		margin: 0;
		padding: 0;
		float: left;
		}
.tab ul.login li.sep {
	width: 13px; 
	float: left;
	}
 
.tab ul.login li a {
	color: #fff;
	float: left;
	}
 
.tab ul.login li a:hover {
	color: white;
	}
 
.tab .sep {color:#414141}
 
.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 0 !important;
	cursor: pointer;
	display: block;
	width: 60px;
	position: relative;
	}
 
 
#toppanel, .tab, #panel {  } 
 
/*.tab a.open { background: url(images/slider/bt_open.png) no-repeat left 0; }
.tab a.close { background: url(images/slider/bt_close.png) no-repeat left 0; }
.tab a:hover.open { background: url(images/slider/bt_open.png) no-repeat left -19px; }
.tab a:hover.close { background: url(images/slider/bt_close.png) no-repeat left -19px; }*/


/*-- Popular Shirts --*/
.popularShirts { width: 300px; float: left; margin: 0; padding: 0; }
.popularShirts h1 { width: 139px; height: 18px; text-indent: -9999em; background: url("images/header_popularshirts.gif") no-repeat left top; margin: 0 0 25px 0; }
.popularShirts ul { margin: 0; padding: 0; }
.popularShirts li { width: 300px; float: left; list-style-type: none; margin: 0 0 10px 0; }
.popularShirts ul img { float: left; width: 100px; border: 3px solid #666; margin: 0 5px 0 0; }
.popularShirts a { color: #ababab; }

/*-- Recent Comments --*/
ul.recentComments {
width: 200px;
float: left;
margin: 20px 10px 0 15px; 
font-size: 11px;
color: #666;
}
.recentComments h3 { font-size: 14px; color: #333; margin: 0 0 15px 0;  }

ul.recentComments li {display: block; width: 200px; float: left; clear: left; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #ccc; }
ul.recentComments li h3 {margin: 0 0 10px 0; padding: 0; }
ul.recentComments li img { float: left; width: 50px; height: 50px; overflow: hidden; border: 3px solid #666; margin: 0 10px 0 0; }


/*-- Recent BLOG --*/
ul.recentBlog {
width: 200px;
float: left;
margin: 20px 10px 0 0; 
font-size: 11px;
color: #666;
font-size: 12px;
}
.recentBlog h3 { font-size: 14px; color: #333; margin: 0 0 15px 0;  }

ul.recentBlog li {display: block; width: 200px; float: left; clear: left; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #ccc; }
ul.recentBlog li img { float: left; width: 50px; height: 50px; overflow: hidden; border: 3px solid #666; margin: 0 10px 0 0; }




.footer h3 { margin: 0 0 5px 0; padding: 0; }
.footer h3 a { color: #fff; font-size: 12px; font-weight: bold; }


.userList { width: 55px; height: 70px; background: url("images/userBG.gif") no-repeat left top; float: left; list-style-type: none; margin: 0 10px 10px 0; padding: 10px 9px 10px 11px; }
.userList li { width: 60px; margin: 0; padding: 0; text-align: center; }
.userList img { border: 3px solid #fff; margin: 0 auto 3px auto; }
.userList img:hover { border: 3px solid #999; margin: 0 auto 3px auto; }
.userList p { overflow: hidden; line-height: 1.2; margin: 0 0 5px 0; padding: 0; display: block; clear: both;  background: #c3c3c3; font-size: 11px; text-align: center; height: 15px; }

div.profileWrap { float: left; clear: both;}
div.profileWrap table.profile-info, div.profileWrap p { margin: 0 0 20px 0; padding: 0; line-height: 1.4; }
table.profile-info { margin: -30px 0 0 0; }

div.profileWrap h1 { margin: 0 0 15px 0;}
div.profileWrap h2 { display: inline; margin: 0 0 5px 0;}
div.profileWrap ul.profiles-commentlist { margin: 0; }
div.profileWrap ul.profiles-commentlist li { margin: 0 0 5px 0; }

ul.wp-tag-cloud { margin: 0 0 0 10px; padding: 0; }
ul.wp-tag-cloud li a { margin: 0 0 5px 0; padding: 0; font-size: 12px !important; }

#recaptcha_widget_div { clear: both; display: block; }
#recaptcha_area #recaptcha_table.recaptchatable { border: 0px none #ccc !important; margin: 0 0 15px 0 !important;}
#recaptcha_area #recaptcha_table td { padding: 0 !important;}
#recaptcha_area #recaptcha_table input { border: 1px solid #ccc !important; }
#recaptcha_area td.recaptcha_image_cell { text-align: left; !important; padding: 0 !important; }
#recaptcha_area td.recaptcha_image_cell img { float: left; !important; border: blue !important; padding: 0 !important; }
#recaptcha_logo, #recaptcha_tagline { margin: 0 0 0 10px !important; }

/*-- Email Sent OK --
.wpcf7-mail-sent-ok { 
	border: 2px dashed #ccc !important;
	padding: 15px !important;
	line-height: 1.6 !important;
	}*/
	
/*
#formbuilder-page-1 input {
	border-top: 1px solid #717171;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #b4b4b4;
	}
.formBuilderError { color: red; display: block; padding: 5px !important; margin: 0 0 5px 0 !important; background: #f6dddd; border: 1px solid red; }
#formbuilder-page-1 .formBuilderLabelRequired { width: 75px !important; }	
div.formBuilderSubmit input { width: 84px; height: 35px; background: url("images/bt_submit.png"); text-indent: -9999em; border: 0px none #fff; }
*/
.pager span.current {
	background-color:#0c7184;
	color:#fff;
	border: 1px dashed #333;
	}
.pager span {
	background-color:#fff;
	color:#0c7184;
	border: 1px dashed #999;
	}
.pager a { border: 1px solid #ccc !important; padding: 5px; }
.pager a:hover { background: white !important; border: 1px solid #888 !important; }
.pager { width: 420px; float: left; clear: both; }
.wideContent .pager { width: 730px; float: left; clear: both; }
.pager .prev { float: left; }
.pager .next { float: right; }

.feedcontent a img { float: left; }


.alignleft { float: left; margin: 0 10px 5px 0; padding: 0;}
.wp-caption-text { background: #ccc; padding: 8px; }

.lovedOnes { width: 670px; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #999; }
.lovedOnes img { margin: 0 10px 10px 0; padding: 0; float: left; border: none; }
.lovedOnes h2 { margin: 0; padding: 5px 0 0 0; }
.lovedOnes p { margin: 0 0 15px 0; padding: 0; }

.sizing { margin: 10px 0 0 0; font-size: 12px !important; }
h3.artist { margin: 0 0 2px 0; font-size: 14px !important; }
p.url { margin: 0 0 2px 0; }
h4.curator { color: #666; margin: 0 0 20px 0; padding: 0; font-size: 11px !important; }
h4.curator span { color: #999; font-style: italic; }
hr { padding: 5px 0; border: 1px none #fff; border-bottom: 1px dashed #999; }
.iLikeThis { float: right; }

#commentPreview { clear: both; display: block;}
#commentPreview ol.commentlist { 
	min-height: 100px;
	float: left;
	width: 430px !important; 
	margin: 0; 
	padding: 0; 
	clear: both; 
	list-style-type: none;
	background: url("images/commentPreview.jpg") no-repeat right top; 
	}
#commentPreview ol li { 
	margin: 0; 
	width: 210px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	}
#commentPreview img { display: none; }
#comment-preview {  
	padding: 20px;
	}
#commentPreview p {
	width: 220px;
	margin: 0 0 20px 0;
	line-height: 1.3;
	}
#commentPreview strong {
	margin: 0 0 10px 0;
	}	

.comment-childs { width: auto !important; background: #f9f9f9 !important; border: 1px dashed #ccc !important; border-left: 3px solid #ccc !important;  }
.comment-childs a img { float: left !important; margin: 0 5px 0 0 !important; border: 3px solid #ccc; }
.comment-childs small { font-style: italic !important;  }

	
#suattr {display: none; }

.disclaimer { color: #999; line-height: 1.2; }	

.left:hover {
}
.left {-webkit-transition:-webkit-box-shadow 0.3s linear;}
.left:hover {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.7);
	}



}

#wp_page_numbers ul {
	border-top: 0px none #ccc !important;
	width: 100%;
}
#wp_page_numbers li {
	margin: 5px !important;
}
#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #aaa;
	font-family: Arial;
	font-size: 12px;
	border: 0px none #45b9f6 !important;
}
#wp_page_numbers a:hover {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #aaa;
	font-family: Arial;
	font-size: 12px;
	border: 2px none #45b9f6 !important;
}

#wp_page_numbers li.active_page a {
	color: #fff !important;
	background: teal !important;
	border: 2px solid #45b9f6 !important;
	font-weight: bold !important;
	
}
#wp_page_numbers li.active_page a:hover  {
	color: #fff; /* IE fix */
	border: 2px solid #45b9f6 !important;
}
#wp_page_numbers li.page_info {
	float: left;
	font-size: 12px;
	font-family: Arial;
	color: #333 !important;
	display: block;
	padding: 3px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}