/*general*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; margin: 0; padding: 0; text-decoration: none; background: url(../images/main-back.jpg) repeat-x top left #194070;}

div.overflow { width: 100%; overflow: hidden; }
.notify { color: #FDAAAA ; font-weight: bold; }

form { padding: 0; margin: 0;}

/*Links*/
a { color: #bdc5ca; text-decoration: underline; }
a:hover { color: #BAE0F8; text-decoration: underline; }
a:focus { outline: none; }

h1, h2, h3, h4 { margin-top: 0; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 { font-size: 18px; }
/*End of links*/

/*end of general*/



/*Begin of design*/
#logo-back { position: absolute; background: url(../images/logo-back.png) no-repeat top center; width: 100%; height: 526px; }

#container { width: 985px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px; position: relative; }

#logo-line { margin-top: 10px; margin-bottom: 10px; }
	#logo { float: left; background: url(../images/artn-logo.png) no-repeat; width: 151px; height: 68px; margin-left: 40px; margin-top: 15px; }
		#logo a { display: block; width: 151px; height: 68px; text-indent: -5000px; }
	#top-banner { float: right; width: 728px; height: 90px; }
#body-line { margin-bottom: 5px; }
	#main { float: left; width: 855px; margin-right: 10px; }
		
		/* popup menu */
		#menu { height: 35px; background: url(../images/menu-back.jpg) repeat-x; position: relative; }
			#menu-left-icon { background: url(../images/menu-left.jpg) no-repeat; width: 13px; height: 35px; position: absolute; }
			#menu-right-icon { background: url(../images/menu-right.jpg) no-repeat; width: 11px; height: 35px; position: absolute; right: 0; }
			#menu-body { padding-left: 20px; }
				#menu ul { margin: 0; padding: 0; list-style-type: none; }
					#menu ul li { display: inline; }
						#menu ul li:hover { background: url(../images/menu-back-hover.jpg) repeat-x; height: 35px; }
						#menu ul li.search { float: right; padding-right: 10px; padding-top: 3px; }
							#menu ul li.search:hover { background: none; height: auto; }
						#menu ul li a { font-weight: bold; text-transform: uppercase; font-family: Arial Narrow, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; display: block; float: left; padding: 5px 10px 7px 10px; }
							#menu ul li a.selected { background: #f0f0f0; }
						#menu ul ul { width: 120px; border: 1px solid #000; border-top: none; background: #4c5864; margin-top: -7px; }
							#menu ul ul li { background: none; display: inline-block; width: 100px; padding-right: 20px; }
								#menu ul ul li:hover { background: #3b4854; height: auto;  }
								#menu ul ul li a { text-transform: none; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; }
									#menu ul ul li a:hover { color: #CCC; text-decoration: underline; } 
			
		/* end of popup menu */		
		
		#path { padding-bottom: 5px; background: #2a3653; }
			#path-way { float: left; width: 600px; padding-left: 15px; }
			#user-info { float: right; width: 200px; text-align: right; padding-right: 15px; }
			
		#content { background: #4b5266; position:relative;}
			#content-left-icon { background: url(../images/content-left.jpg) no-repeat; width: 9px; height: 10px; position: absolute; }
			#content-right-icon { background: url(../images/content-right.jpg) no-repeat; width: 9px; height: 10px; position: absolute; right: 0; }
			#content-main { padding: 10px; }
			
		#inside-banners { background: #56575c; border-top: 1px solid #E2E2E2; padding-top: 10px; padding-bottom: 10px; }
			#inside-banners div.col { float: left; width: 281px; margin-left: 2px; margin-right: 2px; padding: 5px; }
		
	#banners-right { float: right; width: 120px; }
		#banners-right div.banner { margin-bottom: 5px; }

#footer { margin-top: 15px; }
	#footer-banners { margin-bottom: 10px; }
	#small-logo { float: left; background: url(../images/logo-small.png) no-repeat; width: 98px; height: 40px; margin-left: 30px; text-indent: -5000px; }
	#footer-desc { float: left; width: 600px; margin-left: 20px; }
	#footer-stat { float: right; width: 200px; text-align: right; }


/* Cover */
#cover {  }
	#splash { margin-bottom: 5px; }
	div.cover-shows { text-align: center; }
	div.cover-col { float: left; width: 281px; margin-left: 2px; margin-right: 2px; }
	
#schedule-date { margin-top: -10px; }
/* End of Cover */

/* Box */
div.box { margin: 0px 0px 5px 0px; width: 281px; }
	div.box .l { float: left; width: 272px; height: 8px; }
	div.box .r { float: left; width: 9px; height: 8px; }
	div.box .header .l { background: url(../images/box-tl.png) repeat-x; }
	div.box .header .r { background: url(../images/box-tr.png) no-repeat top right; }
	div.box .body { background: #26292b; padding: 2px 10px 2px 10px; }
	div.box .footer .l { background: url(../images/box-bl.png) repeat-x; }
	div.box .footer .r { background: url(../images/box-br.png) no-repeat top right; }
	
div.sbox { margin: 10px 0px 5px 0px; width: 251px; text-align: left; }
	div.sbox .l { float: left; width: 240px; height: 11px; }
	div.sbox .r { float: left; width: 11px; height: 11px; }
	div.sbox .header .l { background: url(../images/sbox-tl.png) repeat-x; }
	div.sbox .header .r { background: url(../images/sbox-tr.png) no-repeat top right; }
	div.sbox .body { background: #FFF; padding: 2px 10px 2px 10px; color: #000; }
		div.sbox .body a { color: #036; }
			div.sbox .body a:hover { color: #06F; }
	div.sbox .footer .l { background: url(../images/sbox-bl.png) repeat-x; }
	div.sbox .footer .r { background: url(../images/sbox-br.png) no-repeat top right; }
/* End of Box */

/* Inside page */
table.data-table tr td { padding: 5px; }
tr.tr-header td { font-size: 12px; font-weight: bold; border-bottom: 1px solid #FFF; }

div.submenu { position: absolute; right: 0; width: 120px; text-align: right; margin-top: -10px; background: #2a3653; padding: 5px; padding-right: 15px; }

div.row { margin-top: 5px; margin-left: 20px; }
div.left { width: 80px; float: left; }
div.right { float: left; }
/* End of Inside page */

/* Search */
ol li { padding: 7px; }
/* End of Search */

/*End of design*/


/* Paging */
div.paging { text-align: center; margin-top: 10px; margin-bottom: 10px; }
div.paging strong { color: #000; background-color: #f1f1f1; margin: 2px; padding: 5px; padding-left: 7px; padding-right: 7px; border: 1px solid #CCCCCC; }
div.paging a, div.paging a:visited { background-color: #BFC0FB; color: #000; margin: 2px; padding: 5px; padding-left: 7px; padding-right: 7px; text-decoration: none; }
div.paging a:hover { background-color: #666; color: #fff; text-decoration: none; }
/* Paging end */


/* Album */
ul.photos { padding: 0px; margin: 0px; list-style-type: none; width: 550px; float: left; }
	ul.photos li { float: left; padding: 0px 5px 10px 0px; display: block; text-align: center; }
	ul.photos img { border: 1px solid #666; }
	ul.photos img:hover { border: 1px solid #000; }
/* End of album */

/* Shows */
div.show-list { margin-bottom: 10px; float: left; width: 48%; }
div.show-list-left { float: left; width: 150px; }
div.show-list-right { float: left; width: 200px; }
	div.show-list-right a { font-size: 16px; }

div.show-coverlist { margin-bottom: 10px; }
div.show-coverlist-left { float: left; width: 90px; }
div.show-coverlist-right { float: left; width: 160px; }
	div.show-coverlist-right a { font-weight: bold; font-size: 12px; }

ul.shows { padding: 0px; margin: 0px; list-style-type: none; }
	ul.shows li { display: inline; }
	
div.show-big-image { float: left; margin: 10px 10px 10px 0px; }
div.show_video { clear: both; }
	div.show_video h2 { margin-top: 20px; }

div.show_voting { width: 220px; background: #2a3653; padding: 5px; margin-top: 20px; }
/* End of Shows */

/* Video */
div.video-list { margin-bottom: 10px; }
div.video-list-left { float: left; width: 110px; }
div.video-list-right { float: left; width: 600px; }
	div.video-list-right a { font-size: 16px; }
/* End of Video */

/* Shop */
ul.shop-folders { padding: 0px; margin: 0px; list-style-type: none; width: 550px; float: left; }
	ul.shop-folders li { float: left; padding: 0px 5px 10px 0px; display: block; text-align: center; }
ul.shop-items { padding: 0px; margin: 0px; list-style-type: none; width: 550px; float: left; }
	ul.shop-items li { float: left; padding: 0px 5px 10px 0px; display: block; text-align: center; }
	ul.shop-items img { border: 1px solid #666; }
	ul.shop-items img:hover { border: 1px solid #000; }
div.shop-big-image { float: left; padding-right: 10px; }
/* End of shop */

/*Forms*/
label.error { color: #F00; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-right: 3px; }
input[type="text"]:focus { background: #DEF2FE; }
input.error { border: 1px solid #F00; }
textarea { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }
select { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }
/*End of forms*/