.grid_1 div, .grid_2 div, .grid_3 div, .grid_4 div, .grid_5 div, .grid_6 div, .grid_7 div, .grid_8 div, .grid_9 div, .grid_10 div, .grid_11 div, .grid_12 div {
    /*background-color: #333;
     
     color: #fff;*/
    margin-bottom: 10px;
}

div.clear {
    margin-bottom: 0px !important;
}

html {
    background-color: #000;
    background-image: url("../img/body_bg_light.gif");
    background-attachment: fixed;
    overflow: scroll;
}

body {
    color: #fff;
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 12px;
}

/* ALIGNS */
.aleft {
    float: left;
}

.aright {
    float: right;
}

/* IMAGE FLOATS */
img.alignnone {
    margin-bottom: 10px;
}

img.alignleft {
    margin-top: 0px !important;
}

/* TEXT AND HEADERS */
p {
    color: #e8e8e8;
}

div.block-logo h1 {
    margin-left: -100000px;
}

div.block-logo div {
    background-color: transparent;
    background-repeat: no-repeat;
    height: 45px;
	width: 400px;
}

div.block-logo div#logo {
    background-image: url("../img/block_logo.png");
}

div.block-logo div.category-cream-ibiza {
    background-image: url("../img/block_logo_ibiza.png") !important;
}

div.block-logo div.category-cream {
    background-image: url("../img/block_logo_liverpool.png") !important;
}

div.block-logo div.category-cream-tours {
    background-image: url("../img/block_logo_tours.png") !important;
}

div.block-logo div.category-cream-albums {
    background-image: url("../img/block_logo_albums.png") !important;
}

div.block-logo div#logo-galleries {
    background-image: url("../img/block_logo_galleries.png") !important;
}





h3 {
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 0px 5px 5px 0px;
}

strong {
    font-weight: bold;
    color: #cc0055;
}

em {
    font-style: italic;
}

/* LINKS */
div.post_body a:link, div.page_content a:link, li.thinkTwitTweet a:link, #block_footer a:link {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #cc0055;
}

div.post_body a:visited, div.page_content a:visited, li.thinkTwitTweet a:visited, #block_footer a:visited {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #cc0055;
}

div.post_body a:hover, div.page_content a:hover, li.thinkTwitTweet a:hover, #block_footer a:hover {
    color: #fff !important;
    background-color: #cc0055 !important;
    border-bottom: 1px solid #cc0055;
}

div.post_body a:active, div.page_content a:active, li.thinkTwitTweet a:active, #block_footer a:active {
    color: #fff !important;
    background-color: #cc0055 !important;
    border-bottom: 1px solid #cc0055;
}

/* MAIN BLOCKS */
#block_buy div {
    font-size: 18px;
    font-weight: bold;
    background-color: #cc0055;
    background-image: url("../img/block_buy_bg.gif");
    height: 20px;
    padding: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomright: 10px;
}

#block_buy div a {
    display: block;
    text-decoration: none;
    color: #fff;
}

#block_sn {
    position: relative;
}

#block_nav {
    z-index: 2;
}

#block_nav div {
    background-color: transparent;
    height: 30px;
}

#block_search div {
    background-color: transparent;
    height: 30px;
    margin-bottom: 0px;
}

#block_feature div.sticky {
    background-color: #000;
    height: 190px;
    max-height: 200px;
    padding: 5px;
    position: relative;
    display: block;
    z-index: 1;
}

#block_featured_event {
    background-color: #000 !important;
    height: 200px;
    max-height: 200px;
    background-image: url("../img/post_bg.jpg");
    background-repeat: repeat-x;
    position: relative;
}

#block_feature a.fullblock {
	display:block;
}

#block_leaderboard div {
    background-color: #111;
    height: 90px;
    max-height: 90px;
}

#block_signup div {
    background-color: #000 !important;
    height: 80px;
    max-height: 90px;
    background-image: url("../img/post_bg.jpg");
    background-repeat: repeat-x;
    padding: 5px;
}

#block_content div {
    background-color: transparent;
}

#block_sidebar {
    /* background-color: #000; */
}

#block_sidebar div li {
    background-color: #000;
    padding: 9px;
    margin-bottom: 10px;
}

#block_sidebar div li li {
    background: none;
}

#block_sidebar div li#thinktwit-3 {
    background-image: url("../img/post_bg.jpg");
    background-repeat: repeat-x;
}

#block_footer div {
    background-color: #111;
    height: 20px;
    max-height: 40px;
    padding: 10px;
}

div#ibiza_aw_bg {
	background-color: #000;
	width: 300px !important;
	height: 182px;
	padding: 9px;
	position:relative;
}
	
div#ibiza_aw {
	width: 300px;
	height: 182px;
	background-image:url('../img/creamibiza2010.jpg');
	background-repeat: no-repeat;

}

/* SN ICONS */
#block_sn div a {
    display: block;
}

div#sn_facebook {
    position: absolute;
    top: 10px;
    left: 0px;
}

div#sn_twitter {
    position: absolute;
    top: 10px;
    left: 82px;
}

div#sn_rss {
    position: absolute;
    top: 10px;
    right: 0px;
}

/* NAVIGATION */
div.wrapper_nav {
    background-color: #111;
    height: 45px;
    margin-bottom: 10px;
    z-index: 9999999;
    position: relative;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    margin-top: 4px;
    line-height: 1.0;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    /* width:			10em; */ /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
    /* width:			100%; */
    width: 144px;
    height: 15px;
    text-align: left;
    padding: 5px;
    padding-top: 0px;
    border-bottom: 1px dotted #222;
}

.sf-menu ul li:first {
    border-top: 1px dotted #222;
}

.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
    float: left;
    position: relative;
    margin-right: 10px;
    /* padding: 		5px 0px 5px 0px; */
    text-align: center;
    /* border-bottom: 1px solid #fff; */
}

/* CATEGORY UNDERLINES  */
.sf-menu li.gohome, .sf-menu li a.gohome {
    border-bottom: 1px solid #fff !important;
}
.sf-menu li.creamfields, .sf-menu li a.creamfields {
    border-bottom: 1px solid #99CC00 !important;
}

.sf-menu li.cat-item-1 {
    border-bottom: 1px solid #3399CC !important;
}

.sf-menu li.cat-item-3 {
    border-bottom: 1px solid #cc0055 !important;
}

.sf-menu li.cat-item-86 {
    border-bottom: 1px solid #ff0000 !important;
}

.sf-menu li.cat-item-5 {
    border-bottom: 1px solid #ffcc00 !important;
}

.sf-menu li.cat-cream-podcast {
    border-bottom: 1px solid #ff6600 !important;
}

.sf-menu li.cat-nation-liverpool {
    border-bottom: 1px solid #cc33ff !important;
}

.sf-menu li.cat-item-6 {
    border-bottom: 1px solid #0000ff !important;
}

.sf-menu li.contact, .sf-menu li a.contact {
    border-bottom: 1px solid #ff9900 !important;
}
.sf-menu li.gallery, .sf-menu li a.gallery {
    border-bottom: 1px solid #ff3300 !important;
}

.sf-menu a {
    display: block;
    position: relative;
    height: 30px;
    padding: 2px;
    /*margin-top:	5px;*/
    width: 68px;
    color: #fff;
}

.sf-menu li li a {
    margin-top: 0x;
    height: 15px;
    width: 100%;
    display: block;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 35px; /* match top ul list item height */
    z-index: 20000;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 154px; /* match ul width */
    top: 0px;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 154px; /* match ul width */
    top: -1px;
}

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    /*margin-bottom:	1em; */
    font-size: 11px;
}

.sf-menu a {
    /*
     
     border-left:	1px solid #fff;
     
     border-top:		1px solid #CFDEFF;
     
     */
    /*padding: 		.75em 1em;*/
    text-decoration: none;
}

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
    color: #FFF;
}

.sf-menu li {
    background: #111;
}

.sf-menu li li {
    background: #111;
}

.sf-menu li li li {
    background: #111;
}

/*
 
 .sf-menu li:hover, .sf-menu li.sfHover,
 
 .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
 
 background:		#CFDEFF;
 
 outline:		0;
 
 }
 
 */

/* CATEGORY CURRENT  */

/* CREAMFIELDS */
.sf-menu li.cat-creamfields-uk.current-menu-item a {
    background-color: #99CC00 !important;
}

/* LIVERPOOL */
.sf-menu li.cat-item-1.current-menu-item,
.sf-menu li.cat-item-1 ul li.current-menu-item,
.sf-menu li.cat-item-1.current-menu-parent,
.sf-menu li.cat-item-1.current-menu-ancestor
{
    background-color: #3399CC !important;
}

/* IBIZA */
.sf-menu li.cat-item-3.current-menu-item,
.sf-menu li.cat-item-3 ul li.current-menu-item,
.sf-menu li.cat-item-3.current-menu-parent,
.sf-menu li.cat-item-3.current-menu-ancestor,
.sf-menu li.cat-item-3.current-page-parent,
.sf-menu li.cat-item-3.current-page-ancestor
{
    background-color: #cc0055 !important;
}

/* TOURS */
.sf-menu li.cat-item-86.current-menu-item,
.sf-menu li.cat-item-86 ul li.current-menu-item,
.sf-menu li.cat-item-86.current-menu-parent,
.sf-menu li.cat-item-86.current-menu-ancestor
{
    background-color: #ff0000 !important;
}

.sf-menu li.cat-item-5.current-menu-item a {
    background-color: #ffcc00 !important;
}

.sf-menu li.cat-cream-podcast.current-menu-item a {
    background-color: #ff6600 !important;
}

.sf-menu li.cat-nation-liverpool.current-menu-item a {
    background-color: #cc33ff !important;
}

.sf-menu li.cat-item-6.current-menu-item a {
    background-color: #0000ff !important;
}

.sf-menu li.contact.current-menu-item a {
    background-color: #ff9900 !important;
}

.sf-menu li ul li.current-cat a {
    background: none;
}

/* li and li li HOVERS */
.sf-menu li:hover {
    background-color: #cc0055 !important;
}

.sf-menu li.creamfields:hover, .sf-menu li.cat-creamfields-uk li:hover {
    background-color: #99CC00 !important;
    display: block;
}

.sf-menu li.contact:hover, .sf-menu li.contact a:hover {
    background-color: #ff9900 !important;
}
.sf-menu li.gallery:hover, .sf-menu li.gallery a:hover {
    background-color: #ff3300 !important;
}

.sf-menu li.gohome:hover, .sf-menu li.gohome a:hover {
    background-color: #fff !important;
	color: #000;
}

.sf-menu li.cat-item-1:hover, .sf-menu li.cat-item-1 li:hover {
    background-color: #3399CC !important;
}

.sf-menu li.cat-item-3:hover, .sf-menu li.cat-item-3 li:hover {
    background-color: #cc0055 !important;
}

.sf-menu li.cat-item-5:hover, .sf-menu li.cat-item-5 li:hover {
    background-color: #ffcc00 !important;
	color: #000;
}

.sf-menu li.cat-item-86:hover, .sf-menu li.cat-item-86 li:hover {
    background-color: #ff0000 !important;
}

.sf-menu li.cat-item-6:hover, .sf-menu li.cat-item-6 li:hover {
    background-color: #0000ff !important;
}

/* SEARCH */
#searchform {
    margin-top: 7px;
}

#searchform #s {
    /*
     
     -moz-border-radius-bottomleft:5px;
     
     -moz-border-radius-topleft:5px;
     
     -webkit-border-radius-bottomleft: 5px;
     
     -webkit-border-radius-topleft: 5px;
     
     
     
     background:none repeat scroll 0 0 #FFFFFF;
     
     */
    background: url('../img/search_bg.gif') no-repeat 0 0;
    border: 0;
    /*
     
     border-color:#EEEEEE;
     
     border-style:solid;
     
     border-width:1px 0 1px 1px;
     
     */
    font: 16px Helvetica, Arial, Sans-serif;
    margin: 0;
    outline-width: 0;
    padding: 4px 10px;
    height: 22px;
    width: 185px;
    display: inline;
    float: left;
}

#searchform #submit {
    display: inline;
    float: left;
}

/* FEATURE */
div.sticky_thumb {
    width: 636px;
    height: 190px;
	display: block;
}

div.sticky_title {
    position: absolute;
    left: 5px;
    bottom: 10px;
    padding: 10px 20px 10px 5px;
    background-color: #000;
    font-size: 18px;
    font-weight: bold;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;
}

div.sticky a {
    display: block;
    background: none;
}

/* FEATURED EVENT */
#block_featured_event div.featured_container {
    width: 308px;
    padding: 5px;
    position: relative;
}

#block_featured_event div div {
    padding: 0px;
}

#block_featured_event div.featured_title {
    margin-top: 5px;
}

#block_featured_event div.featured_thumbnail {
    margin: 0px 10px 0 0;
    float: left;
}

#block_featured_event div.featured_content {
    margin-top: 0px;
    font-size: 10px;
    height: 150px;
    width: 140px;
    float: left;
    overflow: hidden;
}

/* SIGNUP */
#block_signup div h3 {
    display: block !important;
    margin: 0 5px 25px 0 !important;
}

#block_signup div #s_email {
    background: url('../img/search_bg.gif') no-repeat 0 0;
    border: 0;
    /*
     
     border-color:#EEEEEE;
     
     border-style:solid;
     
     border-width:1px 0 1px 1px;
     
     */
    font: 16px Helvetica, Arial, Sans-serif;
    margin: 0;
    outline-width: 0;
    padding: 4px 10px;
    height: 22px;
    width: 165px;
    display: inline;
    float: left;
    margin-left: 5px;
}

/* POSTS */
/* PAGINATION */
ul#postPagination li {
    width: 646px;
    background: #111;
    text-align: center;
    margin-bottom: 5px;
}

ul#postPagination li a {
    height: 15px;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    display: block;
}

ul#postPagination li a:hover {
    background-color: #cc0055;
}

/* META */
div.post_meta {
    width: 82px;
    font-size: 11px;
    text-align: right;
    margin-right: 0;
    float: left;
}

div.post_meta div {
    background-image: url("../img/meta_bg.jpg");
    background-position: top right;
    background-repeat: repeat-y;
    height: 20px;
    margin-bottom: 5px;
    padding: 2px;
}

div.post_meta div.post_category {
    height: 25px;
    margin-bottom: 5px;
    padding: 2px;
    padding-right: 5px;
    padding-top: 5px;
}

div.post_meta div.post_category a {
    margin: 0px;
    display: inline;
}

div.post_meta div.post_category div.post_category_tag {
    float: left;
    width: 5px;
    height: 30px;
    padding: 0;
    margin: 0;
    margin-top: -5px;
    background-color: #CC0055;
    background-image: none;
}

div.post_meta a:link, div.post_meta a:visited {
    color: #fff;
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

div.post_meta div:hover {
    background-color: #CC0055 !important;
}

/* CATEGORY COLOURS */
div.cat-creamfields-uk {
    background-color: #99CC00 !important;
}

div.cat-cream {
    background-color: #3399CC !important;
}

div.cat-cream-ibiza {
    background-color: #cc0055 !important;
}

div.cat-cream-tours {
    background-color: #ff0000 !important;
}

div.cat-cream-albums {
    background-color: #ffcc00 !important;
}

div.cat-cream-podcast {
    background-color: #ff6600 !important;
}

div.cat-nation-liverpool {
    background-color: #cc33ff !important;
}

div.cat-competitions {
    background-color: #0000ff !important;
}

/* POST BODY */
div.post_body {
    background-color: #000 !important;
    position: relative;
    width: 564px;
    height: 150px;
    float: left;
    background-image: url("../img/post_bg.jpg");
}

/* THUMBNAIL */
div.post_body div.post_thumbnail {
    float: left;
    margin: 0;
    width: 236px;
}

div.post_body div.post_thumbnail img {
    margin: 5px;
}

div.post_body div.post_thumbnail a {
	background-color: transparent;
	border: none;
}
div.post_body div.post_thumbnail a:hover {
	background-color: transparent !important;
}

/* COPY */
div.post_body div.post_title {
    margin-top: 5px;
    margin-bottom: 0px;
    height: 30px;
    overflow: hidden;
}

div.post_body div.post_title h3 {
    font-size: 16px;
    font-weight: bold;
}

div.post_body div.post_copy {
    float: left;
    margin: 5px;
    margin-left: 10px;
    position: relative;
    width: 313px;
    width: 303px;
}

/* READ MORE */
div.read_more a {
    padding: 4px 0px 4px 10px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 82px;
    height: 12px;
    margin-bottom: 0 !important;
    background-color: #111 !important;
    margin: 3px 0px 5px 10px;
    display: block;
    font-size: 10px;
    color: #FFF;
    text-decoration: none;
		border-bottom: 1px dotted #CC0055;
}
div.read_more_left a {
    padding: 4px 0px 4px 10px;
    position: absolute;
    bottom: 14px;
    left: 9px;
    width: 82px;
    height: 12px;
    margin-bottom: 0 !important;
    background-color: #111 !important;
    margin: 3px 0px 5px 10px;
    display: block;
    font-size: 10px;
    color: #FFF;
    text-decoration: none;
	border-bottom: 1px dotted #CC0055;
}

div.read_more a:hover {
    background-color: #cc0055 !important;
    color: #fff !important;
}
div.read_more_left a:hover {
    background-color: #cc0055 !important;
    color: #fff !important;
}

/* PAGES */
div.page_copy {
    padding: 10px;
}

div.page_copy div.page_content p {
    margin-bottom: 10px;
}

div.page_body {
    background-color: #000 !important;
    position: relative;
    width: 564px;
    float: left;
    background-image: url("../img/post_bg.jpg");
    background-repeat: repeat-x;
}

/* REMOVE CLEAR MARGINS */
div.post div.post_body div.clear {
    margin: 0 !important;
}

/* CALENDAR */
div#calendar_wrap table#wp-calendar {
    font-size: 10px;
    width: 300px;
}

div#calendar_wrap table#wp-calendar tbody tr {
    height: 40px;
}

div#calendar_wrap table#wp-calendar tbody tr td {
    border: 1 solid #333;
    background-color: #333;
    margin: 2px;
    text-align: left;
    vertical-align: top;
}

div#calendar_wrap table#wp-calendar tbody tr td#today {
    background-color: #cc0055;
    border: 1 solid #CC0055;
}

div#calendar_wrap table#wp-calendar tbody tr td:hover {
    background-color: #fff;
}

/* SCROLLABLE */
/*
 
 root element for the scrollable.
 
 when scrolling occurs this element stays still.
 
 */
div#scrollable {
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 646px;
    height: 200px;
}

/*
 
 root element for scrollable items. Must be absolutely positioned
 
 and it should have a extremely large width to accomodate scrollable items.
 
 it's enough that you set width and height for the root element and
 
 not for this element.
 
 */
div#scrollable div.items {
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
    z-index: -1;
}

/*
 
 a single item. must be floated in horizontal scrolling.
 
 typically, this element is the one that *you* will style
 
 the most.
 
 */
div#scrollable div.items div {
    float: left;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    /*
     
     border:1px inset #ccc;
     
     background-color:#fff;
     
     */
}

/* THINK TWIT */
li.thinkTwitTweet {
    padding: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

li.thinkTwitTweet span.thinkTwitPublished {
    display: block;
    font-size: 10px;
    color: #888;
}

/* NGG */

.ngg-album {
	border: none !important;
}

/* TABLE RELOADED */
.wp-table-reloaded {
    border: none !important;
    border-spacing: 0 0 !important;
}

.wp-table-reloaded th {
    background-color: #cc0055 !important;
    border: none !important;
    border-spacing: 0 0 !important;
}

.wp-table-reloaded .odd td {
    background-color: #111 !important;
    color: #fff !important;
    border: 1 dotted #000 !important;
    border-spacing: 0 !important;
}

.wp-table-reloaded .even td {
    background-color: #222 !important;
    color: #fff !important;
    border: 1 dotted #000 !important;
}

.wp-table-reloaded td a {
    display: block;
    text-decoration: none !important;
    color: #fff !important;
}

.wp-table-reloaded td a:hover {
    background-color: #cc0055;
}

/* MPU */
li#text-3 div {
    display: inline;
    margin-bottom: 0;
}

/* FACEBOOK CONNECT 
div.fan_box div div.connections_grid div.grid_item div.name {
	color: #333;
}

div.fan_box div div.connect_top div.connect_action div.name_block a{
	color:#cc0055;
	cursor:pointer;
	text-decoration:none;
}
.fan_box .connect_top .connect_action a:hover {
	text-decoration:underline;
}
*/