/*  
Theme Name: Bru
Theme URI: http://www.bru.ie
Description: bru wordpress template
Version: 0.2
Author: Bartek Czerwinski bartek@spoiltchild.com
Author URI: http://spoiltchild.com
*/

/*   Basic styles   */

/* GLOBAL RESET SETTINGS******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;}
html {height:100%;}
.clear { clear: both; }
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }

/* PAGE SETTINGS**************/
body { background: #fff; color: #121212; font: 12px/18px Helvetica, Arial, sans-serif; }   

/* HEADER SETTINGS************/
#header { height:100px; width:870px; position:relative; margin: 0 auto; }
#logo { position:absolute; display:block; text-indent:-9999px; overflow:hidden; top:5px; left: 10px; width: 130px; height: 110px; background: url('resources/images/logo.png') 50% 50% no-repeat; }
#nav { position: absolute; left: 210px; top: 70px;}
	#nav li { display: inline; }
		#nav a  { display: block; float: left; padding: 0 17px; color: #121212; font-size: 15px; text-decoration: none; }
		#nav li a:hover, #nav li a:focus { color: #ee3224; }
		#nav li:last-child a { padding-right: 0; }
#themovie { width: 960px; height: 300px; margin: 0 auto; }		

/* CONTENT SETTINGS***********/

#content { width: 860px; margin: 0 auto; padding: 0 55px 40px; background: url('resources/images/arch1.png') 0 100% no-repeat; }

	#content a, #footer a, #sidebar-menu a { text-decoration:none; color:#ee3224; border-bottom: 1px dotted #ee3224; }
		#content a:hover, #content a:focus, #footer a:hover, #footer a:focus { text-decoration:none; border-bottom: 1px dashed #ee3224; }
	#content h2 { color:#ee3224; font-size:24px; line-height:30px; padding-bottom:0.5em; font-weight:400; }
	#content h3 { color:#ee3224; font-size:18px; line-height:24px; padding: 15px 0 5px; font-weight:700; clear: left; }
	#content p {color:#121212; }
	#content .postentry p { font-size: 13px; padding: 5px 0; line-height: 150%; }
	#content .postentry em, #content .post em { font-style: italic; }
	#content .postentry b, #content .postentry strong { font-weight: 700; }
	#content .postentry ul { padding: 7px 0; }
	#content .postentry ul li, #sidebar-menu ul li { padding: 2px 0 2px 30px; font-size: 12px; background: url('resources/images/li.png') no-repeat 0 5px; }
	#content .postentry ul li.pagenav { background-image: none; }

.post { clear:both; overflow:auto; padding: 10px 20px 20px; }
.post img { margin: 5px; border:3px solid #ddd; }
.postmeta { padding: 5px 0; margin: 15px 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; font-size: 10px; }
.readmore {	float:right; font-size: 11px; font-style: normal; }

#testimonials { float: right; width: 360px; }
	#testimonials li { padding: 7px 0 10px 70px; background: url('resources/images/quote.png') no-repeat 0 5px; font-size: 11px;  }
	#content #testimonials p { font: italic 12px/14px Georgia, "Times New Roman", serif; padding-bottom: 7px; }
	#content #testimonials p.readmore {	font: normal 11px/14px Helvetica, Arial, sans-serif; }
#news-events { width: 260px; min-height: 150px; float: left; padding: 10px 220px 0 0; }
	#news-events h3 { display:block; height: 30px; padding: 0; text-indent: -9999px; overflow:hidden; background: url('resources/images/news-events.png') no-repeat 0 0; }
	#news-events li { padding: 1px 0; }
	#news-events ul a { color: #121212; border-bottom: 1px dotted #121212; }
	#news-events ul a:hover, #news-events ul a:focus { border-bottom: 1px dashed #ee3224; color: #ee3224; }
	
#sidebar { float: right; padding: 15px; width: 200px; margin: 0 0 15px 15px; background: #fafafa; border: 1px dotted #ddd; }
#sidebar-menu h3 { font-size: 12px; text-transform: uppercase; padding: 0 0 7px; }

#map { width: 500px; height: 350px; float: right; border: 3px solid #eee; margin-left: 20px; }

#booking-form { width: 500px; float: right; background: #fafafa; border: 1px dotted #ddd; margin-left: 20px; }
	#booking-form fieldset { padding: 15px 20px; }
	#booking-form div  { clear: left; padding: 5px 0; }
		#booking-form div.submit-form  { clear: left; padding: 10px 0; text-align: right;}
	
	#booking-form label { display: block; width: 150px; float: left;}
	#booking-form .textinput { width: 250px; font-size: 14px; padding: 2px 5px; border: 1px solid #666;  -webkit-border-radius: 3px; -moz-border-radius: 3px;  } 
	#booking-form textarea { width: 250px; height: 80px; font-size: 14px; padding: 2px 5px; border: 1px solid #666;  -webkit-border-radius: 3px; -moz-border-radius: 3px;  } 
	#booking-form .short { width: 80px; }
	#booking-form button { padding: 3px 10px; margin: 10px 0 0 150px; color: #fff; border: 1px solid #8e2514; background: #ee3224; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor:pointer; font-size: 11px; text-transform: lowercase;  }

#thecomments { width: 820px; margin: 0 auto; }

h3#respond, h3#comments { text-transform: uppercase; color: #666; font-size: 14px; font-weight: 400; padding: 1em 0 0.2em;  }
h3#comments { padding-top: 0; }

.commentlist { padding: 15px 0; }
.commentlist li {  border-top: 1px dotted #ddd; padding: 10px; }
.commentlist li.alt { background: #efefef; }
.commentlist p { padding: 7px 0 7px 50px; font-size: 12px; }
.avatar { float: left; margin-right: 18px; }

#commentform { padding: 15px 0; }

#commentform input { width:300px; font-size: 14px; color: #333; height:20px; line-height:26px; padding: 3px; border: 1px solid #ddd; background:#efefef; margin: 5px 5px 5px 0; -mox-border-radius: 3px; -webkit-border-radius: 3px;}
#commentform textarea { width:640px; font-size: 14px; color: #333; line-height:26px; padding: 3px; border: 1px solid #ddd; background:#efefef; margin: 5px 5px 5px 0; -mox-border-radius: 3px; -webkit-border-radius: 3px;}
#commentform input#submit  { width:auto; font-size: 11px; text-transform: lowercase; cursor: pointer; color: #fff; height:auto; line-height:auto; padding: 1px 10px; border: 1px solid #8e2514; -mox-border-radius: 3px; -webkit-border-radius: 3px; background:#ee3224; margin: 5px 5px 5px 0;}

#main table { border-collapse: collapse; width: 640px; border: none; }
#main th, #main td { padding: 2px 5px; border: none; border-right: 3px solid #000; border-bottom:  3px solid #000 ; font-size: 11px; background: #121212; }
#main th { background: #303102 ; }

/* FOOTER SETTINGS************/

#footer { clear:both; width:860px; padding: 10px 50px; margin: 0 auto; background: url('resources/images/arch1.png') 50% 90px no-repeat; }
#footer p {padding:0 1px; }

#opening-times { float: left; width: 330px; }
	#opening-times h3 { display:block; height: 30px; text-indent: -9999px; overflow:hidden; background: url('resources/images/opening-times.png') no-repeat 0 0; }
	#opening-times th { font-weight: 700; width: 50px; font-size: 11px; }
	#opening-times td { padding-right: 10px; width: 120px; font-size: 11px;  }

#address { width: 240px; float: left; }
	#address h3 { display:block; height: 30px; text-indent: -9999px; overflow:hidden; background: url('resources/images/location.png') no-repeat 0 0; }
	#address { padding: 1px 0; font-size: 11px; }
	#address ul a { color: #121212; border-bottom: 1px dotted #121212; }
	#address ul a:hover, #address ul a:focus { border-bottom: 1px dashed #ee3224; color: #ee3224; }

#newsletter { float: left; width: 280px; }
	#newsletter h3 { display:block; height: 30px; text-indent: -9999px; overflow:hidden; background: url('resources/images/newsletter.png') no-repeat 0 0; }
	#newsletter label { display: block; clear: both; font-size: 11px; line-height: 12px; padding-bottom: 5px; }
	#newsletter .textinput { width: 130px; font-size: 11px; padding: 2px 5px; border: 1px solid #666;  -webkit-border-radius: 3px; -moz-border-radius: 3px;  } 
	#newsletter .button { padding: 2px 10px; font-size: 11px; text-transform: lowercase; margin: 0 0 0 15px; color: #fff; border: 1px solid #8e2514; background: #ee3224; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor:pointer;  }


#foot-notes { clear: both; padding: 70px 0; font-size: 11px; color: #ccc;   }
#footer p.madeby { float:right; }