body {
	color:#3C3C3C;  /* The main text colour  */
	/*background: #c5ccd9 url(../images/back-texture.png) repeat left top;  */
	background: #c5ccd9 url(../images/background-paper4.jpg) repeat left top;
/*	
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, 
	    color-stop(0, rgba(0,0,0,0.2)),
	    color-stop(0.1, rgba(0,0,0,0.1)),
	    color-stop(0.45, rgba(0,0,0,0)),
	    color-stop(0.55, rgba(0,0,0,0)),
	    color-stop(0.9, rgba(0,0,0,0.1)),
	    color-stop(1, rgba(0,0,0,0.2))
	), url(../images/background-paper4-light.jpg);
*/	
	
	
	/* for webkit: */
	background-image: -webkit-radial-gradient( center, farthest-corner, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.25) 60%, rgba(0,0,0,0.5) 100%
	), url(../images/background-paper4-light.jpg);
	
	/* for moz */
	background-image: -moz-radial-gradient( center, farthest-corner, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.25) 60%, rgba(0,0,0,0.5) 100%
	), url(../images/background-paper4-light.jpg) ;
	
	/* for opera, (doesn't support radial gradient as of Nov 9, 2011) */
	background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0.2) 100%),
	   url(../images/background-paper4-light.jpg) ;
	
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.25) 60%, rgba(0,0,0,0.5) 100%
	), url(../images/background-paper4-light.jpg);
	
	/* @TODO: Something for IE */
	/* @TODO: Check more modern mozilla */
	
	background-attachment: fixed, fixed;
	
}

body.nowelcomebar {
    border-top:0.25em solid rgba(0,0,0,0.8);
}

#logozone a, #logozone a:link {
	color:#3c3c3c;  /* The main text colour - for IE7 & lower */
}


/* Begin header */
header h1 .nicetext {
	background:url(../images/logo.png) no-repeat left top;  /* The logo image file  */
}

.betalabel {
    background:url(../images/arrows.png) no-repeat right 0.25em;
}

#announcement {
    background:#000;
    color:#c8c8c8;
}
#welcomebar, #welcomebar li li a {
    background: rgb(0,0,0);
    background:rgba(0,0,0,0.8);

   color:#c8c8c8;
}
#welcomebar li a {
	color:#c8c8c8;
}

.headersearch .fakesearchfield {
    background:#fff;
}
.headersearch select {
    background: #646464;
    color:#fff;
    border:1px solid #646464;
}
.headersearch button[type="submit"],
.content-search button[type="submit"] {
    background:#C23224;
    color:#fff;
}

header #addTool {
    border-color:#fff;
    border-color: rgba(255, 255, 255, 0.6);

    color:#000;
}

header #addTool .icon {
    background:url(../images/icons.png) no-repeat -2px -3px;
}

header #addTool:hover, header #addTool:focus {
    background:#3c3c3c;
    color:#fff;
}



.menuzone a:hover, .menuzone a:active, .menuzone li:hover, .menuzone li ul {
	background:#000;
}

#welcomebar .menuzone li li a:hover, #welcomebar .menuzone li li a:focus {
    background:#3c3c3c;
}

/* End Header  */

/* content tabs  */
.content-area-tabs li {
    background-color: #f5f5f5;
    background-color: rgba(255, 255, 255, 0.2);
    color:#000;
}
.content-area-tabs li a, .content-area-tabs li a:link {
	color:#000;
}

.mydash .mysites-tab, .communitydash .community-tab  {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
}

/* end content tabs */

/* Content Tools  */

.contenttools {
    background:#f5f5f5;
    background:rgba(255, 255, 255, 0.8);
    color:#646464;
}

.contenttools a, .contenttools a:link {
	color:#646464;
}

.contenttools {
    border-bottom:1px solid #646464;
}

.contenttools:last-child {
    border-top:1px solid #646464;
    border-bottom:none;
}
/* This rule duplicates the one above, but for IE  */
.ctoolslastchild {
    border-top:1px solid #646464;
    border-bottom:none;
}


.breadcrumb .viewall {
    border-color:#646464;
}
.breadcrumb .viewall:hover, .breadcrumb .viewall:focus {
    color:#fff;
    background-color:#646464;
}

/* End content tools  */

/* For folksonomy display  */
.folks, .external_loading {
    background:#fff;
}

/* End folksonomy display  */

/* For grid boxes  */
.grid .folks li, .grid .folks li:hover, .grid .folks li:focus, .grid .item, .list .taggedlink {
	background:#fff
}

.grid #content .folks > li,
.grid .folks > li {
    border-color:#f5f5f5;
}

.grid #content .folks > li.containsSite,
.grid #content .folks > li.currentDropTarget {
    border-color: #282828;
}



#content .pagination li {
	background:none;
}
#content .pagination li a {
	border-bottom-style: none;
}

.grid .thumb {
	background:#fff;
}

.grid .title,
.grid .title a:link {
	color:#fff;
    background:#282828;
}


.grid .tool {
    color:#fff;
    border-color:#fff;
}

.grid .tool:hover, .grid .tool:focus {
    color:#3C3C3C;
    background-color:#fff;
   
}

.grid .metacabinet {
    color:#fff;
}

.grid .shareblock, .grid .shareblock a:link, .grid .shareblock a {
    color:#fff;
}





.grid .tags li, .grid .folks .tags li {
	background:none;
}

.item .tags a {
    background:#646464;
    border-color:#646464; 
    color:#fff;
}
.item .tags a:hover, .item .tags a:focus {
    background:#fff;
    color:#646464;
}


/* end grid boxes  */

/* list items  */

.list .tool {
    color:#3c3c3c;
    border-color:#3c3c3c;
}
.list .tool:hover {
    background-color:#3c3c3c;
    color:#fff;
}

.list .tags a {
    background-color:#c8c8c8;
    border-color:#c8c8c8f;
    color:#3c3c3c;
}
/* end list items  */


/* Content Tools & Pagination */
 .friend .friendaction a:hover, .friend .friendaction a:focus, .friend .removetool:hover, .friend .removetool:focus, .friend .dismisstool:hover, .friend .dismisstool:focus, .friend .close:hover, .friend .close:focus, #tagoptions li:hover, #tagoptions li:focus {


	background:#2C3133;
	color:#fff;
}

.pagination a:link {
	color:#646464;
}
.pagination li {
    border-left-color:#646464;
}

.pagination a:hover, .pagination a:focus, .pagination .curpager a {
    background:#fff;
    
}

.pagination .curpager a {
    border-top:1px solid #646464;
}

#content .contenttools:last-child .pagination .curpager a {
    border-bottom:1px solid #646464;
}
/* This next rule is for IE, which doesn't seem to understand the last-child selector with the classname.  */
#content .ctoolslastchild .pagination .curpager a {
    border-bottom:1px solid #646464;
}
/* end content tools & pagination */


/* footer */

/* end footer  */

/*  For tertiary content, (usually holds an ad, when it's there) */
#tertiary-content {
    /*background:#f5f5f5;
    background:rgba(255, 255, 255, 0.8);*/
}
/* End tertiary content  */

/* for lightboxes & dialogs */
#lightboxbg {
	background:#fff;
	background:#000;
}

.dialog {
	background:#fff;
	/*border-color:#ccc;
	border:5px solid rgba(0,0,0,0.3);*/
	
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.dialog-title {
	border-color:#000;
	background:#2C3133 url(../images/24px-gradient.png) repeat-x left top;
	background:#000 url(../images/24px-gradient.png) repeat-x left top;
	color:#fff;
	
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

/* end lightboxes & dialogs */

/* for forms */
.siteform .item {
    border:5px solid #F5F5F5
}
.accountform .valid {
	background-color:#060;
}
.accountform .error, 
.siteform .error, 
.contactform .error,
.sectionErr {
	background-color:#600;
}

.sectionErr {
    color:#fff;
}
.contactform .error {
    color:#fff;
}
.accountform .required, .siteform .required, .contactform .required {
	color:#600;
}
.accountform .haserror input {
    background:#ffe9e9;
}

.supporting-content {
    color:#646464;
}

.posgrid li {
	border-color:#2C3133;
	background:#eee;
}
.posgrid li.selected {
	background:#2C3133;
}

.page_formwrapper {
  
}

/* end forms  */


/* end text pages  */

/* for beta info  */

.beta_getstarted {
	border-color:#ccc;
	background:#fff;
}

.beta_getstarted:hover, .beta_getstarted:focus {
	background:#2C3133;
	color:#fff;
	border-color:#2C3133;
}

/* end beta info  */


/* For landing/tour pages  */


.landing #content, .accountpage #content, .generalpage #content {
    background:rgba(255,255,255,0.9);
}

.accountpage h2, .generalpage h2 {
    background:rgba(255,255,255,0.5);
    border-bottom:0.1em solid #2C3133;
}

#landingfocus {
    background:#646464;
    background:#2C3133;
    color:#fff;
    
    -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.3);
    -moz-box-shadow:0 10px 10px rgba(0,0,0,0.3);
    box-shadow:0 10px 10px rgba(0,0,0,0.3);
}

#landingsignup,
.accountpage .accountform .submit button, 
.generalpage .contactform .submit button,
.generalpage .accountform .submit button,
.shareform .submit button {
    background:#C23224;
    border:1px solid #C23224;
    
    background-image: -webkit-gradient(linear, 0 0, 0 100%,
	color-stop(0, #C23224), 
	color-stop(1, #b32738)
    );
    
    background-image: -moz-linear-gradient( #C23224, #b32738);
    
}
.accountpage .accountform .submit button, 
.generalpage .contactform .submit button,
.generalpage .accountform .submit button,
.shareform .submit button {
    border-color:#849399;
}
.accountpage .accountform .submit button, 
.generalpage .contactform .submit button,
.generalpage .accountform .submit button,
.shareform .submit button {
    color:#fff;
}

#landingsignup:hover,
.accountpage .accountform .submit button:hover, 
.generalpage .contactform .submit button:hover,
.generalpage .accountform .submit button:hover,
.shareform .submit button:hover {
    background-image: -webkit-gradient(linear, 0 0, 0 100%,
	color-stop(0, #b32738),
	color-stop(1, #C23224)
    );
    
    background-image: -moz-linear-gradient(#b32738, #C23224);
    
    border-color:#C23224;
}

.accountpage .accountform .submit button.submitting, 
.generalpage .contactform .submit button.submitting,
.generalpage .accountform .submit button.submitting,
.shareform .submit button.submitting {
    background:url(/images/form-submitting-action.gif) repeat left top;
}


.landing .contactinvite a {
    color:#661A13;
    font-weight:bold;
    border-bottom:1px solid #661A13;
}
.landing .contactinvite a:hover, .landing .contactinvite a:focus {
    background:#661A13;
    color:#fff;
}

.landing .cta .silink {
    color:#999;
    border-bottom:1px solid transparent;
}
.landing .cta .silink:hover, .landing .cta .silink:active, .landing .cta .silink:visited {
    border-bottom-color:#999;
}

#landing_signinlink {
    text-shadow: 0px 1px 2px #999;
}
#landing_signinlink:hover {
    text-shadow: 0px 1px 10px #999;
}


/* end landing/tour pages */




/* For the Facebook parts of the share form */
.fb-share-form .autocomplete_suggestions {
   
    background-color:#f5f5f5;
    background-color:rgba(245,245,245,0.95);

    border:1px solid #808080;
    border-color:#808080;
}


.fb-share-form .autocomplete_suggestions li:hover,
.fb-share-form .autocomplete_suggestions li.selected {
    color:#fff;
    background:#646464;
}
/* end Facebook share form  */