/* Browser Reset */
html, body, button, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, cite, code,
del, dfn, font, ins, img, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
form, input, textarea {	font-family: Arial, Verdana, Helvetica, sans-serif; }
:focus { outline: 0; }
ol, ul {	list-style: none; }
table {	border-collapse: separate;	border-spacing: 0; }
caption, th, td {	text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }
strong, b { font-weight: bold; }
small { font-size: 10px !important; }

a:link, 
a:visited {	color: #000; text-decoration: none; }
a:hover,
a:active { text-decoration: underline; }

p {	line-height: 150%; }

.clearfix:after { content: ".";	display: block;	height: 0; clear: both;	visibility: hidden; font-size: 0px; line-height: 0; }
.clearfix {	zoom: 1; display: block; }
hr.clear { visibility: hidden; clear: both; }
.small { font-size: 10px !important; }

html {
	height: 100%;
}
body {
	background: url(img/top_bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
}
h1, h2, h3, h4, h5  {
	color: #CC0000;
	font-size: 14px;
	font-weight: bold;
}
.hl {
	color: #676767;
	display: block;
	font-size: 12px;
	font-weight: bold;
}
p {
	font-size: 13px;
}

.red {
	color: #CC0000 !important;
}
.big {
	font-size: 18px !important;
	font-weight: bold;
}

.border_bottom {
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
}

a.more {
	background: url(img/arrow.gif) left 4px no-repeat;
	margin-left: 5px;
	padding-left: 12px; 
	text-decoration: none;
}
a.more:hover {
	text-decoration: underline;
}
a img,
a.more img {
	vertical-align: text-bottom;
}

.help {
	padding: 0 4px 0 24px;
}


div#header {
	background: url(img/redmark_header.jpg);
	height: 60px;
	margin: 0 auto;
	width: 865px;
}
	ul#top_nav {
		float: right;
		padding: 5px 30px 0 0;
	}
		ul#top_nav li {
			display: block;
			text-align: left;
			width: 140px;
		}
		ul#top_nav li a {
			background: transparent url(img/arrow.gif) left center no-repeat;
			color: #333;
			font-size: 11px;
			font-weight: normal;
			padding-left: 10px;
			text-align: left;
		}
	div#header div#logo {
		background: url(img/redmark_logo.gif) left 15px no-repeat;
		height: 30px;
		margin-left: 170px;
		padding-top: 15px;
		width: 250px;
	}
		div#logo span {
			display: block;
			height: 30px;
			text-indent: -5000px;
			width: 250px;
		}
div#navigation {
	background: url(img/nav_bg.jpg)  0 -30px repeat-x;
	height: 60px;
	margin: 0 auto;
	position: relative;
	width: 865px;
}
	div#navigation ul {
		
		margin-left: 150px;		
		width: 700px;
	}
		div#navigation ul li {
			border-left: 1px solid #BCBCBC;
			float: left;
			position: relative;
		}
			div#navigation ul li#active {
				background: url(img/nav2level_bg.jpg) repeat-x;
				padding-bottom: 1px;
				position: relative;
			}
				div#navigation ul li#active a {
					color: #000;
				}
				div#navigation ul li#active a:hover {
					background: transparent;
				}
				div#navigation ul li a {				
					float: left;
					color: #FFF;
					font-size: 12px;
					padding: 7px 15px;
					text-decoration: none;
				}
				div#navigation ul li a:hover {
					background: url(img/nav_bg.jpg) repeat-x;
				}
				div#navigation ul li.right {
					border: none;
					float: right;
				}
					div#navigation ul li.right a {
						background: transparent url(img/arrow_white.gif) left center no-repeat;
						color: #FFF;
						padding-left: 10px;
					}
					div#navigation ul li.right a:hover {
						text-decoration: underline;
					}
				div#navigation ul li ul {
					border: none;
					margin-left: 0;
					position: absolute;
					top: 33px;
					z-index: 100;
					width: 780px;
				}
				div#navigation ul li ul#sublevel {
					left: -360px;
				}
				div#navigation ul li ul#portale {
					left: -245px;
				}
					div#navigation ul li ul li {
						border-left: 1px solid #D04141;
					}
					div#navigation ul li ul li a {
						border-left: 1px solid #EC6C6C;
						padding: 3px 15px;
					}
					div#navigation ul li ul li a:hover {
						background: #f0f url(img/nav2level_bg.jpg) repeat-x;
						color: #FFF;
					}
				div#navigation a#feedlink {
					font-size: 12px;					
					position: absolute;
					right: 27px;
					bottom: 7px;
					text-decoration: none;
				}	
				div#navigation a#feedlink:hover {
					text-decoration: underline;
				}
				

div#stream {
	margin: 15px auto;
	width: 865px;
}
ul#breadcrumb {
	margin-bottom: 20px;
}
	ul#breadcrumb li {
		display: inline;
		font-size: 12px;
		margin-right: 5px;
	}
	ul#breadcrumb li.crumb {
		background: url(img/arrow.gif) left center no-repeat;
		padding-left: 12px;
	}
	ul#breadcrumb li h1 {
		color: #000;
		display: inline;
		font-size: 12px;
		font-weight: normal;
	}
	div#stream div#items {
		float: left;
		width: 505px;
	}
		div#stream div#items div.item {
			background-position: 10px 12px;
			float: left;			
			width: 505px;
		}
		div.service {
			float: left;
			padding: 20px 0;
			width: 40px;
			zoom: 1;
		}
		div.bubble {
			border: 1px solid #A2A2A2;	
			margin-bottom: 20px;		
			padding: 10px;
			position: relative;
			
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		div#items div.bubble {
			float: right;
			width: 435px;
		}
		div.bubble span.pointer {
			background: url(img/pointer.gif) no-repeat;
			display: block;
			height: 32px;
			position: absolute;
			text-indent: -5000px;
			left: -16px;
			top: 20px;
			width: 16px;
		}
		div#item h1,
		div.item h2 {
			color: #676767;
			font-size: 14px;
			font-weight: bold;
		}
		div.item h2 a {
			color: #676767;
			font-size: 14px;
			font-weight: bold;
		}
		div.item p {
			margin: 5px 0;
		}
		.via {
			float: left;
			height: 32px;
			margin-right: 5px; 
			text-indent: -3000px;
			vertical-align: text-bottom;
			width: 32px;
		}

	div#stream div#item_info {
		padding: 10px;
	}
	div#stream div#item {
		float: left;
		width: 505px;
	}
	
	div#profiles a.profile {
		float: left;
		height: 32px;
		margin-bottom: 10px;
		line-height: 160%;
		padding-left: 36px;
		vertical-align: bottom;
		width: 25%;
	}
	
	
	div#page {
		float: left;
		width: 505px;
	}
	div#page.full {
		float: none;
		width: 100%;
	}
	div#page h2 {
		margin: 30px 0 10px 0;
	}
	div#page .portal h2 {
		margin: 0 0 10px 0;
	}
	div#page h3 {
		font-size: 14px;
	}
	div#page p {
		margin-bottom: 15px;
	}
	div#page ul {
		margin: 20px 0 20px 10px;
	}
		div#page ul li {
			font-size: 12px;
			list-style: disc;
			margin: 5px;
		}
		
	div.portal {
		float: left;
		margin-bottom: 50px;
		padding-right: 4%;
		width: 45%;
	}
		div.portal p.address {
			margin-top: 20px;
		}
		div.portal img {
			margin-bottom: 10px;
		}
	
	.qna {
		padding: 7px 0 7px 40px;
	}	
		
		
	
	div#sidebar {
		float: right;
		width: 330px;
	}
		div#sidebar #channel_logo {
			margin: 10px 0;
		}
		div#sidebar h3 {
			font-size: 14px;
		}
		div#sidebar h4 {
			font-size: 14px;
		}
		div#video {
			border: 1px solid #A2A2A2;			
			padding: 5px;
			
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		div#latest_video object,
		div#latest_video embed {
			width: 318px !important;
		}
		div#sidebar div.item {
			font-size: 12px;
			margin-bottom: 20px;
			overflow: hidden;
			padding: 0;
		}
		div#sidebar .item .via {
			vertical-align: middle;
		}
		div#sidebar .item .date {
			display: inline;
		}
		div#latest_media {
			font-size: 12px;
		}
		
		div#sidebar .publisher {
			overflow: hidden;
		}
		div#sidebar .publisher img {
			float: left;
		}
		div#sidebar .publisher .left {
			float: left;
			font-size: 10px;
			width: 120px;
		}
		div#sidebar .publisher .about {
			float: left;
			font-size: 10px;
			margin-left: 15px;
			width: 160px;
		}
		div#sidebar .publisher .about_full {
			float: left;
			font-size: 10px;
		}
		div#sidebar ul#social_media li {
			display: block;
			margin-top: 5px;
			overflow: hidden;
			width: 300px;
		}
		div#sidebar ul#social_media li a {
			float: left;
			line-height: 120%;			
			padding: 2px 0 2px 26px;
		}
		div#sidebar ul#social_media li a.help {
			float: right;
		}
		div#sidebar a.via {
			float: left;
			height: 16px;
			margin-right: 5px; 
			text-indent: -3000px;
			vertical-align: text-bottom;
			width: 21px;
		}
		div#sidebar a.item {
			float: left;
			margin-left: 0; 
			margin-bottom: 5px;
			width: 290px;
		}
		div#sidebar div#latest_video,
		div#sidebar div#latest_media,
		div#sidebar div#tagcloud {
			margin-bottom: 20px;
			margin-top: -10px;
			padding: 0;
		}



#item h2.body {
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0;
}

img.twivatar {
	width: 20px;
	vertical-align: middle;
}

.flickr_thumb, .twitpic_thumb {
	border: 1px solid #eee;
	float: left;
	padding: 10px;
	margin-right: 10px;
	width: 60px;
}
.vimeo_thumb, .dailymotion_thumb, .picasaweb_thumb {
	border: 1px solid #eee;
	float: left;
	padding: 10px;
	margin-right: 10px;
	width: 60px;
}
.sevenload_thumb {
	border: 1px solid #eee;
	float: left;
	padding: 10px;
	margin-right: 10px;
	height: 90px;
}
		
#pagination {
	color: #686868;
	margin-top: 20px;
}
	#pagination span#current_page {
		color: #656565;
		font-weight: bold;
	}
	#pagination a {
		color: #A02D54;
		text-decoration: none;
	}

div#footer {
	background: url(img/foot_bg.jpg) repeat-x;
	clear: both;
	margin-top: 50px;
}
	div#footer_inner {
		background: url(img/foot_nav_bg.jpg) repeat-x;
		margin: 0 auto;
		padding: 5px 0;
		width: 865px;
	}
		ul#foot_nav {
			float: left;
			margin-left: 180px;
			margin-right: 160px;
			line-height: 12px;
		}
			ul#foot_nav li {			
				display: inline;	
				margin-right: 5px;		
			}
				ul#foot_nav li a {
					background: url(img/foot_nav_arrow.jpg) left center no-repeat;
					color: #FFF;
					font-size: 12px;
					padding-left: 15px;
					text-decoration: none;
				}


/* lists */
ul.custom_bullet,
ul.custom_bullet li {
	list-style: none !important;

}
ul.custom_bullet li {
	background: url(img/arrow.gif) left center no-repeat;
	padding-left: 16px !important;
}
ul.custom_bullet li a {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
/* icons */
.lifeflow {
	background-image: url(img/icons/lifeflow.png);		
	background-repeat: no-repeat;
}
.rss_feed {
	background-image: url(img/icons/rss_feed.png);		
	background-repeat: no-repeat;
}	
.twitter {
	background-image: url(img/icons/twitter.png);		
	background-repeat: no-repeat;
}
.youtube {
	background-image: url(img/icons/youtube.png);		
	background-repeat: no-repeat;
}
.mister_wong {
	background-image: url(img/icons/mister_wong.png);		
	background-repeat: no-repeat;
}
.plurk {
	background-image: url(img/icons/plurk.png);		
	background-repeat: no-repeat;
}
.bleeper {
	background-image: url(img/icons/bleeper.png);		
	background-repeat: no-repeat;
}
.identica {
	background-image: url(img/icons/identica.png);		
	background-repeat: no-repeat;
}
.facebook_profile, .facebook, .facebook_group, .facebook_page {
	background-image: url(img/icons/facebook.png);		
	background-repeat: no-repeat;
}
.wikio {
	background-image: url(img/icons/wikio.png);		
	background-repeat: no-repeat;
}
.tumblr {
	background-image: url(img/icons/tumblr.png);		
	background-repeat: no-repeat;
}
.wordpress {
	background-image: url(img/icons/wordpress.png);		
	background-repeat: no-repeat;
}
.flickr {
	background-image: url(img/icons/flickr.png);		
	background-repeat: no-repeat;
}
.twitpic {
	background-image: url(img/icons/twitpic.png);		
	background-repeat: no-repeat;
}
.vimeo {
	background-image: url(img/icons/vimeo.png);		
	background-repeat: no-repeat;
}
.oneview {
	background-image: url(img/icons/oneview.png);		
	background-repeat: no-repeat;
}
.sevenload, .sevenload_photos, .sevenload_videos {
	background-image: url(img/icons/sevenload.png);		
	background-repeat: no-repeat;
}
.dailymotion {
	background-image: url(img/icons/dailymotion.png);		
	background-repeat: no-repeat;
}
.picasaweb {
	background-image: url(img/icons/picasaweb.png);		
	background-repeat: no-repeat;
}
.netvibes {
	background-image: url(img/icons/netvibes.png);		
	background-repeat: no-repeat;
}
.linkedin {
	background-image: url(img/icons/linkedin.png);		
	background-repeat: no-repeat;
}
.email {
	background-image: url(img/icons/email.png);		
	background-repeat: no-repeat;
}

#sidebar .iphone {
	background-image: url(img/icons/iphone_16.png);		
	background-repeat: no-repeat;
}
#sidebar .email {
	background-image: url(img/icons/email_16.png);		
	background-repeat: no-repeat;
}
#sidebar .twitter {
	background-image: url(img/icons/twitter_16.png);		
	background-repeat: no-repeat;
}
#sidebar .flickr {
	background-image: url(img/icons/flickr_16.png);		
	background-repeat: no-repeat;
}
#sidebar .facebook {
	background-image: url(img/icons/facebook_16.png);		
	background-repeat: no-repeat;
}
#sidebar .vimeo {
	background-image: url(img/icons/vimeo_16.png);		
	background-repeat: no-repeat;
}
#sidebar .rss_feed {
	background-image: url(img/icons/rss_feed_16.png);		
	background-repeat: no-repeat;
}
#sidebar .youtube {
	background-image: url(img/icons/youtube_16.png);		
	background-repeat: no-repeat;
}
#sidebar .google {
	background-image: url(img/icons/google_16.png);		
	background-repeat: no-repeat;
}
#sidebar .netvibes {
	background-image: url(img/icons/netvibes_16.png);		
	background-repeat: no-repeat;
}