﻿/*
	ROOT ELEMENTS CSS FILE
	COMMON PAGE ELEMENTS
	PLEASE, BE AWARE - CHANGES IN THIS FILE CAN AFFECT TO ALL SITES IN A PROJECT
*/

/*
	COLORS FOR USE (Will be added as needed)
--------------------
light blue color: #1db5e7;
blue color (blog, twitter) : #2a7ee8
light gray : #ccc;

*/

a { text-decoration: none; }
		a:link { color: White; }
		a:hover { text-decoration: underline; }

a.blue { color: #1db5e7; }

.alphabet-navigator { border-bottom: solid 1px #aeaeae; height: 30px; margin-top: 10px; }
		.alphabet-navigator span { padding: 3px 8px 15px; }
		.alphabet-navigator span.current { background: url(Images/selected-letter.png) bottom center no-repeat; }
				.alphabet-navigator span.current { color: #000; font-weight: bold; }
				.alphabet-navigator,
				.alphabet-navigator span a { color: #2a7ee8; }

.club {}

.container {}
		.container .logo { width: 227px; }
		.container .banner { width: 728px; }

.comments {}
		.comments .body { min-height: 327px; -height: 327px; }
		.comments .login { color: #535353; font-weight: bold; margin-bottom: 14px; }
			.comments .login a { color: #1e8de0; }
		.comments .current-user { position: relative; line-height: 30px; color: #535353; font-weight: bold; margin-bottom: 0px; }
				.comments .current-user .image { border: solid 2px #cdcdcd; margin-right: 7px; }
				.comments .current-user .greetings { position: absolute; top: 0; left: 34px; }
		
		.comments .add-comment { margin-bottom: 5px; width: 390px; }
				.comments .add-comment .comment-text { width: 390px; margin-bottom: 5px; font-size: 1em; height: 30px; border: solid 1px #999999; background-color: #f2f2f2; color: #878787; line-height: 30px; padding-left: 8px; }
				.comments .add-comment .comment-text.active { width: 390px; background-color: #ffffff; color: #000000; line-height: 1.308em; padding-top: 6px; }
				.comments .add-comment .button { width: 60px; height: 22px; padding-bottom: 2px; float: right; }
		
		.comments .reply-comment { margin-bottom: 5px; width: 410px; overflow: hidden; }
				.comments .reply-comment .comment-text { width: 390px; margin-bottom: 5px; font-size: 1em; height: 30px; border: solid 1px #999999; background-color: #f2f2f2; color: #878787; line-height: 30px; padding-left: 8px; }
				.comments .reply-comment .comment-text.active { width: 390px; background-color: #ffffff; color: #000000; line-height: 1.308em; padding-top: 6px; }
				.comments .reply-comment .button { width: 60px; height: 22px; padding-bottom: 2px; float: right; }
		
		.comments .comments-list {  }
				.comments .comments-list .pages-count { color: #535353; font-weight: bold; padding-bottom: 5px; }
				.comments .comments-list .comment { padding-top: 5px; margin-bottom: 10px; border-top: solid 1px #cdcdcd; position: relative; }
						.comments .comments-list .comment.reply { margin-left: 50px; }
						.comments .comments-list .comment.banned .text, 
						.comments .comments-list .comment.reply.banned .text  { background-color: #ff9090; }
						
						.comments .comments-list .comment .text { margin-left: 50px; background-color: #ffffff; border: solid 1px #cccccc; padding: 7px 4px; }
								.comments .comments-list .comment .text a { color: #2a7ee8; font-size: 0.769em; }
						
						.comments .comments-list .comment .text-edit { margin-left: 50px; margin-bottom: 24px; }
								.comments .comments-list .comment .text-edit .edit { background-color: #e1f5fd; border: solid 1px #cccccc; padding: 7px 4px; margin-bottom: 4px; }
								.comments .comments-list .comment .text-edit .button { float: right; }
						
						.comments .comments-list .comment .user-pic { float: left; }
						
						.comments .comments-list .comment .info { margin-left: 50px; padding-bottom: 5px; font-size: 0.846em; }
							.comments .comments-list .comment .info table { width: 99%; }
							.comments .comments-list .comment .info a { color: #1e8de0; }
							.comments .comments-list .comment .info .date { color: #a3a3a3; }
							.comments .comments-list .comment .info .actions { text-align: right; }
								.comments .comments-list .comment .info .actions a { font-size: .969em; }
								.comments .comments-list .comment .info .actions .delete { font-weight: bold; }
						
						.comments .comments-list .comment .actions { text-align: right; margin-right: 4px; }
								.comments .comments-list .comment .actions a { color: #1e8de0; font-size: 0.769em; }
								.comments .comments-list .comment .actions a.disabled { color: Gray; cursor: default; }
								.comments .comments-list .comment .actions a.ban { color: Red; }
								.comments .comments-list .comment .actions a.active { color: Red; }
								.comments .comments-list .comment .actions a.unban { color: Green; }
				.comments .comments-list .pagination { text-align: right; margin-top: 15px; padding-right: 4px; }
						.comments .comments-list .pagination a { color: #1e8de0; font-size: 0.769em; cursor: pointer; }

.comedian-tweet {}
		.comedian-tweet .body { height: 327px; overflow: hidden; -width: 286px; }
		.comedian-tweet .items { overflow : auto; height: 310px; -width: 286px; position: relative; }
				.comedian-tweet .body .c-left { width: 40px; padding-top: 3px; }
				.comedian-tweet .body .c-right { width: 220px; }
				.comedian-tweet .body .item { margin-bottom: 2px; padding-bottom: 10px; border-bottom: solid 1px #999; }
				.comedian-tweet .body .item .pubDate { margin-top: 3px; font-size: 0.846em; }
		.comedian-tweet a { color: #2a7ee8; }
		.comedian-tweet .more-link { padding-top: 5px; text-align: right; vertical-align: bottom; }
				.comedian-tweet .more-link a { font-size: 0.846em; }

.content-gallery { margin-top: 5px; }
		.content-gallery .body { position: relative; min-height: 757px; -height: 757px; }
				.content-gallery .body .alphabet-navigator span.current { background: url(Images/selected-letter-gray.png) bottom center no-repeat; }
		
		.content-gallery .items { padding-top: 20px; overflow: hidden; }
		.content-gallery .item { width: 305px; }
				.content-gallery .item .title,
				.content-gallery .item .title a { color: #2a7ee8; font-size: 1.077em; }
				.content-gallery .item a { font-size: 0.923em;  color: #2a7ee8; }
		.content-gallery .prev-next-pager { font-size: 0.846em; position: absolute; right: 20px; bottom: 5px; margin-bottom: 3px; }

html { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background: #092643 url(Images/improv_bg_gradient-1.png) repeat-x center top; }

.pseudo-link { cursor: pointer; }

.error { color: Red; }
		.error li { list-style: disc; margin-left: 20px; }

.input-validation-error { border: solid 1px Red; }

h1, h2, h3, h4, h5, h6 { font-size: 1.8em; line-height: 1.1em; margin: 5px 0; }
h1 { font-size: 2.2em; text-transform: uppercase; }
h1, h2 { margin-top: 0; }
h2 { font-size: 1.3em; margin-bottom: 0; }
h3 { font-size: 1.1em; }
h3.small { font-size: 1.2em; }
p { margin: 10px 0; }
hr { background-color: #E5E5E5; border: 0 none; height: 1px; margin: 15px 0; }
blockquote { background: transparent url(images/bg-quote.png) no-repeat scroll 0 0; margin: 12px 0 0; padding: 0 0 0 12px; }
blockquote p { margin: 2px 0; }
cite { font-size: 0.85em; margin: 0; padding: 0 0 0 6px; }


.no-result { font-size: 1.846em; color: #333; text-align: center; margin-top: 200px; }

.sort-by { color: #000; font-size: 1.077em; font-weight: bold; }
		.sort-by a { text-decoration: none; color: #2a7ee8; }

/*- General fontsizes in EM -*/
.text_6  { font-size: 0.462em; }
.text_7  { font-size: 0.538em; }
.text_8  { font-size: 0.615em; }
.text_9  { font-size: 0.692em; }
.text_10 { font-size: 0.769em; }
.text_11 { font-size: 0.846em; }
.text_12 { font-size: 0.923em; }
.text_13 { font-size: 1em; }
.text_14 { font-size: 1.077em; }
.text_15 { font-size: 1.154em; }
.text_16 { font-size: 1.231em; }
.text_17 { font-size: 1.308em; }
.text_18 { font-size: 1.385em; }
.text_19 { font-size: 1.462em; }
.text_20 { font-size: 1.538em; }
.text_21 { font-size: 1.615em; }
.text_22 { font-size: 1.692em; }
.text_23 { font-size: 1.769em; }
.text_24 { font-size: 1.846em; }

.login-panel { color: #fff; text-transform: uppercase;  }
		.login-panel a { color: #fff; display: block; text-align: center; margin: 0; }
		.login-panel a:hover { font-weight: bold; }
		.login-panel a.non-link:hover { font-weight: normal; }
		.login-panel .right { float: right; }
				.login-panel .right a { padding-top: 1px; }
		.login-panel .back {}
				.login-panel .back a { background: url(Images/back-link-ico.png) top left no-repeat; font-size: 1.077em; display: block; padding-left: 16px; text-align: left; height: 18px; vertical-align: middle; font-weight: bold;}
		/*.login-panel .fb-connect { background: url(Images/fb-connect.png) top center no-repeat; width: 84px; height: 20px; padding-top: 0px; display: block;}*/

.mobile { text-align: center; padding: 9px; background-color: #000; border: solid 1px #333333; color: #fff; margin-bottom: 10px; font-size: 2.646em; min-height: 400px; padding-top: 200px; }
		.mobile a { color: #fff; }
		.mobile a.go { margin-right: 5px; }
		.mobile a.not-go { margin-left: 5px; }
		.mobile a.go,
		.mobile a.not-go { font-size: 0.746em; width: auto; padding: 0 5px; height: 20px; background: #3c99f0 url(Images/button_bg_large.png) repeat-x left bottom; border: solid 2px #1f54bc; font-weight: normal; text-align: center; text-transform: uppercase; color: #fff; cursor: pointer; }

.logo { color: #fff; }
		.logo a { color: #fff; }
		.logo .improv .image { display: block; background: url(Images/improv_top_logo.png) no-repeat; width: 230px; height: 84px; margin: 0; }
		.logo .club .image { display: block; background: url(Images/clubsite_top_logo.png) no-repeat; width: 219px; height: 62px; margin: 0; }
				.logo .image a { display: block; width: 100%; height: 100%; text-indent: -9999px; }
		/*.logo .label { font-size: 1.154em; text-align: center; }*/
		.logo .address { text-align: justify; padding-right: 10px; padding-left: 15px; font-size: 0.846em; height: auto !important; -height:25px; *position: absolute; *left: 0; }
		.logo a.mapit { font-weight: bold; margin-bottom: 0px; padding-right: 11px; text-align: left; background: url(Images/arrow_blue_small_with_bg.png) no-repeat center right; height: 11px; *height: 12px; }
		.logo a.contact { font-weight: bold; margin-bottom: 0px; text-align: left; height: 11px; *height: 12px; }

.top-menu { border-top: solid 5px #68afd0; border-bottom: 0; background: url(Images/menu_bg_blue.jpg) repeat-x top left; background-color: #396478; height: 28px; margin-top: 0px; text-transform: uppercase; }
		.top-menu ul { width: 100%; }
		.top-menu li { float: left; padding-top: 2px; text-align: center; padding-top: 7px; padding-left: 16px; }
				.top-menu li.right { float: right; text-align: center; padding-right: 16px; }
				.top-menu li.right a { float: right; }
				.top-menu li.input { padding-top: 3px; *padding-top: 2px;  vertical-align: bottom; }
						.top-menu li.input input { color: #666; font-size: 0.923em; padding: 1px 0px 1px 8px; }
						.top-menu li.input .button { color: #fff; padding: 0 3px; }
		.top-menu li.clubs { float: right; margin-right: 20px; }
				.top-menu li.clubs a { padding-left: 20px; background: url(Images/arrow_blue_down.png) no-repeat 0px 1px; }
		.top-menu a { color: #ccc; font-size: 1em; display: block; }
		.top-menu a.selected, .top-menu a:hover { color: #fff; text-decoration: none; font-weight:bold; }
		
.border-3 { border: solid 3px #333; }

.black-container { background: #000; padding: 2px; }

.sheet-container { background-color:#FFFFFF; color: #333333;  padding: 18px 16px; }
		.sheet-container ul li { list-style-type: disc; padding: 0; margin: 0 0 5px 20px; }

.three-color-border { border: solid 2px #282828; border-left: 0; border-right: 0; }
		.three-color-border div { border: solid 1px black; border-left: 0; border-right: 0; background-color: #2e3b40; height:6px; font-size:0; line-height:0; }
 
.image { display: block; margin-bottom: 3px; background-repeat: no-repeat; background-position: top left; }

.module { position: relative; }
		.module .header { color: #fff; border-top: solid 5px #68afd0; border-bottom: 0; background: url(Images/menu_bg_blue.jpg) repeat-x 0 0; background-color: #396478; height: 28px; overflow: hidden; margin-top: 0px; text-transform: uppercase; padding: 5px 0 0 10px; margin-bottom: -5px; font-weight: bold; font-size:1.077em; }
		.module .body { color: #666666; background: #f2f2f2 url(Images/block_bg.png) repeat-x scroll left bottom; padding: 7px; }

.button { width: auto; padding: 0 5px; height: 21px; background: #3c99f0 url(Images/button_bg.png) repeat-x left bottom; border: solid 1px #1f54bc; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; cursor: pointer; }

.banner { height: 90px; overflow: hidden; }
.banner-300x250 { /*width: 300px;*/ height: 280px; background: #ccc; overflow: hidden; }

.pn-pager { text-align: right; font-size: 0.846em; color: #2a7ee8; }

.pager { text-align: center; }
		.pager .disabled { color:#999; padding: 0 3px; text-align:center; }
		.pager .current {	color: #000;	font-weight: bold;	padding: 0;	text-align: center; }
		.pager span, .pager a { margin: 0 3px; }
		.pager a { padding: 0px; text-align: center; text-decoration:none; color: #2a7ee8; }
	
.prev-next-pager {}
		.prev-next-pager,
		.prev-next-pager .active { color: #2a7ee8; font-weight: bold; }
		.prev-next-pager .active { cursor: pointer; }
		.prev-next-pager .disabled { color: #ccc; }
		
		.prev-next-pager .numeric { padding-right: 10px; color: #000; }
		.prev-next-pager .numeric span,
		.prev-next-pager .numeric a { padding-left: 5px; }
		.prev-next-pager .numeric a.current { color: #000; font-weight: bold; }

.rating { color: #fff; font-weight: bold; font-size: 0.923em; }
		.rating a { display: block; width: 23px; height: 24px; }
		.rating a.thumb-up { background: url(Images/thumb-up.png) top left no-repeat; }
		.rating a.thumb-down { background: url(Images/thumb-down.png) top left no-repeat; }

.error-page { text-align: center; font-weight: bold; padding: 200px 260px; font-size: 1.231em; }

.share-widget { position: fixed; -position: absolute; z-index: 1000; left: 40%; top: 250px; }

.contact-info { overflow: hidden; }
		.contact-info .contact, .contact-info .address, .contact-info .phones { float: left; margin-right: 100px; }
				.contact-info .contact a { color: #3089ea; }
				.contact-info .phones .name { width: 50px; float: left; }
				.contact-info .phones .value { float: left; }

.image-with-label { position: relative; width: 218px; height: 259px; overflow: hidden; }
		.image-with-label .layer, .image-with-label .title, .image-with-label a.profile { position: absolute; width: 218px; left: 0; }
		.image-with-label .title { bottom: 10px; color: #ffffff; font-size: 1.769em; text-align: center; }
		.image-with-label a { font-size: 0.923em; color: #1db5e7; text-align: center; display: block; }
		.image-with-label .layer { background-color: #000000; height: 47px; bottom: 0; -bottom: -1px; opacity: .68; filter: alpha(opacity=68); -ms-filter: alpha(opacity=68); -khtml-opacity: .68; -moz-opacity: .68; }

.footer { background: url(Images/improv_bg_label.png) no-repeat center 32px; -background: url(Images/ie6-improv_bg_label.png) no-repeat; padding-bottom: 40px; height: auto !important; min-height: 280px; }
		.footer .menu { background-color: #000; -background: transparent url(Images/ie6-footer-black-bg.jpg) repeat-x 0 0; -border: 0; height:25px; -height: 500px; }
				.footer .menu ul { padding-top: 5px; width: 100%; }
				.footer .menu li { float: left; padding-left: 10px; padding-right: 24px; }
						.footer .menu li .items { margin-top: 9px; }
				.footer .menu li.extended { padding-left: 0px; display: block; }
				.footer .menu a { margin-right: 10px; color: #ccc; }
				.footer .menu a:hover { text-decoration: none; }
				.footer .menu .subitem { padding: 5px 15px 5px 0px; font-size: 0.846em; }
		.footer .descr-wrap { position: relative; }
		.footer .descr-wrap .descr { position: absolute; top: 225px; -top: -225px; color: #ccc; font-size: 0.846em; text-align: center; width: 960px; }
				.footer .descr-wrap .descr a { color: #ccc; }
				
/* IE6 fix */
.image { _behavior: url(/Template/root/BinaryResource/Theme/Default/IE6Fix/iepngfix.htc) }

/* Disqus */
#dsq-subscribe a { color:#224499; }
.dsq-subscribe-rss a { color:#224499; }


