/* Global Stylesheet 
 
Description: Styles for most browsers (non-IE)
Author: Julian Hayward
Contact: contact@cardtoppers4crafts.com

[Table Of Contents]

1- Global Reset Ver 1.0
2- Global Assignments
3- Text Assignments    
4- Common Classes
5- Layout
6- Header
7- Lists

Use = symbol and table of contents number (=6) to jump to specific content area.
Example: *Find* =4 will take you to the Right Column styles.
*/
/* @group Global Reset */
/* =1 Global Reset Ver 1.0
-------------------------------------------------------------------*/
html, body, div, span, object, iframe,
address, blockquote, h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, b, bdo, big, cite, code,
del, dfn, em, i, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label,
table, caption, thead, tfoot, tbody, tr, th, td {
	padding: 0;
	margin: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
}
body {
	color: #333333;
	font-size: 62.5%;
	/*with this setting, 1em = 10px */
	font-size: expression(screen.deviceXDPI > 96 ? 1000 / ((screen.deviceXDPI / 96) * 16) + "%" : "62.5%");
	/* Fix for IE and dpi other than 96 dpi - http://www.williamkolean.com/williamblog/?p=18 */
	line-height: 1.25;
	background: #fff;
	font-family: Arial, Helvetica, "bitstream vera sans", sans-serif;
}

/* @group Layout */

/* =3 Common Classes
-------------------------------------------------------------------*/

/* .hidden {
	display: none !important; */

/* =5 Layout Assignments
-------------------------------------------------------------------*/
#wrapper {
	width: 100%;
}

#wrapperHeader {
	width: 100%;
	height: 70px;
	background-color: #f6faff;
}

#wrapperNav {	
	min-height: 8px;
	border-top: 1px solid #d7ecf6;
	border-bottom: 1px solid #c2e2e2;
	background: #e0f4f7 url(http://www.cardtoppers4crafts.com/images/toolnav4.png) repeat-x 0 0;
	
}

#wrapperContent {
	width: 100%;
	min-height: 200px;
	background-color: #fff;
}

#wrapperFooter {
	width: 100%;
	clear: both;
	background-color: #f5f7fa;
}
/* @end */

/* @group header */
/* =6 Header Assignments
-------------------------------------------------------------------*/
#header {
	min-width: 72em;
	max-width: 98em;	
	height: 80px;
	padding: 9px 0 0;
	margin: 0 auto;
	position: relative;
	text-align: right;
	overflow: hidden;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0;
	display: block;
	height: 80px;
	width: 220px;
	/*background:  transparent url(http://cdn.stumble-upon.com/i/bg/logo_su.png) no-repeat 0 50%; */
	background:  url(logo.jpg) no-repeat 0 50%;
	font-family:"Trebuchet MS",Arial,Helvetica,Verdana,sans-serif;
	font-size: 18px;
	text-decoration: none;
	text-align: left;	
	padding-left: 40px;
	line-height: 30px;
	font-weight: bold;
	color: #645F5F;
	overflow: hidden;
}

#logo span {
	font-size: 12px;
	font-weight: normal;
}

/* headert original 
#headert {
	border-bottom:1px solid #999;
	height:80px;
	margin:0 auto;
	width:751px;
}
#headert h1 {
	color:#888;
	font-size:300%;
	letter-spacing:-3px;
	text-align:right;
	padding:5px;
	margin-bottom:-20px;
}
#headert h2 {
	color:#CCC;
	font-size:200%;
	letter-spacing:-2px;
	text-align:right;
	padding:5px;
} */

/* New version */
#headert {
        position: absolute;
	top: 0px;
	left: 5px;
	/*left: 160px;  */
	/* border-bottom:1px solid #999; */
	height:80px;
	margin:0 auto;
	width:350px;
	font-family: Arial, Helvetica, "bitstream vera sans", sans-serif;
	
}

#headert h1 {
	color:#888;
	font-size:350%;
	letter-spacing:-3px;
	text-align:left;
	padding:5px;
	margin-bottom:-20px;
	
}

#headert h2 {
	color:#CCC;
	font-size:200%;
	letter-spacing:-2px;
	text-align:left;
	padding:5px;
}	




.signin {
   font-size: 120%;
   font-family: Arial, Helvetica, "bitstream vera sans", sans-serif;
}

.signin a {
	text-decoration: none;
	color: #6e7ebd;
}
.signin a:hover {
	color: #0F2C3A;
	text-decoration: none;
	}

/* @end */

/* @group Navigation */
/* =7 Navigation
-------------------------------------------------------------------*/
#navMain {
	max-width: 980px;
	min-width: 720px;
	height: 25px;
	padding: 3px 0 0;
	margin: 0 auto;
	position: relative;
	bottom: -1px;
	z-index: 10;
}

#navMain li {
	margin: 0 10px;
	float: left;
	display: inline;
}

#navMain .first {
	margin-left: 0;
}

#navMain .first a {
	padding-left: 0;
}

.home #navMain .home a {
	padding-left: 18px;
}

#navMain .last {

}

#navMain a {
	padding: 0 18px;
	line-height: 23px;
	display: block;
	color: #507e9b;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;	
	border: 1px solid transparent;
	text-decoration: none;
}

#navMain a:hover {
	color: #606060;
	text-decoration: none;
}

#navMain .active a,
.home #navMain .home a,
.contact #navMain .contact a,
.terms #navMain .terms a, 
.CDROM #navMain .CDROM a,
.wholesale #navMain .wholesale a {
	background-color: #fff;
	color: #606060;
	text-decoration: none;
	border-color: #c2e2e2;
	border-bottom-color: #fff;
}

#navMain #searchNav {
	margin-right: 0px;
	margin-top: -2px;
	float: right;
}

#searchNav fieldset {
	padding: 0 5px 0 10px;
	position: relative;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #e1e1e1;
}

#searchNav label {
	position: absolute;
	left: -999em;
}

#searchNav input.text {
	height: 15px;
	margin: 1px 0 0 0;
	padding: 2px 0 0 0;
	width: 140px;
	border: 0 none;	
	vertical-align: top;
	color: #808080;
}

#searchNav #searchNavSubmit {
	margin-top: 3px;
}


/* @group Nav Secondary */
#navSecondary,
.filter {
	height: 15px;
	padding: 5px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border: 1px solid #E6E6E6;	
	background-color: #E6E6E6;	
}
#navSecondary li,
.filter li {
	padding: 0 9px;
	margin: 0 2px;
	display: inline;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
#navSecondary a,
.filter a {
	padding: 3px 7px;
	line-height: 15px;	
	color: #507E9B;
}
#navSecondary ul.right {
	margin-right: 7px;
}
#navSecondary .right li,
.filter .right li {
	padding: 0 2px;
} 
#navSecondary .right a,
.filter .right a {
	font-size: 90%;
}
#navSecondary a:hover,
.filter a:hover {
	color: #0A466E;
	text-decoration: none;
}
#navSecondary li.selected a,
.activity #navSecondary .activity a,
.toprated #navSecondary .toprated a,
.shares #navSecondary .shares a,
.subscriptions #navSecondary .subscriptions a,
.subscribers #navSecondary .subscribers a,
.onlinenow #navSecondary .onlinenow a,
.visitors #navSecondary .visitors a,
.mayknow #navSecondary .mayknow a,
.all #navSecondary .all a,
.reviews #navSecondary .reviews a,
.photos #navSecondary .photos a,
.videos #navSecondary .videos a,
.discoveries #navSecondary .discoveries a,
.list #navSecondary .list a,
.grid #navSecondary .grid a,
.created #navSecondary .created a,
.rated #navSecondary .rated a,
.score #navSecondary .score a,
div.settings #navSecondary .settings a,
.customize #navSecondary .customize a,
.interests #navSecondary .interests a,
.picture #navSecondary .picture a,
.common #navSecondary .common a,
.all-groups #navSecondary .all-groups a,
.popular #navSecondary .popular a,
.suggested #navSecondary .suggested a,
.newest #navSecondary .newest a,
li.hasChild.hover a,
li.active .controls a {
	background-color: #fff;
	color: #808080;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
li.hasChild {
	position: relative;
}
li.hasChild ul {
	width: 150px;
	height: 220px;
	padding: 0 0 10px 0;
	position: absolute;
	left: -999em;
	top: 18px;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	z-index: 100;
}
li.hasChild ul.public {
	width: 150px;
	height: 200px;
	padding: 0 0 10px 0;
	position: absolute;
	left: -999em;
	top: 18px;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #E0E0E0;
}
li.hasChild:hover ul,
li.hasChild.hover ul {
	left: 15px;
}
#navSecondary li.hasChild li,
.filter li.hasChild li {
	height: auto;
	padding: 0;
	margin: 0;
}
#navSecondary li.hasChild li a,
.filter li.hasChild li a {
	height: auto;
	padding: 2px 5px;
	margin: 0;
	font-size: 12px;
	display: block;
}
#navSecondary li.hasChild li a:hover,
.filter li.hasChild li a:hover {
	background-color: #e6e6e6;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
/* @end */


/* @group content */
/* =7a navSecondary Class

/* @group Nav Secondary */
.navSecondary {
	height: 15px;
	padding: 5px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border: 1px solid #E6E6E6;	
	background-color: #E6E6E6;	
}
.navSecondary li
{
	padding: 0 9px;
	margin: 0 2px;
	display: inline;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.navSecondary a
{
	padding: 3px 7px;
	line-height: 15px;	
	color: #507E9B;
}
.navSecondary ul.right {
	margin-right: 7px;
}
.navSecondary .right li
 {
	padding: 0 2px;
} 
.navSecondary .right a
 {
	font-size: 90%;
}
.navSecondary a:hover
 {
	color: #0A466E;
	text-decoration: none;
}

/*#navSecondary li.selected a,
.activity #navSecondary .activity a,
.toprated #navSecondary .toprated a,
.shares #navSecondary .shares a,
.subscriptions #navSecondary .subscriptions a,
.subscribers #navSecondary .subscribers a,
.onlinenow #navSecondary .onlinenow a,
.visitors #navSecondary .visitors a,
.mayknow #navSecondary .mayknow a,
.all #navSecondary .all a,
.reviews #navSecondary .reviews a,
.photos #navSecondary .photos a,
.videos #navSecondary .videos a,
.discoveries #navSecondary .discoveries a,
.list #navSecondary .list a,
.grid #navSecondary .grid a,
.created #navSecondary .created a,
.rated #navSecondary .rated a,
.score #navSecondary .score a,
div.settings #navSecondary .settings a,
.customize #navSecondary .customize a,
.interests #navSecondary .interests a,
.picture #navSecondary .picture a,
.common #navSecondary .common a,
.all-groups #navSecondary .all-groups a,
.popular #navSecondary .popular a,
.suggested #navSecondary .suggested a,
.newest #navSecondary .newest a,
li.hasChild.hover a,
li.active .controls a {
	background-color: #fff;
	color: #808080;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
} */

.navSecondary li.hasChild li
 {
	height: auto;
	padding: 0;
	margin: 0;
}
.navSecondary li.hasChild li a
{
	height: auto;
	padding: 2px 5px;
	margin: 0;
	font-size: 12px;
	display: block;
}
.navSecondary li.hasChild li a:hover
 {
	background-color: #e6e6e6;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.columtop {
	background-color: #fff;
	color: #808080;
	line-height: 15px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}


/* @end */


/* @group content */
/* =8 Content
-------------------------------------------------------------------*/
/* @group .box */
.box {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;	
}
.colMain .box {
	padding-left: 5px;
	overflow: hidden;
}
.colMain .box.first {
	 margin-top: 15px; 
}
/* @end */
#content {
	max-width: 980px;
	min-width: 720px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
}
.oneCol650 #content {
	width: 650px;
	max-width: 650px;
	min-width: 650px;
}
.colMain {
	min-height: 300px;
	max-width: 780px;
}
.hasColRight .colMain {
	margin-right: 200px;	
}
.colRight {
	width: 180px;	
	min-height: 300px;
	overflow: hidden;
	padding-top: 20px;
	float: right;
	display: inline;
}

/* @end */

/* Manage Interests */

#listCats {
	float: left;
	width: 140px;
}

#listCats ul li {
	line-height: 22px;
	padding-left: 5px;
}

#listCats ul li.current {
	background-color: #fefae9;
}

#listTopics {
	float: left;
	background-color: #fefae9;
	min-height: 350px;
	padding: 10px;
}

/* Discover page List topics in box */
.box ul.listTopics li {
	margin-bottom: 5px;
}
/* to move */
div.discoverer {
	margin-top: 5px;
}
div.discoverer a {
	/*font-weight: bold;*/
}
div.discoverer .img {
	float: left;
	display: inline;
}
div.discoverer .img a {
	height: 64px;
	width: 64px;
	display: block;
	margin-right: 5px;
	text-indent: -999em;
}
div.discoverer p {
	margin-bottom: 0;
	line-height: 18px;
}

div.listGroups dl,
ul.listLikes li {	
	float: left;
	width: 150px;
	margin-bottom: 5px;
}
div.listGroups dl {
	min-height: 115px;
}
ul.listLikes li {
	min-height: 30px;
}
div.listGroups,
ul.listLikes,
div.userImage {
	margin-bottom: 20px;
}

div.userAbout {
	margin-top: 10px;
}

/*headerControls*/
ul.headerControls {
	min-height: 28px;
	margin-bottom: 10px;
}
ul.headerControls h1 {
	padding-top: 2px;
	margin-bottom: 0;
	font-size: 20px;
	line-height: 25px;
}
ul.headerControls li {
	padding-left: 5px;	
	float: left;
	display: inline;
}
ul.headerControls .btnYellow {
	width: 105px;
	padding: 2px 10px;
	margin-right: 17px;
	font-size: 16px;	
	line-height: 20px;	
	text-align: center;			
}
ul.headerControls li h1 {
	min-width: 130px;
	max-width: 500px;	
}
ul.headerControls .addSite,
ul.headerControls .share {
	padding-top: 7px;
	margin-right: 9px;
	float: right;
	display: inline;
}
ul.headerControls .btnWhite {
	padding: 1px 10px;	
	font-size: 11px;	
	line-height: 19px;		
}


.headerh1 {
	padding-top: 2px;
	margin-bottom: 0;
	font-size: 20px;
	line-height: 25px;
}

/* The Julian stuff */

#pagecontent
{
   font-size: 120%;
   font-family: Arial, Helvetica, "bitstream vera sans", sans-serif;
    

}


#adpagecontent
{
   font-size: 180%;
   font-family: Arial, Helvetica, "bitstream vera sans", sans-serif;
    

}

.themecontent
{
   font-size: 120%;
   font-family: Arial, Helvetica, "bitstream vera sans", sans-serif;
}

.themecontent a
{
	text-decoration: none;
	/* color: #6e7ebd; */
	color: #0F2C3A;
}

.themecontent a:hover
{
		color:#0000ff;
		text-decoration:none;
}

#themep
{
  float:left;
  width:180px;
  min-height:270px;
  padding:0 0 0 2px;
  text-align:center;
 /*border-right:1px solid #999;
 border-left:1px solid #999;
 border-top:1px solid #999; */
 
 /*-moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border: 1px solid #999; 
  padding: 2px;*/
}
.themepiccie
{
  width: 175px;
  height:175px;
}

#pictureleft
{
float:left;
width: 180px;
padding-left: 5px;
}

.pictureleft
{
float:left;
width: 180px;
padding-left: 5px;
}

#picturemiddle
{
margin:0 auto;
width: 30%;
margin-right:auto;
margin-left:auto;
padding: 0px;
}

.picturemiddle
{
text-align:center;
margin:0 auto;
/* width: 30%; */
margin-right:auto;
margin-left:auto;
padding-top: 10px;
}

#pictureright
{
float:right;
width: 180px;
text-align:right;
padding-right: 5px;
vertical-align: top;

}

#pictureright2
{
float:right;
width: 263px;
text-align:right;
padding-right: 5px;
vertical-align: top;

}

/* content */
#content {
	height:auto;
	margin:0 auto;
	padding:0 0 20px;
	width:980px;
}

/* footer  border-top:1px solid #999; */
#footer {
	border-top:1px solid #999; 
	height:50px;
	margin:0 auto;
	padding:10px;
	margin-top: 15px;
	text-align:center;
	width:980px;
}

.clear
{
 clear:both;
 /*border-bottom:1px solid #999;*/
}

#pagecontent2
{
  margin:0 auto;
  width:540px;
    
 /* background-color: #ccc; */
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  border: 1px solid #999; 
  padding: 2px;
  font-size: 120%
}


/* =11 Content  Advertising landing Page Clases
-------------------------------------------------------------------*/

.advertcontent p
{
   font-size: 200%;
   font-family: Arial, Helvetica, "bitstream vera sans", sans-serif;
}

.red
{
  color: #ff0000;
}

.centerit
{
  text-align: center;
}

.alignright
{
  text-align: right
}


.ulbigdots
 {
/*font-size : 10pt;
font-family : "Trebuchet MS", arial, helvetica, sans-serif;
color : #003366; */
line-height:200%;
list-style-image: url(http://www.cardtoppers4crafts.com/images/BigDot.jpg);
}

/* =12 Descriptive Style content
-----------------------------------------------------------------------*/
.descriptivep 
{
	font-size: 100%;
	padding-bottom:10px;
}

.descriptivep a
{
	text-decoration: none;
	/* color: #6e7ebd; */
	color: #0F2C3A;
}

.descriptivep a:hover
{
		color:#0000ff;
		text-decoration:none;
}


.descriptiveh1 
{
	font-size: 160%;
	padding-bottom:8px;
	padding-top:5px;	
}
.descriptiveh2 
{
	font-size: 150%;
	padding-bottom:8px;
}
.descriptiveh3 
{
	font-size: 140%;
	padding-bottom:8px;
}
.largepara
{
   font-size:150%;
}