html
{
	height: 100%;
	overflow-y: scroll;
}
img{
	border: none;
	display: block;
}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
a { text-decoration: none; }
a:hover { font-weight: bold; }
h3 { margin: 0; padding-left: 12px; color: #fff; }
body
{
	background: #333 url(../img/header.png) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: auto 0;
}
div#header {
	width: 980px;
	margin: 0 auto 10px;
	padding-bottom: 5px;
}
div.headerShade {
	width: 100%;
	background: transparent url(../img/header.png) repeat-x bottom;
	height: 5px;
	margin-bottom: 7px;
}
div.headerwrapper {
	width: 100%;
	background: url(../img/header.png) repeat-x top;
	height: 35px;
}
div#header h1 {
	color: #fff;
	font-size: 24px;
	font-family: Century Gothic;
	margin: 0;
	margin-top: 8px;
	width: 656px;
	float: left;
}
div#header h1.sIFR-replaced { margin-top: 2px; }
div#header h1 { color: #ffffff; }
div#header h1 span { color: #00a49e; }
div#header input.search {
	background: url(../img/search.png) no-repeat;
	float: left;
	border: none;
	margin-top: 9px;
	width: 161px;
	height: 17px;
	color: #fff;
	font-size: 11px;
	font-family: Arial;
	padding: 2px 22px 2px 8px;
	line-height: 11px;
}

div#header a.options {
	background: url(../img/options.png) no-repeat;
	width: 70px;
	height: 24px;
	float: right;
	color: #fff;
	margin-top: 4px;
	padding: 3px 0px 0px 11px;
	cursor: pointer;
}
div#header a.options:hover { font-weight: normal; }
div#container {
	width: 980px;
	margin: auto;
	display: block;
	overflow: hidden;
}

div#left, div#middle, div#leftWhite, div#middleWhite, div#center {
	margin-right: 10px;
}
.groupWrapper
{
	width: 320px;
	float: left;
	min-height: 400px;
}
.serializer
{
	clear: both;
}
.groupItem
{
	background: transparent url(../img/block_bottom.png) no-repeat bottom;
	padding-bottom: 8px;
	margin-bottom: 10px;
}

.groupItem .itemHeader
{
	color: #00a49e;
	font-weight: bold;
	font-size: 12px;
	padding: 12px 16px 6px;
	height: auto;
	background: transparent url(../img/block_top.png) no-repeat top;
	overflow: hidden;
}
.groupItem .itemHeader span {
	width: 175px;
	float: left;
}
.rss .itemHeader span {
	width: 155px;
}
.groupItem .itemContent ul {
	margin: 0;
	list-style: none;
	padding: 0;
	color: #fff;
	min-height: 18px;
}

.groupItem .itemContent {
	color: #fff;
	padding: 12px 16px 10px;
	padding-top: 0px;
	background: url(../img/block_midden.png) repeat-y ;
}

.groupItem .itemContent li {
	overflow: hidden;
	}
.groupItem .itemContent li span.overflow {
	width: 1600px;
	overflow: hidden;
	float: left;
}
ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
}


ul li a span {
	color: #00a49e;
	margin-left: 12px;
}

img.handle {
	margin-top: 4px;
	cursor: n-resize;
	float: left;
	display: none;
}
img.favvyedit,
img.trash {
	display: none;
	float: left;
	margin-top: 4px;
	cursor: pointer;
}
.groupItem .itemHeader a
{
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #444;
	display: none;
	float: right;
}

.ui-state-highlight {
	height: 16px;
	border: 1px dashed #000;
	opacity: 0.5;
}

.groupItem .itemHeader a.closeEl {
	padding: 5px;
	background: url(../img/iconmap.gif) no-repeat -55px 5px;
	display: block;
	width: 9px;
	height: 9px;
}
.groupItem .itemHeader a:hover.closeEl { background: url(../img/iconmap.gif) no-repeat -55px -35px; }
.groupItem .itemHeader a.maximize {
	background: url(../img/iconmap.gif) no-repeat -75px 5px;
}
.groupItem .itemHeader a:hover.maximize { background: url(../img/iconmap.gif) no-repeat -75px -35px; }
.groupItem .itemHeader a.move {
	background: url(../img/iconmap.gif) no-repeat -16px -16px;
	width: 11px;
	height: 11px;
	padding: 4px;
	cursor: move;
}
.groupItem .itemHeader a:hover.move { background: url(../img/iconmap.gif) no-repeat -16px -56px; }
.groupItem .itemHeader a.deleteBlock {
	background: url(../img/iconmap.gif) no-repeat 5px 4px;
	width: 11px;
	height: 11px;
	padding: 4px;
}
.groupItem .itemHeader a:hover.deleteBlock { background: url(../img/iconmap.gif) no-repeat 5px -36px; }
.groupItem .itemHeader a.edit {
	padding: 4px;
	background: url(../img/iconmap.gif) no-repeat -36px -16px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	display: block;
}
.groupItem .itemHeader a:hover.edit { background: url(../img/iconmap.gif) no-repeat -36px -56px; }
.groupItem .itemHeader a.done {	background: url(../img/iconmap.gif) no-repeat -56px -16px; }
.groupItem .itemHeader a:hover.done { background: url(../img/iconmap.gif) no-repeat -56px -56px; }

a.colorSelectorHeader,
a.colorSelector {
	background: url(../img/iconmap.gif) no-repeat 3px -17px;
	display: block;
	width: 12px;
	height: 12px;
	padding: 3px;
	display: none;
	float: right;
}
a.colorSelectorHeader { display: block; margin-right: 6px; margin-top: 8px; }

a.undo
{
    background: url(../img/undo.gif) no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    padding: 3px;
    display: block;
    float: right;
    margin-right: 6px; 
    margin-top: 10px;
	opacity: 0.4;
}

a:hover.undo { opacity: 0.8; } 

a.uploadImages {
	background: url(../img/iconmap.gif) no-repeat 3px -17px;
	display: block;
	width: 12px;
	height: 12px;
	padding: 3px;
	display: none;
	float: right;
}

a:hover.colorSelector { background: url(../img/iconmap.gif) no-repeat 3px -57px; }

a.moreFeeds { 
	padding: 5px;
	background: url(../img/skin_white/iconmap.png) no-repeat -95px 5px;
	display: block;
	width: 9px;
	height: 9px;
}
a:hover.moreFeeds { background-position: -95px -35px; }
a.lessFeeds { 
	padding: 5px;
	background: url(../img/skin_white/iconmap.png) no-repeat -95px -15px;
	display: block;
	width: 9px;
	height: 9px;
}
a:hover.lessFeeds { background-position: -95px -55px; }
.itemContent form label.formLabel {
	margin-bottom: 4px;
	padding: 3px 0 3px 200px;
	color: #ccc;
	display: block;
	width: auto;
}
.itemContent form a.submit,
.itemContent form input {
	color: #fff;
	background: url(../img/input.gif) no-repeat;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 5px;
	width: 182px;
	float: left;
	margin: 0 4px 4px 0;
}
.itemContent form div.cancel { float: left; display: none; }
.itemContent form a.cancel,
.itemContent form a.submit {
	background: url(../img/block_button.gif) no-repeat top left;
	height: 20px;
	padding: 0px 0px 0px 6px;
	width: auto;
	color: #777;
	float: left;
}
.itemContent form a.cancel span,
.itemContent form a.submit span {
	background: url(../img/block_button.gif) no-repeat top right;
	padding: 2px 7px 2px 0;
	margin: 0;
}
.itemContent form a:hover.cancel,
.itemContent form a:hover.submit { color: #fff; font-weight: normal; }
.itemContent form span{
	margin-right: 6px;
}
.itemContent form {
	display: none;
	margin: 0;
	color: #fff;
	height: 54px;
	overflow: hidden;
}

#submenu {
	width: 220px;
	top: 28px;
	right: 0px;
	position: absolute;
	display: none;
}
div.optionsSub {
	position: relative;	
}

#submenu .groupItem {
	background: transparent url(../img/sub_bottom.png) no-repeat bottom;
}

#submenu .groupItem .itemHeader{
	background: transparent url(../img/sub_top.png) no-repeat top;
}

#submenu .groupItem .itemContent {
	background: url(../img/sub_midden.png) repeat-y ;
}




/* popup!!!!  */
#popupBox {
	background-color: #000;
	position: absolute;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0;
	z-index: 50;
	opacity: 0.0;
}

#popContainer {
	position: fixed;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0;
	z-index: 40;
	display: none;
}

#popup {
	width: 480px;
	top: 0;
	display: none;
	position: absolute;
	z-index: 60;
}

#popup .groupItem {
	background: transparent url(../img/popup_bottom.png) no-repeat bottom;
}
#popup .groupItem .itemHeader {
	background: transparent url(../img/popup_top.png) no-repeat top;
	color: rgb(0, 163, 158);
}
#popup .groupItem .itemContent {
	background: url(../img/popup_midden.png) repeat-y ;
}

#popup .groupItem .itemHeader .left {
	float:left;
}

#popup .groupItem .itemHeader .right {
    float:right;
}

#popup .groupItem .itemHeader .right a {
	color: #ffffff;
	display:inline;
	font-size:14px;
}

#popup .groupItem .itemHeader .right a:hover {
    text-decoration:none;
    font-weight:bold;
}

#popup form {
	display: block;
	overflow: hidden;
	height: 100%;
}
#popup form label {
	width: 80px;
	float: left;
	padding-top: 6px;
}
#popup form input {
	background: url(../img/large_input.gif) no-repeat;
	height: 23px;
	padding-right: 14px;
	width: 266px;
}

#popup form .textarea
{
    background:transparent url(../img/large_textarea.gif) no-repeat scroll 0 0;
	border:medium none;
	color:#ffffff;
	font-family:arial;
	font-size:1.3em;
	height:78px;
	padding:6px 10px;
	width:260px;	
}

a.icon {
	width: 18px;
	height: 10px;
	float: left;
	margin: 5px 0 2px 0;
	display: none;
}
a.trash {
	background: url(../img/iconmap.gif) no-repeat 0px 0px;
	cursor: pointer;
}
a:hover.trash {	background: url(../img/iconmap.gif) no-repeat 0px -40px; }
a.favvyedit {
	background: url(../img/iconmap.gif) no-repeat -20px 0px;
	cursor: pointer;
}
a:hover.favvyedit {	background: url(../img/iconmap.gif) no-repeat -20px -40px; }
a.handle {
	background: url(../img/iconmap.gif) no-repeat -40px 0px;
	cursor: n-resize;
	width: 14px;
}
a:hover.handle { background: url(../img/iconmap.gif) no-repeat -40px -40px; }
.groupItem .itemHeader a.titleedit {
	background: url(../img/iconmap.gif) no-repeat -20px 0px;
	cursor: pointer;
	display: none;
	float: left;
}

a.title
{
	display:inline;
}

.groupItem .itemHeader a:hover.titleedit { background: url(../img/iconmap.gif) no-repeat -20px -40px; }

.rss .itemContent a { font-size: 0.9em; line-height: 14px; display: block; color: #bbb; padding: 2px 0px 2px 4px; }
.rss .itemContent a:hover { color: #fff; font-weight: normal; background-color: #222; }
.rss ul li a { border-top: 1px solid #333; }
.rss ul li.first a { border-top: none; }
.rss .itemContent a.updated { color: #489900; }

/* Footer */
div#footer { z-index: 100; position: fixed; width: 100%; background: url(../img/footer.png) repeat-x; bottom: 0; padding-top: 24px; }
div#footer div.error { display: none; padding: 2px 12px 0; height: 22px; }
div#footer div.error span { color: #ff0055; }

div#footer { z-index: 100; position: fixed; width: 100%; background: url(../img/footer.png) repeat-x; bottom: 0; padding-top: 24px; }
div#footer div.notice { display: none; padding: 2px 12px 0; height: 22px; }
div#footer div.notice span { color: #009014; }



/*  Feed Hover */

 div.feedHover{
	background: url(../img/block_hover.png) no-repeat bottom right;
	position: absolute;
	padding-bottom: 20px;
	width: 352px;
	color: #fff;
	overflow: hidden;
	/*opacity: 0;*/
 }
 
  div.feedHover .feedTop {
 	background: url(../img/block_hover.png) no-repeat top left;
	padding-top: 20px;
	overflow: hidden;
 }
 
 div.feedHover .feedEntry {
	padding: 0px 0px 28px;
	overflow-y: auto;
	overflow-x: hidden;
 }
  div.feedHover .scroller {
 	background: url(../img/block_hover_repeater.png) repeat-y top left;
	padding: 0px 20px;
	overflow: hidden;
 }
 
 div.feedHover .feedEntry a { color: #00908B; font-weight: bold; display: inline; padding: 0; font-size: 1em; border-top: none; }
 div.feedHover .feedEntry a:hover { font-weight: bold; color: #00908B; text-decoration: underline; background-color: transparent; } 
  div.feedHover .feedEntry span.lastUpdated {
	font-size: 0.9em;
	color: #888;
	display: block;	
  }
  div.feedHover .feedEntry span { margin: 0; }
  div.feedHover .feedEntry img {
  	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	max-width: 312px;
  }
  
  div.feedHover .feedEntry div.socials a { opacity: 0.5; border: none; margin-right: 4px; padding: 1px 7px; text-decoration: none; }
  div.feedHover .feedEntry div.socials a:hover { opacity: 1; }
  div.socials a.delicious { background: url(/img/icons/delicious.png) no-repeat left; }
  div.socials a.facebook { background: url(/img/icons/facebook.png) no-repeat left; }
  div.socials a.digg { background: url(/img/icons/digg.png) no-repeat left; }
  div.socials a.twitter { background: url(/img/icons/twitter.png) no-repeat left;}
  div.socials a.reddit { background: url(/img/icons/reddit.png) no-repeat left; }
  div.socials a.stumble { background: url(/img/icons/stumble.png) no-repeat left; }
  div.socials a.nujij { background: url(/img/icons/nujij.png) no-repeat left; }
  div.socials a.newsvine { background: url(/img/icons/newsvine.png) no-repeat left; }
  div.socials a.myspace { background: url(/img/icons/myspace.png) no-repeat left; }
  div.socials a.email { background: url(/img/icons/email.png) no-repeat left; }
  div.socials a.last { margin: 0; } 
  div.share {
  	height: 20px; 
	width: 312px;
	text-align: center;
  	bottom: 20px;
	cursor: pointer;
	position: absolute;
	background: #0E0E0E;
	overflow: hidden;
	border-top: 1px solid #333;
}
 div.share span { padding: 3px 0; display: block; }
div.socials { text-align: center; }