/*
Theme Name: Kelly RAC Theme
Theme URI: http://www.creativeartscentre.ie/
Description: A custom theme for WordPress.
Version: 1.0
Author: Copper Reed Studio
Author URI: http://www.copperreed.com/
*/

* {
	padding: 0;
	margin: 0;
}

body {
	color: #FFFFFF;
	background: #101E1C url(i/bg.png) repeat-x top center;
	
	text-align: center;

	font-family: Arial, Helvetica, sans-serif;
}

a img {
	border: 0;
}

.x_body {
	margin: 0 auto;
	text-align: left;
	width: 985px;
}

.x_wrapper {
	background: #FFFFFF;
	color: #494B4A;
	padding: 0 25px;
}

.x_header {
	background: #FFFFFF url(i/header-bg.png) repeat-x top left;
	padding-top: 20px;
}

.x_header h1, .x_header h2 {
	display: none;
}

.x_logo img {
	padding: 0 15px;
	padding: 5px 15px;
}

.x_header p {
	font-size: 125%;
	width: 235px;
	float: right;
	line-height: 125%;
	padding-top: 10px;
}

.x_header p span {
	color: #518875;
}

.x_header p a {
	text-decoration: none;
	color: #494B4A;
}

.x_nav {
	clear: both;
	background: #FFFFFF url(i/menubg.png) repeat-x top left;
	height: 54px;
	margin: 20px 0 15px 0;
}

.x_nav_menu li {
}

.x_nav_menu a {
	float: left;
/*
	padding: 19px 20px 15px 20px;
*/
	text-decoration: none;
	color: #FFFFFF;
	background: transparent url(i/nav-divider.png) no-repeat center right;
	text-transform: uppercase;
	font-weight: bold;

	padding: 19px 20px 15px 20px;
}

.x_nav_menu li:last-child a {
	background: none;
}

.x_nav_menu .x_homelink a {
	background: transparent url(i/homebg.png) no-repeat center left;
	padding: 18px 32px 15px 32px;
}

.x_nav_menu ul {
	background: #E3E3E3 url(i/submenubg.png) repeat-x top left;
	padding: 10px;
	margin-top: 10px;
}

.x_nav_menu ul li {
	background: transparent url(i/dash.png?v=2012-05-22) no-repeat top left;
}

.x_nav_menu ul li a {
	padding: 4px 12px;
	color: #464646;
	text-decoration: none;
	font-weight: normal;
	border: 0;
	text-transform: none;
	font-size: 75%;
	background: none;
}

.x_nav_menu ul {
	width:			8em; /* left offset of submenus need to match (see below) */
}

ul.x_nav_menu li li:hover ul,
ul.x_nav_menu li li.sfHover ul, 
ul.x_nav_menu li li li:hover ul,
ul.x_nav_menu li li li.sfHover ul {
	left:			8em; /* match ul width */
}




.x_menu img {
	overflow: hidden;
	max-height: 200px;
	max-width: 650px;
}

.x_menu ul li {
	list-style-type: none;
	float: left;
}

.x_menu ul li a {
	padding: 17px 30px 16px 30px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid #C08483;
	font-weight: bold;
}

.x_menu ul li a.menu-01 {
	background: #9E1412 url(i/menu-01.png) no-repeat top left;
}


.sf-menu li:hover a.menu-01, .sf-menu li.sfHover a.menu-01,
.sf-menu li a.menu-01:focus, .sf-menu li a.menu-01:hover, .sf-menu li a.menu-01:active, 
.sf-menu li:hover a.menu-02, .sf-menu li.sfHover a.menu-02,
.sf-menu li a.menu-02:focus, .sf-menu li a.menu-02:hover, .sf-menu li a.menu-02:active, 
.sf-menu li:hover a.menu-04, .sf-menu li.sfHover a.menu-04,
.sf-menu li a.menu-04:focus, .sf-menu li a.menu-04:hover, .sf-menu li a.menu-04:active 
{
	background: #9E1412 url(i/menu-01-hover.png) no-repeat top left;
	color: #B5100A;
}

.x_menu ul li a.menu-02 {
	background: #9E1412 url(i/menu-02.png) no-repeat top left;
}

.x_menu ul li a.menu-03 {
	background: #9E1412 url(i/menu-03.png) no-repeat top left;
}

.x_menu ul li a.menu-04 {
	background: #9E1412 url(i/menu-04.png) no-repeat top left;
}

.x_menu ul li li a {
	padding: 4px 12px;
	color: #464646;
	text-decoration: none;
	font-weight: normal;
	border: 0;
	background: transparent url(i/dash.png?v=2012-05-22) no-repeat top left;
	text-transform: none;
	font-size: 86%;
}

.sf-menu li li {
	background: #E3E3E3 url(i/submenubg.png) repeat-x top left;
	padding: 13px 10px 8px 10px;
}
/*
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:		#333;
}
*/
.sf-menu ul {
	width:			285px;
}

.sf-vertical, .sf-vertical li {
	width:	285px;
}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left: 285px;
}

.sf-menu li li h2 {
	color: #B5100A;
	font-size: 100%;
	padding-bottom: 3px;
}


.x_content {
	clear: both;
	padding: 20px 15px 5px 15px;
	overflow: auto;
}

.x_sidebar {
	float: right;
	width: 275px;
	font-size: 86%;
}

.x_news h2 {
	color: #370609;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
}

.x_news ul {
	list-style: none;
}

.x_news ul li {
	list-style-type: none;
}

.x_news ul li h3 {
	background: transparent url(i/slanted.png) no-repeat top left;
	color: #B60902;
	font-size: 75%;
	font-weight: bold;
	padding: 5px;
	text-transform: uppercase;
}

.x_news ul li a {
	text-decoration: none;
	color: #666666;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.x_news ul li h3 a {
	color: #B60902;
}

.x_news ul li img {
	max-width: 250px;
	margin-bottom: 10px;
}

.x_text {
	margin-right: 325px;
	color: #828282;
}

.x_text h2 {
	color: #B10E09;
	font-size: 125%;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
}

.x_text h2 a {
	color: #B10E09;
	text-decoration: none;
}

.x_text h2 a:hover {
	text-decoration: underline;
}

.x_text strong {
}

.x_text p {
	font-size: 86%;
	padding: 5px 0px 10px 0px;
}

.x_readmore {
	color: #458670;
	text-decoration: none;
	background: transparent url(i/read_more_arrow.png) no-repeat center right;
	padding-right: 20px;
}

.x_text ul {
	font-size: 86%;
	padding: 5px 0px 10px 20px;
}

.x_text td {
	font-size: 86%;
	vertical-align: top;
	padding: 5px;
}

.x_text td p {
	font-size: 100%;
}

.x_text h3 {
	color: #B10E09;
	font-size: 108%;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
}

.x_text h4 {
	color: #B10E09;
	font-size: 92%;
	font-weight: normal;
	padding: 10px 0 5px 0;
}



.x_footer {
	background: transparent url(i/footerbg.png) no-repeat top left;
	padding: 25px;
}

.x_footer address {
	font-style: normal;
	color: #FFFFFF;
	font-size: 75%;
}

.x_footer address a {
	text-decoration: none;
	color: #FFFFFF;
}



/* ie7 nonsense */

/* give splash image parent relativeb position and fixed height */
.x_menu {
	position: relative;
	height: 200px;
	z-index: 1;
}

/* give splash image absolute position within parent */
.x_menu img {
	overflow: hidden;
	max-height: 200px;
	max-width: 650px;
	
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

/* give splash image absolute position within parent and layer above the splash image to pull it in front */
.x_menu ul {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

/* give nav menu (and parents) above splash a z-index higher than splash to pull it in front */
.x_nav {
	z-index: 30;
	position: relative;
}

.x_careers {
    overflow: auto;
    margin-bottom: 25px;
}

.x_careers h2 {
	background: #9E1412 url(i/menu-03.png) no-repeat top left;
	color: #FFFFFF;
	padding: 15px 20px;
	text-transform: uppercase;
	font-size: 125%;
}

.x_careers p {
    margin: 18px 40px 12px 0;
    font-size: 92%;
}

.x_careers a {
    font-weight: bold;
    text-decoration: none;
    color: #494B4A;
}

.x_careers p.more_info {
}

.x_careers p.more_info a {
    text-transform: uppercase;
	color: #B60902;
	font-size: 108%;
    background-color: #DAE6E4;
	padding: 10px;
	float: left;
}


.x_text a {
	color: #808080;
	text-decoration: underline;
}

#x_homepage table {
	margin-left: -20px;
}

img.alignleft {
    float: left;
    vertical-align: bottom;
    padding-bottom: 15px;
    padding-right: 15px;
}

img.alignright {
    float: right;
    vertical-align: bottom;
    padding-bottom: 15px;
    padding-left: 15px;
}