/*
	project: internet broadcast template
	author: luka cvrk (www.solucija.com) 
	
*/
   
/* default styles */
body { padding: 5px 0 0 0; margin: 0; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background: #fff url(../images/bg.gif) repeat-x; color: #454545; }
a { color: #2F637A; background: inherit; }
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }


/* layout */
#content { margin: 10px auto; width: 1030px; }
#logo { margin: 0 0 10px 0; }
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info { line-height: 27px; float: right; color: #808080; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px; }

/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(../images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(../images/lbhover.gif) no-repeat; color: #000;}

/* main horizontal menu */
#tablist{ padding: 2px 0; margin: 0; float:inherit; height:20px; }
	#tablist li{ list-style: none; display: inline; margin: 0; }
	#tablist li a{
		text-decoration: none;
		padding: 4px 10px;
		margin-right: 2px;
		background: #808080 url(../images/corner.gif) no-repeat top right;
		font-weight: bold;
		color: #fff;
	}
	#tablist li a:hover
	{   background: #6495AB url(../images/corner.gif) no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #9FC7D8 url(../images/corner.gif) no-repeat top right;
		color: #2F637A;
		padding: 6px 10px;
	}
	#tablist .key { text-decoration: underline; }

/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 728px;
	/* background: #B0D0DC url(../images/topicsbg.gif) repeat-x left bottom; */
	background: #B0D0DC repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	height: 60px;
}
	#topics li a { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; }

/* main menu search */
#search {
	float: right;
	text-align: right;
	background: #fff url(../images/searchbg.gif) no-repeat;
	color: #000;
	padding: 32px 20px 12px 20px;
	min-height: 32px; /* FF height */
	height: 25px;	/* IE height */
	width: 260px;
}
	/* search form styling */
	form, form p { margin: 0; padding: 0; line-height: 25px; }
	
		.search { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }

/* left side */
#left {
	float: left;
	width: 728px;
	margin: 0 0 10px 0;
}
	.subheader {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4 url(../images/bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ccc;
	}
	.left_articles {
		margin: 0px 0 10px 0;
		height:auto;
		background: #fff url(../images/bgshade.gif) repeat-x;
		color: #454545;
		overflow:auto;
		padding: 15px 15px 5px 10px;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(../images/news.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}
	.left_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		
		
/* right side */
#right {
	float: right;
	width: 300px;
	margin: 0 0 0 0;
}
	.box {
		border: 1px solid #ccc;
		padding: 4px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
	}
	.box_title 
	{
	    background-color:Silver;
	    border:1px solid #ccc;
	    padding: 2px;
	}

	.PopularBox {
		border: 1px solid #ccc;
		padding: 4px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
		width: 95%;
	}

	.PopularBox_Title {
	    background-color:Silver;
	    border:1px solid #ccc;
	    padding: 2px;
		width: 96%;
	}

	.image { float: left; margin: 0 9px 3px 0; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(../images/notes.gif) no-repeat center left;
		color: #454545;
	}
	/* blog module (same as notes) */
	.blog_module {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(../images/notes.gif) no-repeat center left;
		color: #454545;
	}

/* footer */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
	#footer .right { float: right; }
	#footer .left { float: left; }	
	
	
	.popularnetworks 
	{
		min-width: 900px;
		width:90%;
		margin-left:auto; margin-right:auto; /* center the table */

	}	
	
/* BLOG ENGINE STYLE BEGIN */
            .blogengine_date h1
            {
	            font-family: Helvetica,Arial;
	            font-size: 32px;
	            color: #999;
	            padding: 0 0 0 0;
	            margin: 0 0 0 0;
	            text-align: center;
            }
            .blogengine_date h2
            {
	            font-family: Helvetica ,Arial;
	            font-size: 10px;
	            color: #999;
	            padding: 0 0 0 0;
	            margin: 0 0 0 0;
	            text-align: center;
            }
            .blogengine_date
            {
	            padding-right: 5 5 5 5;
	            margin-right: 5px;
	            float: left;
	            background-color: #EEE;
	            width: 70px;
	            border: solid 1px #CCC;
	            padding-bottom: 3px;
	            margin-bottom: 3px;
            }
            .blogengine_title
            {
	            zoom: 1;
	            width: 600px;
	            float: right;
	            padding-left:1px;
            }
            .blogengine_post
            {
	            /*letter-spacing: -1px;*/
            }
            .blogengine_postinfo
            {
	            font-size: 1.0em;
	            padding: 0 0 0 0;
	            color: #666;
	            font-weight: normal;
	            zoom: 1;
	            margin: 0 0 10 0;
	            letter-spacing: normal;
            }
            .blogengine_title h1
            {
	            font-size: 18pt;
	            font-weight: normal;
	            color: #000000;
	            margin: 0 0 0 0;
	            padding: 0 0 0 0;
	            font-family: Georgia,Garamond,serif;
	            border-bottom: dotted 1px silver;
	            zoom: 1;
            }
            .blogengine_title h4
            {
	            font-size: 18pt;
	            font-weight: normal;
	            color: #000000;
	            margin: 0 0 0 0;
	            padding: 0 0 0 0;
	            font-family: Georgia,Garamond,serif;
	            border-bottom: dotted 1px silver;
	            zoom: 1;
            }
            blogengine_pre
            {
	            overflow-x: scroll;
	            width: 550px;
	            border: solid 1px #CCC;
	            background-color: #EEE;
            }
            .blogengine_postFooter
            {
	            font-size: 90%;
	            color: #666;
	            padding-bottom:20px;
	            margin-bottom:10px;
	            border-bottom: dotted 1px silver;
            }
            .blogengine_postContent
            {
	            
	            padding-bottom: 10px;
	            padding-left: 5px;
	            font-size: 100%;
	            /* font-weight: normal;*/
	            color: #000000;
	            /*font-family: Georgia,Garamond,serif;*/
				
            }

            .blogengine_categoryPost 
            {
		            padding-bottom:20px;

            }
            
            .blogengine_tags
            {
	            font-size: 10pt;
	            font-weight: normal;
	            color: #666;
	            margin: 0 0 0 0;
	            padding: 0 0 0 0;
	            font-family: Georgia,Garamond,serif;
	            border-bottom: dotted 1px silver;
	            zoom: 1;
            }
            .blogengine_tags h2
            {
	            font-size: 12pt;
	            font-weight: normal;
	            color: green;
	            margin: 0 0 0 0;
	            padding: 0 0 0 0;
	            font-family: Georgia,Garamond,serif;
	            zoom: 1;
            }

            .blogengine_share h2
            {
	            font-size: 14pt;
	            font-weight: normal;
	            color: #666;
	            margin: 0 0 0 0;
	            padding: 0 0 0 0;
	            font-family: Georgia,Garamond,serif;
	            border-bottom: dotted 1px silver;
	            zoom: 1;
            }

            .blogengine_comments h2
            {
	            font-size: 14pt;
	            font-weight: normal;
	            color: green;
	            margin: 0 0 0 0;
	            padding: 0 0 0 0;
	            font-family: Georgia,Garamond,serif;
	            border-bottom: dotted 1px silver;
	            zoom: 1;
            }

            .blogengine_class_comment1
            {
            	width:585px;
                BORDER-RIGHT: #e0dede 1px solid;
                BORDER-TOP: #e0dede 1px solid;
                BACKGROUND: #e9e9ea;
                BORDER-LEFT: #e0dede 1px solid;
                BORDER-BOTTOM: #e0dede 1px solid
            }
            .blogengine_class_comment2
            {
            	width:585px;
                BORDER-RIGHT: #e0dede 1px solid;
                BORDER-TOP: #e0dede 1px solid;
                BACKGROUND: #f4f3f3;
                BORDER-LEFT: #e0dede 1px solid;
                BORDER-BOTTOM: #e0dede 1px solid
            }

            .blogengine_comment_text
            {
	            font-size: 1.2em;
	            padding: 0 0 0 0;
	            color: #666;
	            font-weight: normal;
	            zoom: 1;
	            margin: 0 0 10 0;
	            letter-spacing: normal;
            }

            .blogengine_comment_authorinfo
            {
	            font-size: 1.2em;
	            padding: 0 0 0 0;
	            color: #999;
	            font-weight: normal;
	            zoom: 1;
	            margin: 0 0 10 0;
	            letter-spacing: normal;
            }

            .blogengine_comments-form h2
            {
	            font-size: 14pt;
	            font-weight: normal;
	            color: green;
	            margin: 0 0 0 0;
	            padding: 0 0 0 0;
	            font-family: Georgia,Garamond,serif;
	            border-bottom: dotted 1px silver;
	            zoom: 1;
            }
/* BLOG ENGINE STYLE END */

/* begin update progress control */

    .UpdateProgressBackground  
    {  
		position: fixed;
		top: 0;
		left: 0;
		background-color:Gray;
		filter:alpha(opacity=75);
		opacity:0.75;
		height: 100%;
		width: 100%;
		min-height: 100%;
		min-width: 100%  
    } 
	
	.UpdateProgressContent
	{  
		background-color:#fff;
		width: 150px;
		text-align: center;
		vertical-align: middle;
		position: fixed;
		bottom: 50%;
		left: 45%;
		border: solid 1px #eeeeee;
		margin: 10px;
		padding: 10px; 
    }  

/* end update progress control */

/* RSS styles - begin */

            .rss_item_Title
            {
	            font-size: 16pt;
	            font-weight: normal;
	            color: #000000;
	            margin: 0 0 0 0;
	            padding: 0 0 0 0;
	            font-family: Georgia,Garamond,serif;
	            border-bottom: dotted 1px silver;
	            zoom: 1;
            }
            
            .rss_item_Source
            {
	            font-size: 8pt;
	            font-weight: normal;
	            color: #666666;
	            margin: 0 0 0 0;
	            padding: 0 0 0 0;
	            font-family: Georgia,Garamond,serif;
	            border-bottom: dotted 1px silver;
	            zoom: 1;
            }

            .rss_item_Published
            {
	            font-size: 8pt;
	            font-weight: normal;
	            color: #666666;
	            margin: 0 0 0 0;
	            padding: 0 0 0 0;
	            font-family: Georgia,Garamond,serif;
	            zoom: 1;
            }


/* RSS styles - end */

/* begin - SNI member block styles */
	.SNI_member_headerdiv {
		float: left;
		background-color:#FFFFCC;
		color: #808080;
		border-bottom: dotted 1px silver;
	}

	.SNI_member_headerdiv a { color: #339900; background: inherit; text-decoration:none; }
	.SNI_member_headerdiv a:hover { color: #FF9900; background: inherit; text-decoration:none; }	


	#membersite { 
		clear: both; 
		color: #808080;
		background: #FFFFCC;
		padding: 10px 15px;
		border-top: 1px solid #ccc;
	}
		#membersite a { color: #339900; background: inherit; }
		#membersite a:hover { color: #FF9900; background: inherit; }	
		

		.cloudContainer {margin-top:0px;border:1px solid #B0B0B0; padding:5px; background:#F7F7F7;}
			.cloud1 { color:#3143a9; font-size:10px; }
			.cloud2 { color:#3143a9; font-size:15px }
			.cloud3 { color:#3143a9; font-size:20px }
			.cloud4 { color:#3143a9; font-size:24px }
			.cloud5 { color:#3143a9; font-size:26px }
			.cloud6 { color:#3143a9; font-size:30px }
			.cloud7 { color:#3143a9; font-size:32px;}
			
/* end - SNI member block styles */