/*
Theme Name: Belfast Mela 2010 Theme (Sonia) 
Theme URI: http://david.turner.name
Description: Wordpress theme for the Belfast Mela 2010 Festival
Version: 0.5
Author: David Turner
Author URI: http://david.turner.name
Tags: belfast, mela, artsekta, festival
*/

/*
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
*/

/******** GLOBAL RESET ********/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}
body {
	line-height: 1;
}
header, section, footer, aside, nav, article, figure {
	display: block;
} 
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******** 960 GRID ********/

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px;width:auto}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:block}* html .clearfix{height:1%}

/* new clearfix */
.clearfix:after, .menu:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
	}
* html .clearfix,* html .menu-header             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix,*:first-child+html .menu-header { zoom: 1; } /* IE7 */

/******** SITE CSS ********/

body{
	background: #D42349;
	color: #222;
	/* font-family: Georgia, serif; */
	font-family: Arial, ÒHelvetica NeueÓ, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
}

p, ul, ol, img{
	margin-bottom:20px;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	color: #D42349;
	text-transform: uppercase;
	margin-bottom: 10px;
}

h1{font-size: 18px;}
h2{font-size: 16px;}
h3{font-size: 14px;}
h4, h5, h6{font-size: 12px;}

a{
	color:#D42349;
	cursor: pointer;
	font-weight: 700;
}
a:hover, .current-menu-item,.current-menu-item a{
	background: #D42349;
	color:#f2f2f2;
	padding: 0 3px;
	/* margin: 0 -3px; */
	
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	
	

}

a:hover{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/******** ELEMENT CONTROLS ********/

#totalwrap{
	background: url(_img/site-bg.jpg) top left;
}

#head{
	background: transparent url(_img/melahead-trans.png) top center no-repeat;
	height: 283px;
	margin:0 auto;
	padding-top:190px;
	width: 960px;
	font-size:26px;
	line-height: 30px;
}

#head p{
	font-family: Georgia, Times, ÒTimes New RomanÓ, serif;
	margin-bottom:10px;
	padding:0 4%;
	text-align:center;
}

h1#logo a, h1#logo, h1#logo a:hover{
	background: transparent url(_img/belfast-mela-trans.png) top left no-repeat;
	display:block;
	height:163px;
	margin:0 auto;
	margin-bottom:10px;
	padding:0;
	text-indent:-9999px;
	width:300px;
}

#wrapper{
	width:auto;
}

.menu-header{
	background:#767252;
	padding:0 10px;
}

#topdivider{
	height:29px;
	background: url(_img/dividers.png) top left repeat-x;
	margin-bottom:40px;
}

#btmdivider{
	height:82px;
	background: #fff url(_img/dividers.png) bottom left repeat-x;
}

#content{
	background:#fff;
	border-top:0;
}

#comment_tbl{
	width:100%!important;
}


span#artsekta{
	background: transparent url(_img/artsekta-trans.png) top left no-repeat;
	float: right;
	margin-left: 20px;
	margin-bottom:20px;
	width:90px;
	height:90px;
	
}
#artsekta a, #artsekta a:hover{
	background:transparent;
	text-indent:-9999px;
	display: block;
	width:90px;
	height:90px;
}

#inline. #ae{
	margin-top:20px;
}

#ae{
	float:left;
	width:65%;
}

#footer{
	background:#fff;
}

#sidebar a{
	color: #D42349;
	background:transparent;
	padding: 0;
	margin: 0;
}

#sidebar a:hover{
	background: transparent;
}

/******** REUSABLE CLASSES ********/

.altred{
	color:#D42349;
	/* font-size:42px; */
	margin-bottome:20px;
}

/******** SOCIAL MEDIA ********/

.twitter, .facebook, .youtube, .twitter:hover, .facebook:hover, .youtube:hover{
	width:110px;
	height:110px;
	background: transparent center no-repeat!important;
	border:0;
	text-indent:-9999px;
	display:block;
	float:left;
}

.twitter, .twitter:hover, .facebook, .facebook:hover{
	margin-right:5px!important;
}

.twitter, .twitter:hover{
	background-image: url(_img/twitter.png)!important;
}

.facebook, .facebook:hover{
	background-image: url(_img/facebook.png)!important;
}

.youtube, .youtube:hover{
	background-image: url(_img/youtube.png)!important;
}

.supporterlogo{
	margin: 0 20px 20px 0;
	float:left;
}

.floatleft{
	float:left;
}

.floatleft img{
	margin:0;
}

.supporter, .rightsupporter{
	margin-bottom: 20px;
}

.supporter{
	margin-right:20px;
}

/******** CSS DROPDOWN MENU ********/

/* 
	LEVEL ONE
*/
.menu-header ul{
	margin:0 -10px;
}
#menu-page-navigation                         { position: relative; z-index:50; overflow: visible; }
#menu-page-navigation li                      { display:inline;float: left; zoom: 1; }
#menu-page-navigation a,
#menu-page-navigation a:active                { padding:10px 7px; color:#fff;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,0.4); }
#menu-page-navigation li#dash ul li a:hover	 {  }
#menu-page-navigation li a                    { display: block; }
#menu-page-navigation li:last-child a         {  } /* Doesn't work in IE */
#menu-page-navigation li.hover,
#menu-page-navigation li:hover                { position: relative; }
#menu-page-navigation li.hover a              {  }


/* 
	LEVEL TWO
*/
#menu-page-navigation ul 					{ 
	background:#767252;width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:2; margin: 0; }
#menu-page-navigation ul li 					{ float: none; }
#menu-page-navigation ul li.title			{  }
									  
                                    /* IE 6 & 7 Needs Inline Block */
#menu-page-navigation ul li a				{ display: inline-block; } 
#menu-page-navigation ul li>a				{ display: block; }


#menu-page-navigation li:hover > ul 			{ visibility: visible; }

/******** JQUERY INFINITE CAROUSEL STYLING *********/

.relative{
	position:relative;
}

.infiniteCarousel {
  width: 320px;
  position: relative;
  border:10px solid #D42349;
  height:160px;
  overflow:hidden;
}

.infiniteCarousel .wrapper {
  width: 320px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 160px;
  position: absolute;
  top: 0;
}

.infiniteCarousel .wrapper ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
  overflow:hidden;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  height: 160px;
  width: 320px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.sponsor, .sponsor:hover{
	background:transparent; 
	margin:0;
	padding:10px 0;
}

.sponsor.square{
	padding:0;
}

.sponsor img{
	margin: 0 40px 40px 0;
}

.sponsorslist p{
	text-align: justify;
}

/*Contact Form Setup*/

label, input, textarea{margin-bottom:10px;}
label{
	clear:left;
	display:block;
	float:left;
	line-height: 30px;
	margin-right:10px;
	text-align: right;
	width:80px;
}
textarea{
	height:140px;
	width:400px;
}

input{
	height:20px;
	width:200px;
}

input, textarea{
	float:left;
	padding:5px;
}

input:focus, textarea:focus{
	outline: 2px solid #D42349;
}

label.error{
	background:#900;
	color:#fff;
	margin-left:90px;
	padding:0 10px;
	text-align:left;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	width:190px;
}

input#submit{
	background: #D42349 url(_img/overlay.png) repeat-x;
	border:0;
	clear:both;
	color:#f9f9f9;
	cursor: pointer;
	display: inline-block;
	font-size:14px;
	font-style:normal; 
	font-weight:700;
	height:auto;
	letter-spacing: 1px;
	margin-bottom:20px;
	margin-left:90px;
	padding: 5px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius:5px;
}