/*
Theme Name: McDonald Restaurant - Clare
Theme URI: http://actonbv.com
Description: The WordPress theme for McDonald Restaurant - Clare.
Version: 1.0
Author: Chris Poplawski ,  Mariusz Zawistowicz
Author URI: http://actonbv.com
Tags:clare


*/

/* RESET  */
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,
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-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
	}
	
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
	
body {
	/*line-height: 1;*/
	color: black;
	background: #25321e;
	}
	
ol, ul {
	list-style: none;
	}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}

*.cb{
	clear:both;
	

}


/*  -------------------------------------------------------------------------------------------------   END RESET    */



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 0;
	margin: 0;
	background-color:#25321e;
	background-image:url(i/bg.jpg);
	background-position: top center ;
	background-repeat: repeat-x;

		}

#wrapper {
	width: 998px;
	margin: 0 auto;
	position:relative;
	}
#transparent-img-left{
	position:absolute;
	top:151px;
	left:0px;
	background-image:url(i/transparent-img-left.png);
	background-repeat:no-repeat;
	width:199px;
	height:418px;
	z-index: 90;
}
#transparent-img-right{
	position:absolute;
	top:151px;
	right:0px;
	background-image:url(i/transparent-img-right.png);
	background-repeat:no-repeat;
	width:146px;
	height:418px;
	z-index: 90;
}
#transparent-circle{
	position:absolute;
	top:0px;
	right:0px;
	background-image:url(i/transparent-circle.png);
	background-repeat:no-repeat;
	width:274px;
	height:160px;
	z-index: 100;
}


#bannerek{
	position:relative;
	display:block;
	width:215px;
	height:368px;
	}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------
//---------------------------------------------------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------------------------------------  HEADER 
//---------------------------------------------------------------------------------------------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	
#header {
	position: relative;
	height: 117px;
	width: 998px;
	margin: 0;
	background-image:url(i/header-bg.jpg);
	background-repeat:no-repeat;
	z-index: 99;
	}
#logo{
	position:absolute;
	width:140px;
	height:100px;
	display:block;
	z-index: 99;

}

#main_menu{
	height: 34px;
	width: 504px;
	display:block;
	position:absolute;
	top:29px;
	left:175px;
}
#home{
	height: 34px;
	width: 72px;
	display:block;
	float:left;
	background-image:url(i/menuu/home-off.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#home:hover{
	background-image:url(i/menuu/home-roll.jpg);
}
#home-on{
	height: 34px;
	width: 72px;
	display:block;
	float:left;
	background-image:url(i/menuu/home-on.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#news{
	height: 34px;
	width: 72px;
	display:block;
	float:left;
	background-image:url(i/menuu/off.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#news:hover{
	background-image:url(i/menuu/roll.jpg);
}
#news-on{
	height: 34px;
	width: 72px;
	display:block;
	float:left;
	background-image:url(i/menuu/on.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#job{
	height: 34px;
	width: 66px;
	display:block;
	float:left;
	background-image:url(i/menuu/off-02.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#job:hover{
	background-image:url(i/menuu/roll-02.jpg);

}
#job-on{
	height: 34px;
	width: 66px;
	display:block;
	float:left;
	background-image:url(i/menuu/on-02.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#sponsorship{
	height: 34px;
	width: 127px;
	display:block;
	float:left;
	background-image:url(i/menuu/off-03.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#sponsorship:hover{
	background-image:url(i/menuu/roll-03.jpg);
}
#sponsorship-on{
	height: 34px;
	width: 127px;
	display:block;
	float:left;
	background-image:url(i/menuu/on-03.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#team{
	height: 34px;
	width: 73px;
	display:block;
	float:left;
	background-image:url(i/menuu/off-04.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#team:hover{
	background-image:url(i/menuu/roll-04.jpg);
}
#team-on{
	height: 34px;
	width: 73px;
	display:block;
	float:left;
	background-image:url(i/menuu/on-04.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#contact{
	height: 34px;
	width: 94px;
	display:block;
	float:left;
	background-image:url(i/menuu/off-05.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#contact:hover{
	background-image:url(i/menuu/roll-05.jpg);
}
#contact-on{
	height: 34px;
	width: 94px;
	display:block;
	float:left;
	background-image:url(i/menuu/on-05.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------
//---------------------------------------------------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------------------------------------  CONTENT 
//---------------------------------------------------------------------------------------------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.entry a{
color:#EF1701;
text-decoration:none;}
h1{
	color:#d30d10;
	font-size:20px;
	font-weight:bold;
}
h2 a{
	color:#d30d10;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
h2{
	color:#600202;
	font-size:16px;
	font-weight:bold;
	}
h3{
	color:#d30d10;
	font-size:14px;
	font-weight:bold;
	}
p{
margin-bottom:10px;}

img{
padding:5px 5px 5px 0px;
/* float:left; */}


.alignleft{float:left; }
.alignright{float:right; }
.entry{
	padding-top: 18px;
}
.post{
 clear:both;}
.postmeta{
	color:#7a7a7a;
	font-size:11px;
	width: 409px;
	height:23px;
	display:block;
	border-top:1px #e7e7e7 solid;
	padding: 3px 0px;
	margin-top: 8px;
	/* background-image:url(i/comment.jpg);
	background-position:right top;
	background-repeat:no-repeat; */
	position:relative;
	margin-bottom: 20px;
}
.postmeta a{
	color:#7a7a7a;
	font-size:11px;
	text-decoration:none;
}
.posted{
	position:relative;
	left: 5px;
	width:200px;
	height: 20px;
	float:left;
}
.comment_link{
	position:relative;
	width:200px;
	height: 20px;
	float:right;
	text-align:right;
}
.com_no a{
color:#FFFFFF;
padding: 0 12px 0 15px;
}
.comment_no a{
	color:#FFFFFF;
}
small{
	font-size:12px;
	color:#666666;
	}

.alt {
	margin-top:10px;
}

strong{
	font-weight:bold;
	}
i{
	font-style:italic;
}
#left-bar a{
color:#FF0000;
}	
#left-bar table{
	margin-bottom: 15px;
}	
#left-bar table tr td{
padding:5px;
margin:0px;
vertical-align:top;
}	

#left-bar table{
	margin-bottom: 15px;
}	
#left-bar table#buttons tr td{
padding:5px 0px;
border-collapse:collapse;
margin:0px;
vertical-align:top;
}	

#left-bar table tr td ul li{
padding:0px;
margin:0px;
list-style-type:disc;
list-style-position:inside
}	

#left-bar ul, #content ol{
padding:0px;
margin-left:20px;
margin-bottom:10px;
}	 

#left-bar ul li{
padding:0px;
margin:0px;
list-style-type:disc;
list-style-position:outside;
}	

#left-bar ol li{
padding:0px;
margin:0px;
list-style-position:outside;
list-style-type: decimal;
}	


.navigation{
	width:100%;
	height:auto;

}
.navigation .alignleft a, .navigation .alignright a {
	color:#990000;
	font-size:12px;
	
}
.navigation .alignleft{
	float:left;
	display:block;
	width:200px;
	height:auto;
}
.navigation .alignright{
	float:right;
	display:block;
	width:200px;
	height:auto;
	text-align:right;
}
.navigation .alignclear{
width:100%;
clear:both;
padding: 2px 5px 20px 5px;
}

#map{
width:390px;
height:220px;
border:1px #333333 solid;
}
#map2{
width:390px;
height:220px;
border:1px #333333 solid;
}







#content-wrap {
	position: relative;
	display:block;
	width: 674px;
	margin: 0;
	background-image:url(i/content-bg.png);
	background-repeat: repeat-y;
	background-position:top center;
	padding: 0px 146px 0px 178px;
	}

#content {
	position: relative;
	width: 644px;
	margin: 0;
	padding: 0px 15px 0px 15px;
	}
#banner {
	position: relative;
	height: 104px;
	width: 644px;
	margin: 0;
	display:block;
	background-image:url(i/banner.png);
	background-repeat: no-repeat;
	background-position:top center;
	clear:both;
	}
#left-bar{
	width: 409px;
	float:left;
	padding: 15px 15px 0px 5px;

}
#right-bar{
	width: 215px;
	float:right;
	margin-top:15px;

	background-color:#FAC307;

}




.small-black{
	font-size:13px;
	color:#000000;
	display:block;
	padding-bottom:5px;
	margin:0px;
}
.green{
	font-size:17px;
	color:#458d00;
	font-weight:bold;
}
.green-bold{
	font-size:21px;
	color:#458d00;
	font-weight:bold;
	letter-spacing: 1px;
}
#sidebar-empty{
	width: 195px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	padding: 10px;
	font-size:12px;
	}
	
#store-competition{
	width: 213px;
	height: 270px;
	display:block;
	background-image: url(i/sidepanelcomp.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	margin-top:10px;
	padding: 200px 0px 3px 0px;
	font-size:12px;
	background-color:#FFF;
	border:1px #000 solid;
	}
#store-competition a{
	color:#FF0000;
	text-decoration:none;
	}
.iframe-no{
	width:100%;
	height: 270px;

}

.iframe-job{
	width:409px;
	height: 770px;
	margin-top: 10px;

}





#gruop-reservation{
	clear:both;
	width: 195px;
	height: 74px;
	padding: 10px 10px;
	margin:  0px 0px;
	border-bottom:2px #FFF solid;
	display:block;
	background-image: url(i/group-bt.jpg);
	background-position:10px 10px;
	background-repeat:no-repeat;

	}
#gruop-reservation-big{
	clear:both;
	width: 215px;
	height: 82px;
	padding: 0px 0px;
	margin:  0px 0px;
	border-bottom:2px #FFF solid;
	display:block;
	background-image: url(i/group-bt-big.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;

	}
#competition{
	clear:both;
	width: 215px;
	height: 110px;
	padding: 0px;
	margin:  0px 0px;
	border-bottom:0px #FFF solid;
	display:block;
	background-image: url(i/colorin-competition2.jpg);
	background-position:center;
	background-repeat:no-repeat;

	}
#colouring-competition-bg{
	clear:both;
	width: 400px;
	/* height: 350px; */
	padding: 0px;
	padding-bottom:200px;
	
	margin:  0px 0px;
	display:block;
	background-image: url(i/sundae-bg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;

	}	
#BestSmallCompany{
	clear:both;
	width: 215px;
	height: 180px;
	padding: 10px 0px;
	margin:  0px 0px;
	display:block;
	background-color:#FFFFFF;
	background-image: url(i/BestSmallCompany.jpg);
	background-position:center;
	background-repeat:no-repeat;
}


#sub-menu{
	clear:both;
	width: 195px;
	padding: 10px 10px;
	margin:  0px 0px;
	border-bottom:2px #FFF solid;
	display:block;
}

#sub-menu ul li{
	display:block;
	width:195px;
	padding:0px;
	border-bottom:1px #FAEB53 solid;
	
	}


#sub-menu ul li a{
	display:block;
	width:180px;
	padding:5px 0px 5px 15px;
	background-color:#FBEF73;
	color:#F21701;
	text-decoration:none;
	}

#sub-menu ul li a:hover{
	display:block;
	width:180px;
	padding:5px 0px 5px 15px;
	background-color:#F21701;
	color:#FFFFFF;
	text-decoration:none;
	}

#sub-menu ul li a#sub-on{
	display:block;
	width:180px;
	padding:5px 0px 5px 15px;
	background-color:#F21701;
	color:#FFFFFF;
	text-decoration:none;
	}

	
#sub-menu ul li#main{
	display:block;
	font-size:16px;
	width:195px;
	padding:5px 0px;
	border-bottom:2px #DACE60 solid;
	background-color:#25321E;
	}

#sub-menu ul li#main a{
	display:block;
	width:185px;
	padding:5px 0px 5px 10px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
		background-color:#25321E;
	}
#sub-menu ul li#main a:hover{
	color:#FBEF73;
	}




#clear{

	width:644px;
	height:1px;
	clear:both;
}
#footer{
	position: relative;
	height: 42px;
	width: 838px;
	margin: 0;
	background-image:url(i/footer-bg.png);
	background-repeat: no-repeat;
	background-position:top center;
	text-align:right;
	padding: 55px 160px 30px 0px;
	font-size:13px;
	color: #fff;
	

	}
	#footer a{
	color:#fff;
	text-decoration:none;
	}
	
	#footer a:hover {
	color: #fbc308;
	text-decoration: underline;
		}	
	
	
	.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   padding-top: 0px;
   margin: 0px;
   font-size:11px;
	}