@import url(generic/reset.css);
@import url(modules/navigations.css);
@import url(modules/add.css);
/* =Typography
---------------------------------------- */
body{
	color: #515151;		
	font: 62.5%/1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fff;	
	}

p 				{padding: 0 0 6px;}
a, a:visited	{color: #e60202; text-decoration: underline;}
a:hover 		{color: #e60202; text-decoration: none;}

/* =Headings
---------------------------------------- */

h1, h2, h3, h4, h5 {
	padding: 0 0 12px;
	font-weight: normal;
	font-size: 1em;
	}
	h2 {font-size: 1em}
	h3 {font-size: 1em}
	h4 {font-size: 1em; font-weight: bold;}
	h5 {font-size: 1em; font-weight: bold;}

h1{font-size: 1.2em;font-weight: bold;}
h2{font-weight: bold;}
h3{font-weight: bold;}
/* =General
---------------------------------------- */

.main-container {
	width: 100%;
	max-width: 1600px;
	min-width: 960px;
	margin: 0 auto;
	}
	.header,
	.footer{
		background: transparent url(../images/block-hf.png) repeat-x 0% 0%;
		position: relative;
		height: 219px;
		width: 100%;
		float: left;
		}
	.footer {
		background-position: 0% -657px;		
		height: 80px;	
		font-size: 1.1em;	
		}
		.header .hl,
		.header .hr,
		.footer .fl,
		.footer .fr {
			background-color: transparent;
			background-image: url(../images/block-hf.png);
			background-repeat: no-repeat;
			width: 8px;
			height: 219px;
			position: absolute;
			top: 0;
			}
			.footer .fl,
			.footer .fr {height: 80px;}
			.header .hl {background-position: 0% -219px; left: 0;}
			.header .hr {background-position: 0% -438px; right: 0;}
			.footer .fl {background-position: 0% -737px; left: 0;}
			.footer .fr {background-position: 0% -817px; right: 0;}
	.content {
		width: 100%;
		float: left;
		padding: 2px 0 8px;
		text-align: left;
		font-size: 1.2em;		
		}
		.primary-column {
			float: left;
			width: 193px;
			padding: 0 0 0 6px;
			}
		.secondary-column {			
			max-width: 1212px;
			min-width: 490px;
			width: auto;
			margin: 0 199px;
			}
		.third-column {
			float: right;
			width: 184px;
			padding: 0 6px 0 0;
			}
			

.header-inner {
	width: 891px;
	height: 180px;
	margin: 6px auto 0;	
	background: transparent url(../images/header-bg.png) no-repeat 50% 100%;
	}	
	.gmpr {
		width: 117px;
		height: 153px;
		display: block;
		background: transparent url(../images/gmpr-logo.png) no-repeat 0% 0%;
		text-decoration: none;
		float: left;
		text-indent: -9999em;
		margin: 26px 0 0;
		}
	.gmpr2 {
		width: 103px;
		height: 154px;
		display: block;
		background: transparent url(../images/gmpr2.png) no-repeat 0% 0%;
		text-decoration: none;
		float: right;
		text-indent: -9999em;
		margin: 25px 0 0;
		}
	.listen {
		position: absolute;
		left: 20px;
		bottom: 10px;
		height: 20px;
		width: 200px;
		}
		.listen span {
			color: #fff;
			float: left;
			padding-right: 10px;
			padding-top: 2px;
			}		

a.studio {
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -8px;
	color: #fff;
	text-decoration: none;
	}
	a.studio:hover {color: #fff; text-decoration: underline}
.live-int {
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -16px;
	text-decoration: none;
	}

/* =Blocks
---------------------------------------- */			
.b-block {
	border: 1px solid #52a4cb;
	position: relative;
	padding: 1px;
	float: left;
	margin-bottom: 10px;
	}
	.b-block .br {
		width: 19px;
		height: 19px;
		position: absolute;
		background: transparent url(../images/b-block.png) no-repeat 0% 0%;
		overflow: hidden;
		bottom: -1px;
		right: -1px;
		}
		.b-block .b-block-cont {
			padding: 2px 5px 5px;
			float: left;
			}		
			
.primary-column .b-block,
.third-column .b-block {
	width: 179px;
	}
			
	.b-blue .br {background-position: 0% -19px;}
	.b-blue .b-block-inner {
		background-color: #d8eaf1;
		color: #255f78;
		float: left;
		width: 100%;
		}	
			
	.b-block .title,
	.b-block .title-red {
		border-bottom: 1px solid #2784b0;
		padding: 0 0 1px;
		float: left;		
		width: 100%;	
		}
		.b-block .title span,
		.b-block .title-red span {
			display: block;			
			border: 1px solid #2784b0;
			background: #2784b0 url(../images/block-title-blue.png) repeat-x 0% 0%;
			text-transform: uppercase;
			color: #173340;
			text-align: center;	
			overflow: hidden;	
			padding: 4px 0;
			}
			.b-block .title-red span {
				background: #ca2e2e url(../images/block-title-red.png) repeat-x 0% 0%;
				border: 1px solid #ca2e2e;
				color: #fff;
				}

.secondary-column .b-block {
	padding: 0;
	width: 100%;
	}			
	.secondary-column .b-block-inner {
		margin: 1px;
		}
		.secondary-column .b-block .title span {
			text-align: right;
			}
			.secondary-column .b-block .title span span {
				padding: 0 24px 0 0;
				color: #173340;
				border: 0;
				background: none;	
				font-weight: bold;			
				}
		.secondary-column .b-block .b-block-cont {
			padding: 18px 24px;
			}
			
			

/* =Styles of the lists
---------------------------------------- */	
ul.news-block {
	float: left;
	padding: 0 0 6px;
	width: 179px;
	}							
	ul.news-block li {
		background: transparent url(../images/item-shadow.png) no-repeat 100% 0%;
		padding: 16px 10px;
		margin-top: 6px;
		float: left;
		width: 159px;
		}
		ul.news-block li .date {float: left;}			
		ul.news-block li .more {float: right;}
		ul.news-block li .news-title {clear: left;}
		ul.news-block li a {
			color: #000;
			text-decoration: none;
			}
		ul.news-block li a:hover {
			color: #e60202;			
			}
			
ul.list-items	{
	width: 100%;
	float: left;	
	overflow: hidden;
	}	
	ul.list-items li {
		width: 100%;
		float: left;
		border-top: 1px solid #91c0d7;
		padding: 8px 0;
		margin-top: -1px;
		}
		ul.list-items li img {
			float: left;
			width: 100px;
			margin: 0 10px 0 0;
			}
		ul.list-items li .more {
			padding: 0;
			color: #e60202;
			}
			ul.list-items li .more .comments {
				background: transparent url(../images/comment-ico.png) no-repeat 0% 0%;
				padding: 0 0 0 10px;
				}

		
			
			
.pager-top,
.pager-bottom {
	color: #000;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #91c0d7;
	padding: 0 0 8px;
	}
	.pager-bottom {
		border-top: 1px solid #91c0d7;
		border-bottom: 0;
		padding: 8px 0 0;
		clear: left;
		}
	.pager-top a,
	.pager-top a:visited,
	.pager-bottom a,
	.pager-bottom a:visited {
		color: #000;
		padding: 0 2px;
		overflow: hidden;
		text-decoration:none;
		}	
		.pager-top a:hover,
		.pager-top a.current,
		.pager-top span.current,
		.pager-bottom span.current,
		.pager-bottom a:hover,
		.pager-bottom a.current {
			color: #e60202;
			text-decoration: underline;
			}
			
			
/* =Comments
---------------------------------------- */
.comments p.heading {
	background: #E5E5E5;
	font-weight: bold;	
	color: #000;	
	padding: 7px 15px;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	}
	.comments p.heading .tl,
	.comments p.heading .tr,
	.comments p.heading .bl,
	.comments p.heading .br {
		width: 4px;
		height: 4px;
		display: block;		
		text-indent: -9999em;
		position: absolute;		
		}
		.comments p.heading .tl{background: transparent url(../images/grey-blocks.gif) repeat-x -4px -4px; top: 0; left:0;}
		.comments p.heading .tr{background: transparent url(../images/grey-blocks.gif) repeat-x 0 -4px; top: 0; right: 0;}
		.comments p.heading .bl{background: transparent url(../images/grey-blocks.gif) repeat-x -4px 0; bottom: 0; left:0;}
		.comments p.heading .br{background: transparent url(../images/grey-blocks.gif) repeat-x 0 0; bottom: 0; right: 0;}
	
	.comments-inner {
		display: none;
		}
	.add-comment {
		background: transparent url(../images/dotted-line.gif) repeat-x 0 0;
		padding: 10px 0 0;
		float: left;
		width: 100%;
		}
		.add-comment ul {
			width: 100%;
			overflow: hidden;
			}
			.add-comment ul li {
				padding: 5px;
				overflow: hidden;
				}
				.add-comment ul li label {
					color: #000;
					}
				.add-comment ul li input.text				 {
					width: 198px;
					margin: 2px 0 0;
					}
				.add-comment ul li textarea {
					width: 396px;
					height: 60px;
					margin: 2px 0 0;
					}

ul.list {
	margin: 10px 0px 10px 20px;
}
		
ul.list li {
	list-style: disc;
	list-style-position: inside;
}

/* Tabs
----------------------------------*/
#tabs {width:100%;}
.ui-tabs {width: 100%;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; overflow:hidden; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; float: left; }
.ui-tabs .ui-tabs-hide { display: none !important; }
			
.ui-widget-content {float: left; background: #ffffff;}
.ui-widget-content a { color: #222222; }
.ui-widget-header { 
	border: 1px solid #aaaaaa;
	border-bottom-width: 0 !important;
	background: #cccccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none;}
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }	

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.gallery-list {overflow: hidden;}
.gallery-list li {list-style:none; float: left;	margin: 20px 15px;}
.gallery-list li img {border: 0px;}
.gallery-list li input {float: left; width: 16px; height: 16px;}
table.table{border-collapse: collapse;}
table.table td,table.table th{border: 1px solid #cccccc; padding: 2px;}
table.table th{font-weight: bold; text-align: center;}