/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
body { color:#000; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }


/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width:960px; margin:0 auto; }

/*---- Main Navigation ----*/
div#main-navigation { background:#981013; padding:5px 0px 0px 0; }

/*---- Content ----*/
div#content { padding:12px 28px 1px 20px; }

/*---- Two Column Layout 1 ----*/
div.two-column-layout1 { padding:25px 30px 40px 33px; }
div.two-column-layout1 div.column1 { width:460px; float:left; }
div.two-column-layout1 div.column2 { width:402px; float:right; }

/*---- Main ----*/
div#main { float:left; width:606px; }

/*---- Sidebar ----*/
div#sidebar { float:right; width:275px; }

/*---- Footer ----*/
div#footer { background:#981013; padding-bottom:5px; margin-bottom:45px; }

/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Header Images ----*/
div#header-images { border:2px solid #000; border-width:0 0 2px 0; }
div#header-images img { float:left; border-right:2px solid #000; }
div#header-images img.last{border-right:0;}

/*---- Header - Main Navigation ----*/
div#main-navigation ul li { float:left;  text-align:center; height:55px; text-align:center; }
div#main-navigation ul li a{ text-decoration:none; font-size:220%; color:#fff; line-height:1.0em; display:block; }
div#main-navigation ul li.home { float:left; width:153px; margin:0 auto;}
div#main-navigation ul li.about { width:160px; margin:0 auto;}
div#main-navigation ul li.cnc {width:162px; margin:0 auto;}
div#main-navigation ul li.multimedia {width:151px; margin:0 auto;}
div#main-navigation ul li.nnr {width:165px; margin:0 auto;}
div#main-navigation ul li.ticket {width:159px; margin:0 auto;}

/*---- Two Column Layout 1 ----*/
div.two-column-layout1 h2 { font-size:300%; color:#000; line-height:1.2em; margin-bottom:50px; }
div.two-column-layout1 h2 span { color:#981014; padding-left:36px; }
div.two-column-layout1 div.logo{ width:552px;}
div.two-column-layout1 h3 { color:#000; font-size:250%; line-height:1.2em; }
div.two-column-layout1 div.column1 h3 { padding-left:23px; margin-bottom:30px; }
div.two-column-layout1 div.column1 a.button1 { margin-left:16px; width:486px; }
div.two-column-layout1 div.column2 a.button2 { float:right; margin:0 0px 30px 0; position:relative; }

/*---- Sidebar ---*/
div#sidebar div.logo2{ margin: 0px 0px 30px 30px;}
div#sidebar ul#sociable { margin-bottom:20px; }
div#sidebar ul#sociable li { float:none; margin:0 0 15px 0; }
div#sidebar ul#sociable li a { margin:auto; }
div#sidebar a.button1 { height:32px; line-height:32px; font-size:200%; }

/*---- Post ---*/
div.post h1 { font-size:230%; margin-bottom:10px; padding-left:7px; color:#981013; line-height:1.2em;}
div.post h2 { font-size:200%; margin-bottom:5px; line-height:1.2em; }
div.post h3 { font-size:180%; margin-bottom:10px;}
div.post h4 { font-size:160%; margin-bottom:10px;}
div.post h5 { font-size:140%; margin-bottom:10px;}
div.post h5 { font-size:120%; margin-bottom:10px;}

div.post p { color:#707070; line-height:1.2em; font-size:120%; margin-bottom:20px; display:block; }
div.post p a { color:#000; }

div.post blockquote { margin-bottom:20px; }
div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;}

div.post img { max-width:100%; }
div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;}
div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;}
div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

div.post ul { margin:0 0 20px 14px; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; }
div.post li { line-height:1.2em; font-size:120%; }
div.post li ul, div.post li ol { margin-bottom:0px; } 
div.post li li, div.post li p { font-size:120%; margin-bottom:0px; }

/*---- Post - Custom Lists ---*/
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }

div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }

/*---- Footer - Navigation ---*/
div#footer p { text-align:center; color:#fff; font-size:200%; line-height:1.2em; }
div#footer ul#footer-nav { text-align:center; }
div#footer ul#footer-nav li { display:inline; font-size:200%; }
div#footer ul#footer-nav li a { color:#fff; line-height:1.2em; }
div#footer p span.dot-bg { background:url(../images/dot1.gif) no-repeat 0 10px; padding:0 0 0 20px; margin-left:10px; }

/*---- Common Boxes & Containers ----*/

/*---- Box1 -----*/
div.box1 { border:4px solid #981013; }

/*---- Buttons ----*/
a.button1:hover, a.button2:hover, a.button3:hover { text-decoration:none; }
a.button1 { font-size:280%; text-align:center; height:50px; line-height:50px; color:#5d5c5c; display:block; background:#c8c5c5; border:2px solid #070707; }

a.button2 { display:block; margin-bottom:10px; background:url(../images/buttons/button2.gif) no-repeat 0 0; padding-left:35px; height:85px; line-height:85px; color:#000; font-size:260%; }
a.button2 span.inner { display:block; background:url(../images/buttons/button2.gif) no-repeat 100% 0; padding-right:35px; text-align:center; float:left;}

a.button3 { display:block; margin-bottom:10px; background:url(../images/buttons/button3.gif) no-repeat 0 0; padding-left:40px; height:85px; line-height:85px; color:#000; font-size:260%; font-weight:bold;}
a.button3 span.inner { display:block; background:url(../images/buttons/button3.gif) no-repeat 100% 0; padding-right:40px; text-align:center; float:left; }


/*---- Lists ----*/
ul#sociable li { float:left; margin-right:22px; }
ul#sociable li.twitter { margin:0; }
ul#sociable li.you-tube a { display:block; text-decoration:none; background:url(../images/buttons/you-tube.gif) no-repeat 0 0; height:50px; width:114px; }
ul#sociable li.facebook a { display:block; text-decoration:none; background:url(../images/buttons/facebook.gif) no-repeat 0 0; height:50px; width:129px; }
ul#sociable li.twitter a { display:block; text-decoration:none; background:url(../images/buttons/twitter.gif) no-repeat 0 0; height:50px; width:114px; }

div#content ul.list3 { margin:0; }
ul.list3 li { border:1px solid #981013; padding:10px 15px; margin-bottom:10px; list-style:none;  }
ul.list3 li img { float:left; }
ul.list3 li div.description { float:right; width:460px; }

/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Hightlight ----*/
div#highlight { clear:both; margin:0 0 60px 0px; padding:0px 40px 15px -10px; }
div#highlight img { float:left;  }
div#highlight h2 { float:right; text-align:center; width:180px; padding:20px 0 0 0; line-height:1.0em; font-size:360%; margin:0; }
div#highlight h2 a { color:#000; }
div#highlight h2 a:hover { text-decoration:none; }

/*---- Mail-Form ----*/
div.mailing-form{ border:1px solid #000; padding: 3px 7px 3px 5px; background:#c8c5c5; height:32px; width:370px; }
div.mailing-form input.textarea{ border:none; background:#c8c5c5;  width:290px; height:25px; font-size:220%; color:#5d5c5c; float:left; padding-bottom:5px;}
div.mailing-form input.button{ float:right; height:29px; width:77px; background:#981013; border:none; font-size:160%; color:#FFF; cursor:pointer; margin-top:2px; }

/*---- Mail-Form2 ----*/
div.mailing-form2{ border:1px solid #000; padding: 3px 7px 0px 5px; background:#c8c5c5; height:21px; width:260px; }
div.mailing-form2 input.textarea{ border:none; background:#c8c5c5;  width:200px; height:18px; font-size:150%; color:#5d5c5c; float:left; padding:0px;}
div.mailing-form2 input.button{ float:right; height:18px; width:50px; background:#981013; border:none; font-size:130%; color:#FFF; cursor:pointer;  }