html, body {
	margin : 0px;
	padding : 0px;
	background-image: url(../images/buddyLeft.gif); 
	background-position: left top; 
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	font-family: helvetica, arial
}

.container {
	float : left;
	background-image: url(../images/buddyRight.gif); 
	background-position: right top;
	background-repeat: no-repeat;
}

.layout {
	width : 100%;
	height : 100%;
	padding : 0px;
	margin : 0px;
}

h1, h2, h3, h4, h5 {
	clear:left;
	font-family : comic sans ms;
	margin-bottom : 0em;
}

.cl {
	clear : left;
}

h1 {
	font-size : 1.5em;
	margin-top : 0.25em;
	margin-bottom : 0.05em;
}

h2 {
	font-size : 1.2em;
}

h3 {
	font-size : 1.1em;
}

h4 {
	font-size : 1em;
}

.divider {
	position : relative;
	border-top: 10px solid #ff86ff;
	border-bottom: 10px solid #993399;
}

.pageContent table {
}	

.center {
	text-align : center;
}

.emofaceCornerEmoface {
	position : absolute;
	right : 0px;
	top : -60px;
	width : 180px;
	z-index : 3;
	overflow : hidden;
}

#emofaceCorner {
	float : right;
	position : relative;
	overflow: hidden;
	top : -20px;
	right : 40px;
	z-index : 2;
}

.settings {
  z-index : 10;
	position : relative;
	float :right;
	right: 3px;
	font-size: x-small;
	text-align : center;
	background-color: white;
	border: 1px solid #ff86ff;	
}

.emofaceSelector {
	padding-bottom:1px;
}

.settings .title {
	color : white;
	background-color: #993399;
}

.filter {
	border-top: 1px solid #ff86ff;	
	clear : left;
}

.mainNavContainer {
	position : absolute;
	top: 16px;
	margin :0px;
	left : 0px;
}

.mainNav {
	position : relative;
	padding: 3px 0px;
	margin-left: 0px;
	margin-bottom : 0px;
	top : 47px;
	font-family : comic sans ms;
}

.mainNav li {
	list-style: none;
	margin: 0;
	display: inline;
}

.mainNav li {
	padding: 3px 6px 3px 6px;
	margin-right: 3px;
	border: 2px solid #999999;
	border-bottom: none;
	background: #666565;
	text-decoration: none;
}

.mainNav li a:link { color: white; }
.mainNav li a:visited { color: #f0f0f0; }

.mainNav li a:hover {
	color: #000;
	background: #ff86ff;
	border-color: #993399;
}

.mainNav li.selected  {
	background: #ff86ff;
	border-color: #993399;
	color: #772277;
}

.mainNav .emofacesShortcutsContainer {
	background : none;
	border : none;
}

.subMenuEmofacesContainer, .subMenuMainNavContainer {
	padding-right: 50px;
	position : relative;
	top : 0px;

}

.subMenuEmofacesNav {
	position : relative;
	padding: 0;
	margin-top : 0px;
	margin-left: 10px;
	font-family : comic sans ms;
}

.subMenuEmofacesNav li {
	list-style: none;
	margin: 0;
	display: inline;

	padding: 3px 6px 3px 6px;
	margin-left: 3px;
	border: 2px solid #999999;
	border-top: none;
	background: #666565;
	text-decoration: none;
}

.subMenuEmofacesNav li a:link { color: white; }
.subMenuEmofacesNav li a:visited { color: #f0f0f0; }

.subMenuEmofacesNav li a:hover {
	color: #000;
	background: #ff86ff;
	border-color: #993399;
}

.subMenuEmofacesNav li.selected  {
	background: #993399;
	border-color: #ff86ff;
	color: #ff86ff;
}

.subMenuMainNav ul {
	padding : 0px;
}

.subMenuMainNav {
	position : relative;
	padding: 0;
	margin-top : -2px;
	margin-left: 0px;
	margin-right: 10px;
	font-family : comic sans ms;
	float : left;

	/*margin-top : -13px;
	padding : 0px;
	margin-right : 10px;
	bottom : 1.8em;
	margin-left: 10px;
	font-family : comic sans ms;*/
}

.subMenuMainNav li {
	list-style: none;
	margin: 0;
	padding: 3px 6px 3px 6px;
	margin-left: 3px;
	border: 2px solid #999999;
	border-top: none;
	background: #666565;
	text-decoration: none;
}

.subMenuMainNav ul li {
	background-color : #993399;
	border: 0px;
}

.subMenuMainNav li a:link { color: white; }
.subMenuMainNav li a:visited { color: #f0f0f0; }

.subMenuMainNav li a:hover {
	color: #000;
	background: #ff86ff;
	border-color: #993399;
}

.subMenuMainNav li.selected  {
	background: #993399;
	border-color: #ff86ff;
	color: #ff86ff;
}

.emofacesNavContainer {
  position : absolute;
  top : 50px;
	font-family : comic sans ms;
	right : 160px;
	color: #f1703d;
	z-index : 3;
	height : 20px;
}

.emofacesNav li {
	list-style: none;
	margin: 0px;
	padding : 0px;
	display: inline;
}

.emofacesNav li a {
	color: #f1703d;
}

.emofacesNav .selected {
	color: black;
}

.emofacesNav li a:hover { color: #993399; }
.emofacesNav li a:visited { color: purple; }

.categories {
	font-weight : bold;
}

.categories a {
	font-weight : normal;
}

.categories .selected {
	color : red;
}

.categories {
	margin: 1em 0;
	padding: 0;
	counter-reset: ol;
}

.categories li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
  width: 13em;  
}
             
.clear {
	clear : both;
}
              
.bottomMenu {
	clear : both;
	text-align : center;
	font-family : comic sans ms;
}

.bottomMenu li {
	list-style: none;
	margin: 0;
	display: inline;
}

.atoz {
	display : block;
	clear : left;
	text-align : center;	
}

.atozItem {
	display : inline;
	margin-right: 5px;
	float: left;
	margin-bottom : 5px;
	margin-top : 5px;
}


.leaderboard, .header, .divider, .contentContainer {
	margin-left : 41px;
	margin-right : 41px; /*125px;*/
}


.leaderboard {
	height : 100px;
	background-color : #CCCCCC;
	overflow : hidden;
}

.leaderboard img {
	width : 728px;
	height : 90px;
	margin-top : 4px;
	margin-left : 4px;
	border: thin solid white;
}

.headerSearchbox {
	position : relative;
	float : right;
	right : 150px;
	top : 5px;
	z-index : 10;
}

.emoSwitch {
	float : left;
	width : 31px;
	height : 26px;
	overflow : hidden;
}

.imgSwitch1 {
	margin-left : -32px;
}

.imgSwitch2 {
	margin-left : -64px;
}

.imgSwitch {
	margin-left : 0px;
}

.imgSwitch1:hover {
	margin-left : 0px;
}

.emoFaceSelector img {
	border : none;
	float : left;
	margin-right : 3px;
}

.emoShortcut img {
	border : none;
}

.first {
	margin-right : 165px;
}

.emoShortcut {
	position : relative;
	display : inline;
	width : 64px;
	top : -47px;
	height : 57px;
	margin-top: 16px;
	float : right;
	overflow: hidden;
	margin-left:-5px;
}

.scSwitch {
  margin-left: 0px;
}

.scSwitch:hover {
  margin-left : -64px;
}


.header {
	position : relative;
	height : 107px;
	border: 1px solid #CCCCCC;
	background-image: url(../images/headerGradient.gif);
	text-align : left;
}	

.header #logo {
	position : relative;
	top : 25px;
	left : 15px;	
	border : none;
	z-index: 99;
}

#linkhome {
	z-index: 99;
}

#facebookjoin {
	position: relative;
	border: none;
	left: 52px;
	top: 25px;
	z-index: 100;
}

.header .searchbox {
	margin-left: 35px;
}

.banner {
	width : 468px;
	height : 60px;
	margin-right:auto;
	margin-left:auto;
	background-color : magenta;
}

.contentContainer {
	background-color : #f0f0f0;
	background-image: url(../images/cornerIndentFull.gif);
	background-repeat:no-repeat;
	background-position: top right; 
	padding : 10px;
	padding-top:20px;
}

.cafepress .contentContainer {
	background-image :none;
}

.cafepress .divider {
	position : relative;
	border-top: 10px solid #f386fb;
	border-bottom: 10px solid #993399;
}

.cafepress .mainNav {
	top : -1px;
	font-size:120%;
	padding-left: 10px;
}

.cafepress .imageBorder {
	background-color: white;
}

.breadCrumbTrail {
	font-size : smaller;
	margin-bottom : 0px;
}

.pages {
	display : block;
	clear : left;
	background-color : #FFC3FF;
	text-align : center;
	font-weight : bold;
}

.pages a {
	font-weight : normal;
}

.prevnext {
	font-weight : bold;
}

.top {
	border-top : 2px solid #551a8b;
}

.bottom {
	border-bottom : 2px solid #551a8b;
}

.leftColumn {
	float : left;
	width : 122px;
	padding-right: 5px;
	margin-top : 10px;
}

.rightColumn {
	position : relative;
	float : right;
	clear : right;
	width : 122px;
	top: 100px;
	padding-left: 5px;
	z-index :1;
}

.bottomLink {
	font-family : comic sans ms;
	text-align : center;	
}

.bottomLink a {
	text-decoration:none;	
}

.size {
	float: left;
	text-align: center;
	margin-right: 1em;
}

.keywords {
	clear: left;
	font-size: smaller;
}

.size h3 {
	margin-top: 0px;
}

.emoDiv {
	float : left;
	text-align : center;
	font-family : comic sans ms;
	font-size : smaller;
	margin-right : 25px;
}

.emoDiv .emoface img {
	margin-left : 25px;
	margin-right : 25px;
}

.emoTable {
	margin-top : 10px;
	width : 80%;
	float:left;
	clear : left;
	text-align : center;
	font-family : comic sans ms;
	font-size : smaller;
}

.emoface {
	display : block;
	position : relative;
	border : 5px solid #ff86ff;
	background-color : white;
}


.score img { border: 0px; }
.score {
	margin-right:auto;
	margin-left:auto;
	width:100px;
	height:20px;
	background-image: url(../images/starsGray.gif);
}

.scoreStars {
	position:relative;
	display:block;
	overflow:hidden;
	float:left;	
}

.scoreImg {
margin:0px;
	padding:0px;

}

.emoTable .name, .emoDiv .name {
	font-size : larger;
}

.name, .caption, .subcaption {
	display : block;
	text-decoration:none;	
}

.emoTable td {
	width : 20%;
}

.emoTable tr {
	vertical-align : top;
}

.emoface img, .emoface embed {
	vertical-align : top;
	display : inline;
	margin-top : 25px;
	margin-bottom : 25px;
	border : 0px;
}

.topIcon {
	border : 0px;
	text-align: center;
}

.topIcon img {
	border : 0px;
}

.rssList {
	list-style-type : none;
}

.rssList li {
	margin-left : 0px;
	padding-bottom : 5px;
	background-image: url(../images/rssfeed.gif);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 1.5em;	
}

.middle {
	border : 0px;
	vertical-align : middle;
}

.rssfeed {
	border : 0px;
	text-align: center;
	font-family : comic sans ms;
	margin-bottom: 10px;
}

.rssfeed img {
	border : 0px;
	vertical-align : middle;
}

.rss {
	border : 0px;
	vertical-align : middle;
}

.email {
	float: left;
	margin-left : 5px;
	margin-right : 5px;
}

.footer {
	font-size : small;
	text-align : center;
}

.smallprint {
	font-size : smaller;
}

.ballot {
	display : none;
}

.vote li.ballots:hover ul {
	display: block;
	z-index: 6000;
	text-decoration:none;	
	  
}

.download {
	vertical-align: middle;
}

#downloadBox {
	border: 0px;
}

.downloadList img {
	float : left;
	margin : 5px;
}

.downloadList {
	clear : both;
}


.nobullets {
	list-style:none;
}

.emailSubscribe {
	position : relative;
	float : right;
	text-align : center;
	font-size: 1.25em;
	font-weight : bold;
	background-color : yellow;
	padding : 10px;
	margin : 10px;
}

.emailSubscribe .title {
	font-size: 0.8em;	
}

.emailSubscribe .title {
	text-decoration:none;		
}

.preferencesSaved {
	color : red;
	font-weight : bold;
}

.infoCats {
	font-size: smaller;
}


/** WALLPAPER **/
.wallpaper {
	float : left;
	width : 325px;
	height : 300px;
}

.wallpaper .thumb {
	float : left;
	border : 5px solid #ff86ff;
	padding : 20px;
	margin : 0px 20px 5px 20px;
	background-color : white;
}

.wallpaper .caption {
	text-align : center;
}

.wallpaper .description {
	clear : left;
	text-align : left;
	padding : 0px 20px 20px 20px;
}

.preview {
	vertical-align: top;
	text-align: center;	
}

.preview .title {
	font-weight : bold;
}



/** PAYPAL **/

.payPalButton {
	margin : 5px;
	float : left;
	text-align: center;
}

.payPalButton img {
	border: 0px;
}

/** LINKS PAGE **/

.linkSet {
	clear : left;
}

.linkLogo {
	clear : left;
	float: left;
	width : 250px;
}

.linkDesc {

}

/** FORMS **/
.errorMessage {
	font-weight : bold;
}

.errorMessage .errorMessage {
	color : red;
}

.required {
	padding-left : 5px;
	padding-right : 5px;
	border-left : 5px dotted #993399;
	border-right : 5px dotted #993399;
}

.formcontent {
	margin-top : 1em;
	margin-bottom : 1em;
	clear : left;
}

.formcontent .label {
	font-weight : bold;	
}

/** SHOP **/

.cpshop {
	text-align : center;
}

.cpshop img {
	border : 5px solid #ff86ff;
	background-color : white;
	padding : 5px;
}

/** SITEMAP **/

.sitemapContainer {
	margin-left : -25px;
}

.sitemap {
	padding-top : 10px;
	padding-bottom : 7px;
	margin-left: 25px;
	padding-right: 3px;
}

.sitemap .name, .sitemap .title {
	display : inline;
}

.sitemapThumb {
	float : right;
	border: none;
	margin-left : 10px;
}

.nameAndTitle {
	overflow : visible;
}

/** SEARCH **/

.searchbox label {	
	display: none;
}

.result {
	clear : left;
}

.search .nrResults {
	border-top: 1px solid Black;	
	text-align : right;
	margin-top : 1em;
	background-color : #D9D9D9;
	font-size : smaller;
}

.search .pages {
	text-align : center;
}

.search .next, .search .prev {
	font-weight : bold;
}

.search .query {
	width : 20em;
}

.search .result {
	margin-top : 1em;
	margin-bottom : 0.5em;
}

.search .result .thumbnail {
	clear : left;
	float : left;
}

.search .result .thumbnail img {
	border : 0px;
	margin-right : 5px;
}

.search .result .url a {
	font-size : smaller;
	color : #0069B0;
	text-decoration:none;
}

.search .noresults {
	margin-bottom : 1em;	
}

.search .dymWord {
	font-weight : bolder;
	font-style : italic; 	
}

.search .didyoumean {
	margin-bottom : 1em;
}

.menuSearch {
	position : relative;
	display : inline;
	float : left;
/*	float : right;
	margin-top : 3px;
	margin-right : 150px;
	padding: 3px 0;
	margin-left: 10px;*/
}

.menuSearch .query {	
	width : 10em;
	font-size : 0.75em;	
}

.menuSearch .button {
	font-size : 0.75em;	
}

/*** Vote on emoface ***/

/* center the outer div */
.vote {
	display: block;
   margin:0 auto 0 auto;
}

/* set the outer div size and background image */
.vote {
   position:relative;
   width:95px;
   height:19px;
   background:transparent url(../images/stars0.gif) no-repeat;
   }

/* get rid of the images and text */
.vote a .caption {
   display:none;
   }
.vote a img, .vote a:visited img {
   display:none;
   }

/* set the general styling for all the links */
.vote a, .vote a:visited {
   position:absolute;
   top:0;
   width:19px;
   height:19px;
   z-index:95;
   cursor:default;
   }

/* set the individual link frame information */
.vote a.f1 {
   left:0;
   background:transparent url(../images/stars1.gif) 0 -95px no-repeat;
   z-index:95;
   }
.vote a.f2 {
   left:19px;
   background:transparent url(../images/stars2.gif) 0 -95px no-repeat;
   z-index:95;
   }
.vote a.f3 {
   left:38px;
   background:transparent url(../images/stars3.gif) 0 -95px no-repeat;
   z-index:95;
   }
.vote a.f4 {
   left:57px;
   background:transparent url(../images/stars4.gif) 0 -95px no-repeat;
   z-index:95;
   }
.vote a.f5 {
   left:76px;
   background:transparent url(../images/stars5.gif) 0 -95px no-repeat;
   z-index:95;
   }

/* resize and reposition the links on hover */
.vote a.f1:hover,
.vote a.f2:hover,
.vote a.f3:hover,
.vote a.f4:hover,
.vote a.f5:hover {
   width:95px;
   left:0;
   background-position:0 0;
   z-index:50;
}

.vote .caption {
  font-weight:bold;
}

.vote a:hover .caption {
  display:block; 
  position : relative;
  bottom: 1.5em;
  border : 0px;
  left:0; 
  color : black;
  background-color : #f0f0f0;
  text-decoration: none;
}

/** ADS **/

.headerAds {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border: 2px solid #f1703d;
	background-color: #FCC008;
	width: 60%;
	text-align : center;
	font-weight: bold;
}

.headerAdsInner {
	border: 2px solid #FDDB05;
	background-color: yellow;
	padding: 5px;
}

/** CODE **/
.code {
	width : 75%;
	height: 5em;
}

/** FLAG **/
.flagErrors {
	background-color: orange;
}

/** ZAZZLE LINKS **/
.zazzle {
	font-family : comic sans ms;
	font-size: 20px;
	text-align: center;
	background-color: black;
}
.zazzle img {
	border: none;
}

.zazzle a {
	text-decoration: none;
	color: white;
}

.zazzle-horz {
	float: left;
	border: 1px solid black;
	margin-top: 1em;
}

.zazzle-vert {
	float: right;
	width: 152px;
	border: 1px solid black;
}

.zazzle-horz-small {
	background-color: none;
	float: left;
	padding: 0px;
	font-size: 5px;
	margin-bottom: 10px;
}


/** SPONSORED LINKS **/
.sponsored-horz {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 80%;
	background-color: white;
	height:106px;
	width: 728px;
	border: solid 1px black;
	float:left;
}

.sponsored-vert {
	float:right;
	clear: right;
	margin-top: 2em;
	margin-bottom: 10px;
	font-size: 80%;
	background-color: white;
	width: 120px;
	height: 617px;
	border: solid 1px black;
}

.titleZazzle {
	padding-top: 1em;
}

/*.settings, .headerSearchbox, .emofacesShortcutsContainer, .emoShortcut, .mainNavContainer, .subMenuEmofacesContainer { display: none; }*/

.rightBar {
	float: right;
	text-align: center;
}

.sponsored-vert {
	clear: left;
}

#scmob {
	text-align: left;
	float: left;
}