/* ----------------------------------------------------------------------------------------- 
____________________________________________________________________

"Screen" Style Sheet

@Project - Samyo
Description: Samyo
Author: Mustafa Quilon for Image Infotainment Limited
Author URI: http://mustafaquilon.com - http://imageil.com
Version: 1.0
____________________________________________________________________

----------------------------------------------------------------------------------------- */

/* =reset & basics
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
a img { border: 0; background: none; }
img	{ vertical-align: middle; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* =visuallyHide / accessibility */
.visuallyHidden { position: absolute; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }

/* =clearfix (Alsett) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* backslash hack hides from IE Mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* end backslash hack */

/* =text-selection */
::selection { color: #fff; background-color: #bb4611; text-shadow: none; }
::-moz-selection { color: #fff; background-color: #bb4611; text-shadow: none; } /* mozilla */

/* =defaults
----------------------------------------------------------------------------------------- */
@font-face {
	font-family: 'DroidSerifRegular';
	src: url('../fonts/DroidSerif-Regular.eot');
	src: local('Droid Serif Regular'), local('DroidSerif'), url('../fonts/DroidSerif-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'DroidSerifBold';
	src: url('../fonts/DroidSerif-Bold.eot');
	src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('../fonts/DroidSerif-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'DroidSerifItalic';
	src: url('../fonts/DroidSerif-Italic.eot');
	src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url('../fonts/DroidSerif-Italic.ttf') format('truetype');
}

body { background: url(../images/layout/bg.jpg) no-repeat center top #a9250a; font-family: DroidSerifRegular, Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 22px; color: #353434; position: relative; z-index: 0; }

a { color: #bb4611; text-decoration: none; }
a:hover, a:focus { color: #0790ac; text-decoration: none; }

#contactPanel a { color: #0790ac; }
#contactPanel a:hover, #contactPanel a:focus { color: #bb4611; }

strong { font-family: DroidSerifBold, Georgia, "Times New Roman", Times, serif; font-weight: bold; }
em { font-family: DroidSerifItalic, Georgia, "Times New Roman", Times, serif; font-style: italic; }

img.block { display: block; margin: 0 auto 16px; }
img.left { float: left; margin: 0 20px 16px 0; }
img.right { float: right; margin: 0 0 16px 20px; }
img.border { padding: 2px; border: 2px solid #0790ac; }

.right { text-align: right; }
.center { text-align: center; }

.floatLeft { float: left; }
.floatRight { float: right; }

.clear { clear: both; }

small { font-size: 11px; }
.arrow { font-size: 14px; }
.rounded, .sns li { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

a.cta, .cta a, a.more-link { display: inline-block; padding: 0 8px; background-color: #bb4611; font-weight: bold 11px/22px DroidSerifBold, Georgia, "Times New Roman", Times, serif; color: #fff!important; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
a.cta:hover, a.cta:focus, .cta a:hover, .cta a:focus, a.more-link:hover, a.more-link:focus { background-color: #0790ac; color: #fff; text-decoration: none; }

.required, .alert { color: #900; }

/* =layout/divisions
----------------------------------------------------------------------------------------- */
/* =header */
#header { position: relative; z-index: 10; width: 1000px; margin: 0 auto; }
	/* =contactPanel */
	#contactPanel { position: relative; z-index: 100; display: none; overflow: hidden; width: 960px; margin: 0 auto; padding: 20px 20px 10px; background: url(../images/layout/contactPanel-bg.png) repeat-x #222; color: #919191; line-height: 18px; }
		#contactPanel h3 { padding: 0 0 16px; font-size: 16px; font-family: DroidSerifBold, Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #b1b1b1; }
		#contactPanel h4 { padding: 0 0 16px; font-family: DroidSerifBold, Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #b1b1b1; }
		.samyoAddress { min-height: 36px; height: auto!important; height: 36px; margin: 0 0 20px; padding: 0 0 30px 230px; background: url(../images/layout/samyo-contact.png) no-repeat 50px 0; border-bottom: 1px solid #555; }
		.milapfestAddress { min-height: 162px; height: auto!important; height: 162px; padding: 0 0 10px 230px; background: url(../images/layout/milapfest-contact.png) no-repeat 10px 30px; }
		.address { float: left; width: 550px; padding: 0 20px 0 0; margin: 0 20px 0 0; border-right: 1px solid #555; }
		.contactForm, .ajaxresponse { float: left; width: 330px; }
		.contactForm p { padding: 0 0 16px; }
		.contactForm label { display: block; padding: 0 0 3px; cursor: pointer; }
		.contactForm .text_input, .contactForm textarea { width: 200px; border: 2px solid #ddd; margin: 0; }
		.contactForm textarea { width: 300px; }
		.contactForm .text_input:focus, .contactForm textarea:focus { border-color: #bbb; }
		.contactForm .button, #comments .button { border: 2px solid #0f6f83; background: #0790ac; color: #eff8fa; cursor: pointer; margin: 0; }
		.contactForm .button:hover, .contactForm .button:focus, #comments .button:hover, #comments .button:focus { background: #fb9516; border-color: #d07a0e; color: #fff; }
		
		.contactForm .valid .text_input, .contactForm .valid textarea { border-color: #03a807; }
		.contactForm .error .text_input, .contactForm .error textarea { border-color: #cf1b1b; }
		
	#logoBG { z-index: -1; position: absolute; left: -112px; bottom: 38px; width: 303px; height: 161px; background: url(../images/layout/logo-bg.png) no-repeat 0 0; }
	#logo, #logoLive { float: left; width: 295px; height: 139px; background: url(../images/samyo.png) no-repeat; text-indent: -9999px; }
	#logoLive { background: url(../images/samyo-live.png) no-repeat; }
	/* =navSub */
	#navSub { float: left; width: 330px; padding: 0 0 0 355px; }
		#navSub li { display: block; float: left; margin-right: 8px; }
			#navSub li a { display: block; float: left; height: 31px; background: url(../images/layout/navSub.png) no-repeat 0 0; text-indent: -9999px; }
			#navSub li a#homeLink { width: 83px; background-position: 0 0; }
			#navSub li a#homeLink:hover, #navSub li a#homeLink:focus, #navSub li.current a#homeLink { background-position: -83px 0; }
			#navSub li.active a#contactLink { width: 103px; background-position: -206px -31px; }
			#navSub li a#contactLink { width: 103px; background-position: 0 -31px; }
			#navSub li a#contactLink:hover, #navSub li a#contactLink:focus, #navSub li.current a#contactLink { background-position: -103px -31px; }
			#navSub li a#samyoLive { width: 109px;  background-position: 0 -62px; }
			#navSub li a#samyoLive:hover, #navSub li a#samyoLive:focus, #navSub li.current a#samyoLive { background-position: -109px -62px; }
	/* =navMain */
	body { behavior:url("htc/csshover3.htc"); } /* IE whatever:hover*/
	#navMain { position: relative; z-index: 20; clear: both; width: 998px; padding: 0 1px; height: 49px; background: url(../images/layout/navMain-bg.png) repeat-x 0 0 #1e1e1e; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
	#navMain li.first a { -moz-border-radius: 10px 0px 0px 0px; -webkit-border-top-left-radius: 10px; }
	#navMain li.first ul a { -moz-border-radius: 0; -webkit-border-top-left-radius: 0; }
		#navMain li { position: relative; display: block; float: left; width: auto; padding-right: 2px; background: url(../images/layout/navMain-li-bg.png) right top repeat-y; }
			#navMain li a { display: block; float: left; padding: 16px 20px; line-height: 17px; text-decoration: none; color: #ddd; text-shadow: 1px 1px 0 #111; }
			#navMain li a:hover, #navMain li a:focus, #navMain li.current a { background: url(../images/layout/navMain-a-hover-bg.png) repeat-x; color: #ccc; text-shadow: 0 0 10px #ccc; }
			#navMain li .arrowDown { display: inline-block; width: 8px; height: 7px; _height: 17px; /* have for IE6 */ padding-left: 16px; background: url(../images/layout/navMain-arrow-down.png) right center no-repeat; vertical-align: middle; cursor: pointer; }
				/* 1st level drop down */
				#navMain ul { display: none; position: absolute; clear: left; width: 170px; top: -999em; z-index: 21; background-color: #0790ac; }
				#navMain li:hover ul, #navMain li:focus ul { top: 48px; display: block; }
				
				#navMain ul li { position: relative; float: none; padding: 0; background: transparent; width: 170px; border-bottom: 1px solid #269ab2; }
				#navMain ul a, #navMain li.current ul a { float: none; width: auto; padding: 8px 10px; text-decoration: none; background: transparent; color: #dbeff3; text-shadow: 1px 1px 0 #066579; }
				#navMain ul a:hover, #navMain ul a:focus, #navMain li.current ul a:hover, #navMain li.current ul a:focus { background: #269ab2; color: #fff; }
				#navMain ul li.arrowRight { background: url(../images/layout/navMain-arrow-right.png) no-repeat right center; }
					/* 2nd level drop down*/
					#navMain ul ul, #navMain li:hover ul ul, #navMain li:focus ul ul { display: none; position: absolute; width: 170px; top: -999em; z-index: 111; margin: 0; left: 169px; }
					#navMain ul li:hover ul, #navMain ul li:focus ul { display: block; top: 0; }
				
/* =newsFeed */	
	a#newsFeed { display: block; z-index: 11; position: absolute; top: 96px; right: 40px; width: 80px; height: 83px; text-indent: -9999px; background: url(../images/layout/news-feed.png) 0 0 no-repeat; }
	a#newsFeed:hover, a#newsFeed:focus{/* top: 92px; */ }

/* =content */
#contentWrapper { clear: both; width: 1000px; min-height: 480px; height: auto!important; height: 480px; margin: 0 auto; padding: 15px 0; background: url(../images/layout/contentWrapper-bg.png) repeat-x transparent; -moz-border-radius: 0 0 10px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; }
#contentWrapperPost {
background:transparent url(../images/layout/contentWrapper-bg.png) repeat-x scroll 0 0;
clear:both;
margin:0 auto;
padding:15px 0;
width:1000px;
}
h2 { font-weight: normal; font-size: 18px; line-height: 30px; margin-bottom: 10px; }
	/* =slide */
	#slideWrapper { overflow: hidden; width: 1000px; height: 297px; margin: 0 auto 5px; background: url(../images/layout/slide-bg.png) repeat-x transparent; }
	#slide { position: relative; overflow: hidden; width: 936px; height: 267px; margin: 0 auto; padding: 30px 34px 0 30px; }
	#slideText { overflow: hidden; float: left; width: 375px; height: 250px; }
	#slideText ul { overflow: hidden; }
	#slideText li { display: block; height: 250px; }
	#slideText h2 { font-weight: normal; font-size: 24px; line-height: 40px; padding-bottom: 5px; margin-bottom: 0; }
	#slideText p { margin: 0; padding: 0 0 10px; }
	#slideImage { overflow: hidden; float: right; width: 524px; height: 241px; }
	#slideImage img { width: 524px; height: 241px; }
	#control { z-index: 10; position: absolute; bottom: 6px; left: 380px; width: 50px; height: 19px; }
	#control li { overflow: hidden; display: block; float: left; margin-right: 5px; width: 19px; height: 19px; }
	#control a { float: left; display: block; width: 100%; height: 100%; background: url(../images/layout/slide-btn.png) no-repeat 0 0; text-indent: -9999px; }
	#control a:hover, #control a:focus { background-position: 0 -19px; }
	#control .next a { background-position: 0 -38px; }
	#control .next a:hover, #control .next a:focus { background-position: 0 -57px; }
	
	#content { overflow: hidden; float: left; width: 632px; margin: 0 20px 0 0; padding: 0 0 0 20px; font-size: 13px; }
	#sidebar { overflow: hidden; float: left; width: 308px; padding: 6px 0 0; }
	
	/* =navSocial */
	.navSocial { padding: 10px 0; }
	.navSocial li { zoom: 1; display: block; margin: 0 0 10px; }
	.navSocial a { display: block; padding: 12px 8px 12px 55px; background: url(../images/layout/navSocial.png) no-repeat 10px 7px #fcede7; background-color:rgb(252, 237, 231); background-color:rgba(252, 237, 231, 0.5); border: 1px solid #c9bbb5; font-size: 14px; color: #555; }
	.navSocial #flickrLink a { background-position: 10px -43px; }
	.navSocial #facebookLink a { background-position: 10px -93px; }
	.navSocial #twitterLink a { background-position: 10px -143px; }
	.navSocial a:hover, .navSocial a:focus { color: #0790ac; /* background-color: #fdf2ee; */  background-color:rgb(253, 242, 238); background-color:rgba(253, 242, 238, 0.7); }
	
	/* =affiliates */
	.affiliates { clear: both; overflow: hidden; border: 1px dotted #999; border-right: 0 none; border-left: 0 none; margin: 4px 0 12px; padding: 10px 0 4px; }
	
	/* =navSec */
	.navSec { padding: 4px 0 16px; }
	.navSec li { overflow: hidden; display: block; height: 38px; background: url(../images/layout/navSec-border.png) no-repeat bottom center; }
	.navSec a { overflow: hidden; display: block; height: 36px; padding: 0 0 0 40px; background: url(../images/layout/navSec-arrow.png) no-repeat 0 0; font-size: 14px; line-height: 36px; color: #555; }
	.navSec li.current a { background-position: 0 -36px; color: #ccc; }
	.navSec a:hover, navSec a:focus { color: #0790ac; }
	
	/* =breadcrumb */
	#breadcrumb { overflow: hidden; clear: both; width: 938px; margin: 0 0 10px 20px; padding: 0 10px; background: url(../images/layout/breadCrumb-bg.png) 0 0 repeat-x #b8afaa; border: 1px solid #dad3d0; border-top-color: #eae5e3; border-left-color: #eae5e3; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; color: #5a5553; }
	#breadcrumb li { float: left; margin: 0; padding: 4px 20px 2px 10px; background: url(../images/layout/breadcrumb-arrow.png) no-repeat right center; }
	#breadcrumb li.last { background: none; }

	/* =composers */
	#content .gallery { overflow: hidden; }
	#content .gallery li { display: block; float: left; width: 200px; margin: 0 0 10px; padding: 0 0 20px; background: url(../images/layout/gallery-shadow.png) no-repeat bottom center; }
	#content .gallery li strong { display: block; text-align: center; padding: 0 0 8px; font-size: 11px; text-transform: uppercase; }
	#content .gallery a { display: block; width: 138px; height: 148px; margin: 0 auto; }
	#content .gallery li img { display: block; width: 130px; height: 140px; margin: 0; }
	
	/*sights and sounds */
	#content .sns { clear: both; margin: 0 0 12px; padding: 0; }
	#content .sns li { clear: both; overflow: hidden; width: 558px; margin: 0 0 5px; padding: 5px 0 5px 70px; list-style: none; background: url(../images/layout/icons/audio.png) no-repeat 10px 8px #fcede7; background-color:rgb(252, 237, 231); background-color:rgba(252, 237, 231, 0.5); border: 1px solid #c9bbb5; }
	#content .sns li.video { background-image: url(../images/layout/icons/video.png); }
	#content .sns .description { float: left; width: 425px; }
		#content .sns li.video .description, #content .sns li.midi .description, #content .sns li.pdf .description { width: 509px; }
		#content .sns h2 { margin: 0; padding: 0; border-bottom: 0 none; font-size: 16px; line-height: 24px; text-transform: none; }
		#content .sns h2 a { color: #353434; }
			#content .sns h2 a:hover, #content .sns h2 a:focus { color: #bb4611; }
		#content .sns p { margin: 0; padding: 0; font-size: 11px; line-height: 18px; }
		#content .sns .play { float: left; width: 32px; padding: 5px 0 0 0; }
		#content .sns li.audio .play { width: 80px; margin: 0 6px 0 0; }
		#content .sns .play a, #content .sns .download a { display: block; width: 32px; height: 33px; margin-right: 0; background: url(../images/layout/sns-btn.png) no-repeat 0 -43px; text-indent: -9999px; }
		#content .sns li.audio .play a { float: right; }
		#content .sns .play a:hover, #content .sns .play a:focus { background-position: -42px -43px; }
		#content .sns .download { float: left; width: 32px;padding: 5px 0 0 0; }
		#content .sns .download a { background-position: 0 0; }
		#content .sns .download a:hover, #content .sns .download a:focus { background-position: -42px 0; }
	#content .sns li.midi { background-image: url(../images/layout/icons/midi.png); }
	#content .sns li.pdf { background-image: url(../images/layout/icons/pdf.png); }
	
	#content .paging { overflow: hidden; margin: 0 0 12px; padding: 0; clear: both; }
		#content .paging li { float: left; width: 20px; margin: 0 5px 0 0; padding: 1px 0; list-style-type: none; border: 1px solid #c9bbb5; text-align: center; }
		#content .paging a { }
		#content .paging li.current { /* background-color: #fcede7; */ background:rgb(253, 242, 238); background:rgba(253, 242, 238, 0.7); }
		#content .paging li.pageText { width: 48px; border: 0 none; }
	
	/* =guestbook */
#content .guestNote { margin: 0 0 12px; }
	#content .guestNote h2 { margin-bottom: 0; font-weight: normal; font-size: 14px; line-height: 20px; text-transform: none; border-bottom: 0 none; }
	#content .guestNote h2 strong { font-weight: normal; color: #333; }
	#content .guestNote h4.date { padding-bottom: 2px; margin-bottom: 10px; border-bottom: 1px dotted; font-size: 11px; }
	#content .guestNote p { }
.guestPaging { margin: 0 0 12px; padding: 4px 0; border-top: 2px solid #777; font-size: 11px; }
#guestForm { clear: both; display: none; margin: 0 0 20px; }
	#guestForm p { clear: both; padding: 0; }
	#guestForm label { float: left; display: block; width: 260px; padding: 0; cursor: pointer; }
	#guestForm .text_input, #guestForm textarea, #forum-id { float: left; width: 200px; margin: 0 0 8px; border: 2px solid #d6d6d6; }
	#guestForm .text_input:focus, #guestForm textarea:focus { background-color: #f7f7f7; }
	#guestForm textarea { width: 200px; }
	#guestForm .button { margin-left: 260px; border: 2px solid #0f6f83; background: #0790ac; color: #eff8fa; cursor: pointer; }
	#guestForm .button:hover, #guestForm .button:focus { background: #fb9516; border-color: #d07a0e; color: #fff; }
	#guestFormLink { padding-right: 16px; background-image: url(../images/layout/cta-arrow.png); background-repeat: no-repeat; background-position: right 8px; }
	.active #guestFormLink { background-position: right -12px; } 

	/* =typography */
	#content h1 { font-weight: normal; font-size: 24px; line-height: 36px; margin-bottom: 16px; border-bottom: 3px double #c9bbb5; color: #404040; }
	#content p { padding: 0 0 20px; }
	#sidebar h2, #content h2, #sidebar h3.widgettitle { font-weight: normal; font-size: 18px; line-height: 30px; margin-bottom: 10px; border-bottom: 1px dotted #555; }
	#content h2 { text-transform: uppercase; }
	
	#content h3 { margin: 0 0 12px; padding: 0; font-size: 18px; line-height: 24px; }
	#content ul, #content ol { overflow: hidden; padding: 0 0 10px 20px; }
	#content ul li, #content ol li { padding: 0 0 10px; list-style-type: disc; }
	#content ol li { list-style-type: decimal; }
	#content ul.circle li { list-style-type: circle; }
	
	/* =table */
	table.default { width: 100%; margin: 0 0 12px; padding: 0 0 20px; border-collapse: collapse; line-height: 16px; }
	table.default td, table.default th { padding: 8px 5px; border: 1px solid #c9bbb5; vertical-align: middle; }
	table.default th { background-color: #0790ac; border-color: #53b7cc; color: #e2f2f5; font-weight: bold; }
	table.default td.heading { font-family: DroidSerifBold, Georgia, "Times New Roman", Times, serif; border-color: #c9bbb5; }
	.w150 { width: 150px; }
	.w160 { width: 160px; }
	
	table.default th a { color: #fff; border-bottom: 1px dotted; }
	table.default th a:hover, table.default th a:focus { border-bottom: 0 none; }

/* =footer
----------------------------------------------------------------------------------------- */
#footerWrapper { clear: both; overflow: hidden; width: 100%; margin: 26px 0 0; padding: 0 0 50px; background: url(../images/layout/footerWrapper-bg.png) repeat-x #460501;  }

#footer { overflow: hidden; width: 960px; margin: 0 auto; padding: 25px 20px 0; background: url(../images/layout/footer-bg.png) no-repeat 0 25px; color: #9b7b7a; }
	#footer a { color: #c6b6b4; }
	#footer a:hover, #footer a:focus { color: #fb9516; }
	#footer .col { float: left; width: 225px; margin: 0 20px 0 0; }
	#footer h3 { margin: 0 0 10px; font-weight: normal; font-size: 14px; text-transform: uppercase; color: #9b7b7a; }
	#footer p { padding: 0 0 20px; }
	#footer .copyright { width: 205px; margin-right: 0; padding: 10px; }
	#footer .copyright, #footer .quicklinks, #footer .carouselWrapper { overflow: hidden; background: rgb(60, 4, 1); background: rgba(0, 0 ,0, 0.3); }
	#footer .copyright img { vertical-align: middle; }
	#footer .quicklinks li { overflow: hidden; display: block; width: 225px; border-top: 1px solid #5a0b05; }
	#footer .quicklinks li.last { border-bottom: 1px solid #152c31; }
	#footer .quicklinks a { overflow: hidden; display: block; width: 225px; padding: 4px 10px 4px 20px; background: url(../images/layout/quickLinks-arrow.png) no-repeat 8px center; }
	#footer .quicklinks a:hover, #footer .quicklinks a:focus { }

	.carouselWrapper { padding: 10px; }
	#affiliates, #partners { overflow: hidden; }
	#affiliates img, #partners img { width: 205px; height: 117px; }
	.carousel .controls { width: 60px; padding: 8px 0 0 75px;  }
	.carousel .controls li { overflow: hidden; display: block; float: left; margin-right: 5px; width: 22px; height: 21px; }
	.carousel .controls a { float: left; display: block; width: 100%; height: 100%; background: url(../images/layout/carouselFooter-btn.png) no-repeat 0 0; text-indent: -9999px; }
	.carousel .controls .previousPartners a:hover, .carousel .controls .previousPartners a:focus, .carousel .controls .previousAffiliates a:hover, .carousel .controls .previousAffiliates a:focus { background-position: 0 -21px; }
	.carousel .controls .nextPartners a, .carousel .controls .nextAffiliates a { background-position: 0 -42px; }
	.carousel .controls .nextPartners a:hover, .carousel .controls .nextPartners a:focus, .carousel .controls .nextAffiliates a:hover, .carousel .controls .nextAffiliates a:focus { background-position: 0 -63px; }

/* =jQuery tipsy
----------------------------------------------------------------------------------------- */
.tipsy { padding: 4px; font-size: 10px; opacity: 0.75; filter: alpha(opacity=75); background-repeat: no-repeat;  background-image: url(../images/layout/tipsy.gif); font-family: Verdana, Arial, Helvetica, sans-serif; }
  .tipsy-inner { padding: 4px 6px 3px 6px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:5px; -webkit-border-radius:5px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


/* =Samyo Live
----------------------------------------------------------------------------------------- */
.box{ width: 178px; margin: 0 20px 0 0; padding: 0 ; /* background-color: #fcede7;*/  background:rgb(252, 237, 231); background:rgba(252, 237, 231, 0.5); border: 1px solid #c9bbb5; float: left;}
.last { margin-right: 0; } 
.login { width: 400px; margin: 0 auto; padding: 5px; float: none;} 


h3.share { background : url(../images/layout/icons/share.png) no-repeat 10px 6px; }
h3.learn { background : url(../images/layout/icons/learn.png) no-repeat 10px 6px; }
h3.discuss { background : url(../images/layout/icons/discuss.png) no-repeat 10px 6px; }
#content .box h3 { margin: 0; padding: 10px 0 5px 40px; border-bottom: 1px solid #d8d7d7;}

#content .box p { padding: 15px 10px 0; }
		 label { padding: 0 0 3px; cursor: pointer; }
		 .text_input, textarea { width: 200px; border: 2px solid #ddd; margin: 0 0 0 20px; }
		 textarea { width: 300px; }
		 .text_input:focus, textarea:focus { border-color: #ccc; }
		 .button, #comments .button, #topic-move input, .editForm input { border: 2px solid #0f6f83; background: #0790ac; color: #eff8fa; cursor: pointer; margin: 0 0 0 83px; }
		 .button:hover, .button:focus, #comments .button:hover, #comments .button:focus, #topic-move input:hover, #topic-move input:focus, .editForm input:hover, .editForm input:focus { background: #fb9516; border-color: #d07a0e; color: #fff; }
		
		.contactForm .valid .text_input, .contactForm .valid textarea { border-color: #03a807; }
		.contactForm .error .text_input, .contactForm .error textarea { border-color: #cf1b1b; }

#logout, .forum .login { display: block; position: absolute; bottom: -46px; right: 40px; width: 300px; height: 25px; padding: 0; margin: 0; text-align: right; }