/*
Theme Name: Merrion
Theme URI: http://wordpress.org/themes/merrion
Author: Magrathea 17
*/

@font-face {
    font-family: 'PacificoRegular';
    src: url('fonts/Pacifico-webfont.eot');
    src: url('fonts/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Pacifico-webfont.woff') format('woff'),
         url('fonts/Pacifico-webfont.ttf') format('truetype'),
         url('fonts/Pacifico-webfont.svg#PacificoRegular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeuneMedium';
    src: url('fonts/HelveticaNeueLTStd-Md.eot');
    src: url('fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaNeueLTStd-Md.woff') format('woff'),
         url('fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'),
         url('fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeuneMedium') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'trajanbold';
    src: url('fonts/trajan_bold-webfont.eot');
    src: url('fonts/trajan_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajan_bold-webfont.woff') format('woff'),
         url('fonts/trajan_bold-webfont.ttf') format('truetype'),
         url('fonts/trajan_bold-webfont.svg#trajanbold') format('svg');
    font-weight: normal; font-style: normal;
}

* {
margin:0; padding:0;
}

img {
border:none;
}


body {
background:#5d5b50 url('images/bgr.jpg') top repeat-x;
font:0.75em Arial;
}
a {
outline:none; text-decoration:none; color:#1a1a1a;
}
a:hover {
color:#414143;
}

h1, h2, h3 {
font-family: 'trajanbold';
font-weight: normal;
}
h2 {
font-size:2em;
}
h3 {
font-size:1.7em;
color:#1a1a1a;
line-height:1.4em;
}
h4 {
font-size:1.17em;
}

.clear {
clear:both;
}
.right {
float:right;
}
.hidden {
display:none;
}

.nicescroll-rails {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

/* HEADER ------------------------ */

#headerHolder {
width:100%;
color:#eeeded;
text-transform:uppercase;
font-size:1.2em;
}
#headerHolder .wrapper {
position:relative;
}

#logo img { max-width:100%; }

#newsletterBox input[type="text"], #newsletterBox input[type="search"] {
background:#6b6a60;
padding:0.4em 0.4em 0.2em;
border:none;
border-top:1px solid #505047;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
font-size:0.8em; color:#fff;
width:12em;
}
#newsletterBox input[type="submit"], #newsletterBox input[type="button"] {
background:url('images/submit.png') top no-repeat;
width:80px;
height:25px;
border:none;
color:#fff;
font-size:0.7em;
cursor:pointer;
}
#newsletterBox label {
padding:0; margin:0; width:auto;
}
.headerForm {
color:#eeeded; font-weight:bold;
}
.headerForm div {
float:left;
}
.eemail_caption {
padding-top:0;
}
.eemail_textbox {
margin-top:4px; margin-right:4px;
}
.search-field {
margin-top:4px;
}
.eemail_button {
margin-top:2px;
}


/* MAIN ------------------------ */
#mainHolder {
width:100%;
}
#contentWrapper {
background:#fff;
padding:1em 0;
}

/* Navigation ------------------------ */
#mainMenuHolder {
font:1.14em 'HelveticaNeuneMedium';
text-transform:uppercase;
}
#mainMenuHolder ul {
list-style:none;
}
#mainMenuHolder a {
display:block;
}
#mainMenuHolder, #mainMenuHolder a {
color:#fff;
}
ul.nav-menu li {
line-height: 1.3em;
padding: 5px 10px; 
}

/* Main Banner ------------------------ */

#mainBannerHome {
width:98%; margin:auto;
}
#mainBannerHome img {
width:100%; height:auto;
}

#mainBanner {
background:url('images/slideshowbgr.jpg') top repeat-x;
overflow:hidden;
}
#mainBanner img {
width:100%;
height:auto;
}


/* Main Content ------------------------ */
#mainContent {
background:#f5f3f3;
color:#3d3d3d;
}
#mainContent h2 {
padding-bottom:12px;
}
#mainContent h2, #mainContent a {
color:#1a1a1a;
}
#mainContent a {
font-weight:bold;
}
#mainContent table td {
padding-right:0.6em;
}

#boxes3 a {
font-weight:bold;
}

.box12Holder table {
width:100%;
}
.box12Holder table td {
padding-right:2em;
}
.box12Holder table h3 {
padding:1em 0 0.2em;
}
.box12Holder table a {
color:#414143;
}
.box12Holder table a:hover {
color:#1a1a1a;
}
.box3Holder ul, .box12Holder ul {
list-style-type:square;
list-style-position:outside;
margin:1em;
}
.box3Holder ul li, .box12Holder ul li {
margin-bottom:0.2em;
}

.home .box2 {
background:#E1E1E1;
}
.home .box2 .box3Image {
padding:1em;
background:#E1E1E1;
color:#555;
height:auto !important;
}
.home .box2 .flexslider{
margin:0 !important;
height:auto !important;
}
.home .box3Holder .box3Title {
position:relative;
}
.home .box3Holder .box3Title .fbicon {
width:auto !important; 
position:absolute; top:12px; right:10px; z-index:999;
}
.home .box3Holder .box3Title:hover .fbicon {
	  /* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

	  /* IE 5-7 */
	  filter: alpha(opacity=75);

	  /* Netscape */
	  -moz-opacity: 0.75;

	  /* Safari 1.x */
	  -khtml-opacity: 0.75;

	  /* Chrome */
		-webkit-opacity: 0.75;
		
	  /* Good browsers */
	  opacity: 0.75;
}
.post_excerpt .featuredimg {
text-align:center;
}
.post_excerpt .featuredimg img {
margin:auto;
height:6em !important; width:auto !important; max-width: 98% !important;
}

/**************facebook feed*****************/
.cff-author img {
float:left;
width:20% !important;
height:auto;
}
#cff .cff-author {
margin-bottom:0;
}
#cff a{
color:#325292;
}

#boxscroll2 {
height: 15em;
overflow: auto;
padding:0 1em;
}
#boxscroll2 ul {
list-style-position:outside;
margin:0.5em 1em;
}


/* Logos ------------------------ */
#boxes4 {
margin-top:1em;
padding:0 1%;
}
.box4Holder {
width:23.5%;
float:left;
margin-left:1.2%;
}
.box4Holder img {
width:100%;
}

/* FOOTER ------------------------ */

#footerHolder {
width:100%;
padding:1.67em 0;
color:#fff;
background:#414143;
}
#footerHolder a {
color:#fff;
}
#footerHolder h4 {
font-weight:normal;
text-transform:uppercase;
color:#b5b5b5;
padding-bottom:0.5em;
}
#footerNav ul, #copyrights ul {
list-style-type:none;
}
#copyrights {
font-size:0.75em;
}

/* MEDIA QUERIES ========================================================================================================================================================== */


/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 969px) {
	/* HEADER ------------------------ */
	#headerHolder .wrapper {
	padding:0 0.5em;
	}	
	
	
	/* Main Banner ------------------------ */
	#mainBanner, #mainBannerShadow {
	padding:0 1%;
	}	
	#mainBanner {
	padding-top:0.6em;
	}	
	#mainBanner img, #mainBannerShadow img {
	width:100%;
	height:auto;
	}
	
	
	/* Main Boxes ------------------------ */
	.explore .box3 .box3Title, .explore .box2 .box3Title {
	display:none;
	}
	.explore .blog .box3Title {
	display:block; padding-left:1.5em;
	}
	.explore .box3 .box3Image, .explore .box2 .box3Image {
	padding-top:0.2em;
	}
	.explore .blog .box3Image {
	padding-bottom:1em;
	}
	
	
	/* FOOTER ------------------------ */
	#footerHolder .wrapper {
	padding:0 1em;
	}	
	#footerHolder #socialLinks {
	clear:both;
	margin-top:1em;
	}
}



/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	/* HEADER ------------------------ */	
	#newsletterBox {
	display:none;
	}
	
	/* MAIN ------------------------ */
	#mainHolder #socialLinks {
	display:none;
	}	
	/* Main Aside ------------------------ */
	.home .box3Holder, #sideBanners {
	display:none;
	}	
	
	/* Main Content ------------------------ */
	#mainContent {
	clear:both;
	width:94%;
	margin-left:1%;
	padding-top:0.2em;
	padding-right:2%;
	padding-bottom:0.2em;
	padding-left:2%;
	border:1px solid #ededed;
	}
	/*#videoPopup {
	display:none;
	}*/
	
	/* Main Boxes ------------------------ */
	#boxes3 {
	margin-top:1em;
	}
	#titles {
	list-style-type:none;
	display:inline-block;
	}
	#titles li{
	display:inline-block;
	float:left;
	width:47%;
	margin-left:1%;
	background:#fff;
	border:1px solid #f4f4f4;
	padding:2px 3px 0;
	}
	#titles img{
	width:100%;
	}
	
	.explore .box1 .box3Image, .explore .box12 .box3Image, .explore .blog .box3Image  {
	padding-top:1em;
	padding-right:2%;
	padding-bottom:1em;
	padding-left:2%;
	}
	
	/* Bottom Boxes ------------------------ */
	#boxes4 .slides li {
	width:10em !important;
	}
	
}



/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	/* HEADER ------------------------ */
	#logo {
	text-align:center;
	}
	
	/* MAIN ------------------------ */
	#mainHolder {
	padding-top:0;
	}
	
	/* Navigation ------------------------ */
	ul.nav-menu, ul.nav-menu ul {
	display:none;
	}
	#pullMainMenu {
	font:1.5em 'trajanbold';
	text-align:center;
	line-height:1.5em;
	text-transform:none;
	}
	ul.nav-menu {
	float: none; 
	text-align:center;
	}
	ul.nav-menu li {
	clear:both;
	}
		
	/* Main Boxes ------------------------ */
	#titles li{
	width:95%;
	}
	
	.box3Holder, .box12Holder {
	width:98%;
	float:left;
	margin-left:1%;
	background:#f4f4f4;
	}
	.box3Title {
	padding:0.2em 0;
	padding-left:2%;
	}
	.box3Image img {
	width:98%;
	height:auto;
	margin-left:1%;
	}
	
	.explore .box3Holder, .explore .box12Holder {
	border:1px solid #dedede;
	margin-top:0.5em;
	}
	.explore .box3Holder h2, .explore .box12Holder h2 {
	color:#1a1a1a;
	font-size:1.7em;
	}
	
	
	
	
	/* FOOTER ------------------------ */
	#footerHolder {
	text-align:center;
	}
	#footerInfo {
	clear:both;
	margin-top:2em;
	}
	#copyrights {
	margin-top:2em;
	}
	#copyrights .separator {
	display:none;
	}
}



/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 319px) {	
	.box4Holder {
	width:48.5%;
	}
}



/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {	
	/* HEADER ------------------------ */		
	#logo {
	position:absolute;
	bottom:0;
	left:0;
	z-index:9999;
	width:320px;
	}		
	#logo img{
	width:100%; height:auto;
	}	
	
	/* MAIN ------------------------ */
	
	/* Navigation ------------------------ */
	#pullMainMenu {
	display:none;
	}
	
	
	/* FOOTER ------------------------ */
	#footerNav {
	width:50%;
	float:left;
	}
	#footerNav ul {
	margin-right:5em;
	float:left;
	}	
	#footerInfo {
	width:50%;
	float:right;
	text-align:right;
	}
	#copyrights {
	text-align:right;
	}
	#copyrights ul li {
	display:inline-block;
	}
}



/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#logo {
	width:58%;
	}
	#headerRight {
	float:right; width:42%;
	}
	
	/* MAIN ------------------------ */	
	
	/* Navigation ------------------------ */
	ul.nav-menu {
	float: right;
	text-align:right;
	display:inline-block;
	}
	ul.nav-menu li {
	display:inline-block; width:170px;
	}
	ul.nav-menu ul {
	display:none;
	}
	#mainMenuHolder {
	font-size:1em;
	}
	
	/* Bottom Boxes ------------------------ */
	.box3Holder {
	width:32%;
	float:left;
	margin-left:1%;
	background:#f4f4f4;
	}
	.box12Holder {
	width:64%;
	float:left;
	margin-left:1%;
	background:#f4f4f4;
	}
	.box3Title {
	padding:0.2em 0;
	padding-left:2%;
	}
	.box3Image img {
	width:98%;
	height:auto;
	margin-left:1%;
	}
	
	.explore .box3Holder, .explore .box12Holder {
	border:1px solid #dedede;
	}
	.explore .box3Holder h2, .explore .box12Holder h2 {
	color:#1a1a1a;
	font-size:1.7em;
	}
	
	.explore .box1, .explore .box12  {
	/*clear:both;*/
	width:96%;
	padding-top:0.2em;
	padding-right:1%;
	padding-bottom:0.2em;
	padding-left:1%;
	border:1px solid #ededed;
	}
	.explore .box2, .explore .box3  {
	/*clear:both;*/
	margin-top:1em;
	width:48%;
	}
	.explore .box312, .explore .blog  {
	margin-top:1em;
	width:98%;
	}
}

/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.home ul#titles img:hover, .home ul#titles img:active {
	  /* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

	  /* IE 5-7 */
	  filter: alpha(opacity=75);

	  /* Netscape */
	  -moz-opacity: 0.75;

	  /* Safari 1.x */
	  -khtml-opacity: 0.75;

	  /* Chrome */
		-webkit-opacity: 0.75;
		
	  /* Good browsers */
	  opacity: 0.75;
	}
}



/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	/* HEADER ------------------------ */		
	#headerRight {
	float:right; width:640px;
	}
	#newsletterBox {
	padding:0.4em 0 0;
	float:right;
	}
	.headerForm {
	float:right;
	margin-left:2em;
	}
	
	/* MAIN ------------------------ */
	#socialLinks {
	float:right;
	width:80px;
	}
	
	/* Navigation ------------------------ */
	#mainMenuHolder {
	clear:both;	
	}		
	ul.nav-menu {
	position: relative; 
	z-index: 597; 
	float: right;
	}
	ul.nav-menu li {
	float: left;
	}
	ul.nav-menu li.hover, ul.nav-menu li:hover {
	position: relative; 
	z-index: 599; 
	cursor: default;
	background:#fff;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	}
	ul.nav-menu li.hover a, ul.nav-menu li:hover a, ul.nav-menu li:active a, ul.nav-menu ul li a {
	color:#343434 !important;
	}
	ul.nav-menu ul {
	visibility: hidden; 
	position: absolute; 
	top: 100%; left: 0; 
	z-index: 598; 
	width: 100%; 
	background:url('images/opacity93.png'); 
	padding:10px 0;
	}
	ul.nav-menu li.explore ul { 
	width:600px; 
	display:inline-block; 
	left:-100px; 
	-moz-box-shadow:    1px 1px 2px 3px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow:         1px 2px 5px 2px #ccc;
	}
	ul.nav-menu ul li {
	float: none;
	font:bold 0.65em Arial;
	}
	ul.nav-menu ul li a:hover {
	color:#A38638 !important;
	}
	ul.nav-menu li.explore ul li {
	float: left;
	display:inline-block;
	width:122px;
	}	 
	ul.nav-menu ul ul {
	top: -2px; left: 100%;
	}
	ul.nav-menu li:hover > ul {
	visibility: visible
	}
	
	
	/* Main Banner ------------------------ */
	/*#videoLink {
	display:none;
	}*/
	
	
	.sideBannerHome img:hover, .home .box3Holder .box3Title img:hover  {
	  /* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

	  /* IE 5-7 */
	  filter: alpha(opacity=75);

	  /* Netscape */
	  -moz-opacity: 0.75;

	  /* Safari 1.x */
	  -khtml-opacity: 0.75;

	  /* Chrome */
		-webkit-opacity: 0.75;
		
	  /* Good browsers */
	  opacity: 0.75;
	}
	
	/* Main Boxes ------------------------ */
	#titles {
	display:none;
	}
	
	/* Bottom Boxes ------------------------ */
	.box12Holder {
	width:64%;
	float:left;
	margin-left:1%;
	}
	.box3Holder {
	width:32%;
	float:left;
	margin-left:1%;
	}
	.box3Title {
	background:url('images/boxtitlebgr.jpg') top no-repeat;
	/*border:1px solid #f4f4f4;
	padding:2px 3px 0;	*/
	}
	.box3Title img {
	width:100%; float:left;
	}
	.box3Image img {
	width:98%;
	height:auto !important;
	margin-left:1%;
	}
	.box1 .box3Image, .box12 .box3Image {
	padding:0 0.5em 0 1em;
	}
	
	.explore .box3Holder, .explore .box12Holder {
	border:1px solid #dedede;
	}
	.explore .box3Holder h2, .explore .box12Holder h2 {
	color:#1a1a1a;
	}
}



/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 969px) {	
	/* MAIN ------------------------ */	
	
	/* Navigation ------------------------ */
	
	#mainMenuHolder {
	font:1.04em 'HelveticaNeuneMedium';
	}

	ul.nav-menu li {
	font-size:0.9em;
	}
	ul.nav-menu ul li { 
	font-size:0.8em;
	}	
	ul.nav-menu li.explore ul {
	width:500px;
	}
	
	/* Main Banner ------------------------ */
	#mainBannerHolder {
	float:left;
	width:80%;
	}
	#mainBannerHolderExplore {
	float:left;
	width:70%;
	}
	
	/* Main Aside ------------------------ */
	#sideBanners {
	float:left;
	width:20%;
	}	
	.sideBannerHome {
	overflow-x:hidden;
	}
	.sideBannerHome img {
	float:right;
	}
		
	/* Main Content ------------------------ */
	#mainContent {
	float:left;
	width:28%;
	padding-top:2px;
	padding-right:1%;
	padding-bottom:10px;
	padding-left:1%;
	border-bottom:1px solid #ededed;
	}
	#mainContent h2 {
	font-size:1.7em;
	line-height:1.5em;
	padding-bottom:0.5em;
	}
	#boxscroll {
	height: 17.6em;
	overflow: auto;
	padding:2px 18px 10px 10px;
	}	
	
	/* Bottom Boxes ------------------------ */
	.explore .box1 {
	clear:both;
	width:98%;
	margin-top:1em;
	padding-bottom:1em;
	}
	.explore .box12  {
	clear:both;
	width:64%;
	margin-top:1em;
	padding-bottom:1em;
	}
	.explore .box3Holder, .explore .box12Holder  {
	background:#f4f4f4;
	}
	.explore .box3Title  {
	background:none;
	padding:0 1em;
	}
	.explore .box2, .explore .box3  {
	margin-top:1em;
	width:48.3%;
	}
	.explore .box312  {
	margin-top:1em;
	width:32.3%;
	}
	.explore .blog  {
	clear:both;
	width:98%;
	margin-top:1em;
	padding-bottom:1em;
	}
	.explore .box3Holder h2, .explore .box12Holder h2 {
	color:#1a1a1a;
	font-size:1.7em;
	padding-bottom:12px;
	}
}



/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 970px) {	
	.wrapper {
	margin:auto;
	width:970px;
	}
	
	/* MAIN ------------------------ */	
	
	/* Navigation ------------------------ */
	#mainMenuHolder {
	float:left;
	clear:both;
	margin-top:-12px;
	}
	
	/* Main Banner ------------------------ */
	#mainBannerHolder, #mainBannerHolderExplore {
	float:left;
	width:642px;
	}
	#mainBanner {
	padding:6px 8px;
	height:328px;
	}
	#mainBanner img {
	width:626px;
	height:328px;
	}
	
	/* Main Aside ------------------------ */
	#sideBanners {
	float:left;
	width:326px;
	}
	
	/* Main Content ------------------------ */
	#mainContent {
	float:left;
	width:308px;
	height:328px;
	padding:2px 10px 10px 0;
	border-right:6px solid #1a1a1a;
	border-bottom:1px solid #ededed;
	}	
	#boxscroll {
	height: 260px;
	overflow: auto;
	padding:2px 8px 10px 10px;
	}	
	#mainContent h2 {
	text-align:right;
	font-size:1.6em;
	line-height:1.3em;
	padding-right:8px;
	padding-bottom:0.5em;
	}
	
	/* Bottom Boxes ------------------------ */
	.explore .box3Holder, .explore .box12Holder {
	background:#F5F3F3 url('images/boxtitlebgr.jpg') top no-repeat;
	border:1px solid #dedede;
	padding-bottom:10px;
	}
	.explore .box3Holder h2, .explore .box12Holder h2 {
	color:#1a1a1a;
	padding:0 0.5em 1em;
	}
	#boxscroll1 {
	height: 166px;
	overflow: auto;
	padding-right:1.5em;
	}
	
	/* FOOTER ------------------------ */
	#footerHolder .wrapper {
	padding:0 10px;
	width:950px;
	}
	#footerHolder #socialLinks {
	display:none;
	}
}

/*****************************FACEBOOK*************************/

	#mainBanner  {
	text-align:center;
	}	
	#mainBanner img {
	margin:auto;
	width:auto; max-width:100%;
	}	
	
#fbBox {
background:#e1e1e1; color:#333; font-size:12px;
}
#fbBox p{
color:#333; font-size:12px !important;
}body{    -webkit-animation-duration: 0.1s;    -webkit-animation-name: fontfix;    -webkit-animation-iteration-count: 1;    -webkit-animation-timing-function: linear;    -webkit-animation-delay: 0.1s;}@-webkit-keyframes fontfix{    from{   opacity: 1; }    to{ opacity: 1; }}