/*
Theme Name: Shake It!
Theme URI: http://www.shakeitlondon.com
Description: The Shake It! Website
Version: 1
Author: Richard Kelly
Author email: rich.k82@gmail.com
Tags: SHAKE, It, Layo, Bushwacka!, Laurent, Garnier, The, End, www.endclub.com, www.shakeitlondon.com

Dark Grey: #666666
Light Grey: #cccccc
Dark Green: #339900
Sidebar / Alt Comment / Photogallery Border: #e5e5e5
Sidebar / Alt Comment / Photogallery Background: #efefef
Olmeto Orange: #ff6600
Olmeto Blue: #0033cc
*/

/*
	RESET
*/

*					    
	{ 
	margin: 0; 
	padding: 0; 
	}

html, body				
	{ 
	height: 100%; 
	}

body					
	{ 
	font-size: 12px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	color: #666666; 
	background: url(http://www.shakeitlondon.com/images/header.jpg) top center no-repeat white; 
	}

ul						
	{ 
	list-style: none; 
	font-size: 10px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	color: #000000;
	}

ol						
	{ 
	list-style: decimal inside; 
	}

a						
	{ 
	outline: none; 
	text-decoration: none; 
	color: #339900;  
	}

a img					
	{ 
	border: none; 
	}

img						
	{ 
	vertical-align: middle; 
	}
	
table					
	{ 
	border-collapse: collapse; 
	}


/*
	UTILITY
*/

.floatLeft				
	{ 
	float: left; 
	}

.floatRight				
	{ 
	float: right; 
	}

.clear					
	{ 
	clear: both; 
	}

/*
	STRUCTURE
*/

#page-wrap				
	{ 
	width: 800px; 
	margin: 0px auto -250px; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	}

#push					
	{ 
	height: 250px; 
	}
	
#main-col				
	{ 
	width: 500px; 
	float: left; 
	padding-right: 20px; 
	}

#feature-container
	{
	width: 500px;
	float: left;
	margin-top: 20px;
	padding-right: 20px;
	}
	
#feature-left
	{
	font-family: georgia;
	font-size: 12px;
	color: #339900;
	height: 170px;
	width: 230px;
	margin-right: 5px;
	padding: 5px;
	float: left;
	border: 1px solid #e0e0e0;
	background: #efefef;
	}
	
#feature-right
	{
	font-family: georgia;
	font-size: 12px;
	color: #339900;
	width: 230px;
	height: 170px;
	margin-left: 5px;
	float: right;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background: #efefef;
	}

#feature-left, #feature-right
	{
	display: inline;
	}


#linksidebar			
	{
	width: 230px; 
	float: right; 
	padding-right: 40px;
	}

/*
	HEADER
*/

h1#logo					
	{ 
	width: 200px; 
	height: 78px; 
	background: url() top left no-repeat; 
	text-indent: -9999px; 
	margin: 0 10px 8px 0; 
	float: left; 
	}

#top-bar				
	{ 
	height: 255px; 
	padding: 20px 0 0 0; 
	}

#top-bar p				
	{ 
	color: #ffffff; 
	width: 300px; 
	float: left; 
	}

form#searchform			
	{ 
	margin: 0 0 10px 0; 
	margin-top: 0px;
	float: right; 
	}

/*
	MENU
*/

#menu-nav				
	{
	background: url(http://www.shakeitlondon.com/images/menu-nav.png) no-repeat;
	height: 77px;
	width: 800px;
	}
	
ul#main-nav
	{
	font-family: georgia;
	width: 529px;
	height: 30px;
	float: left;
	padding-top: 53px;
	}
	
ul#olmeto-nav
	{
	font-family: georgia;
	width: 271px;
	height: 30px; 
	float: right;
	margin-top: 53px;
	}
	
ul#main-nav li, ul#olmeto-nav li
	{
	display: inline;
	}

ul#main-nav li a		
	{ 
	color: #ffffff; 
	font-size: 14px; 
	font-weight: normal;  
	padding: 5px 15px; 
	}
						
ul#main-nav li a:hover, ul#main-nav li.current a
	{ 
	text-decoration: underline;
	color: #ffffff;
	}

ul#olmeto-nav li a		
	{ 
	color: #ffffff; 
	font-size: 14px; 
	font-weight: normal;  
	padding: 5px 15px; 
	}
						
ul#olmeto-nav li a:hover	
	{ 
	text-decoration: underline;
	color: #ffffff; 
	}

/*
	FOOTER
*/

#footer					
	{ 
	height: 50px;
	background: white; 
	padding-top: 20px; 
	}

#footer-inside			
	{ 
	width: 800px; 
	margin: 0 auto; 
	padding-top: 20px; 
	}

#footer p				
	{ 
	font-size: 12px; 
	color: #666666;
	border-top: 1px solid #cccccc; 
	padding-top: 20px;
	}

#footer a				
	{ 
	color: #339900; 
	}

#footer a:hover			
	{ 
	background: white; 
	color: #666666; 
	text-decoration: underline; 
	}

#login					
	{ 
	font-size: 12px; 
	padding: 10px 0 0 0; 
	}
	
.top a				
	{ 
	font-size: 11px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #999999; 
	}
	
.top a:hover				
	{ 
	font-size: 11px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #339900; 
	}	

/*
	INDEX PAGE
*/

.indextitle				
	{
	font-size: 22px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #339900; 
	padding-top: 30px; 
	border-bottom: 1px #e0e0e0 solid;
	}

.indexsubtitle
	{
	font-size: 14px;
	font-family: georgia;
	font-weight: normal; 
	color: #339900;
	margin-bottom: 5px;
	margin-top: 20px;
	}

.featuretitle
	{
	font-family: georgia;
	font-size: 14px;
	font-weight: normal;
	color: #339900;
	border-bottom: 1px #e0e0e0 solid;
	}

.featurelink, .featurelink a
	{
	font-family: georgia;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	color: #339900;
	}

.featurelink a:hover
	{
	color: #666666;
	text-decoration: underline;
	}

.featureimage
	{
	border: 1px solid #339900;
	padding: 3px;
	margin-top: 5px;
	}

/*
	POSTS
*/

.post					
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #666666; 
	padding-top: 30px;
	}

.post a					
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #339900; 
	}

.post a:hover			
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: underline; 
	color: #666666; 
	}

.posttitle				
	{ 
	font-size: 22px; 
	font-family: georgia; 
	font-weight: normal; 
	color: #339900; 
	}

.posttitle a			
	{ 
	font-size: 22px; 
	font-family: georgia; 
	font-weight: normal; 
	color: #339900; 
	}

.posttitle a:hover		
	{ 
	font-size: 22px; 
	font-family: georgia; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: underline; 
	}

.postinfo				
	{ 
	font-size: 11px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #666666; 
	padding-left: 25px; 
	}

.postbody				
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #666666; 
	}

.postbody a				
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #339900; 
	}

.postbody a:hover		
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: underline; 
	color: #339900; 
	}

.postmeta				
	{ 
	font-size: 11px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #666666; 
	border-bottom: 1px dashed #cccccc; 
	padding-bottom: 30px;
	}

.postmeta a				
	{ 
	font-size: 11px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #339900; 
	}

.postmeta a:hover		
	{ 
	font-size: 11px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	text-decoration: underline; 
	color: #666666; 
	}

.entries				
	{ 
	font-size: 11px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #666666; 
	padding-top:10px; 
	} 

.entries a				
	{ 
	font-size: 11px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #339900; 
	}

.entries a:hover		
	{ 
	font-size: 11px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	text-decoration: underline; 
	color: #666666; 
	}

.comment				
	{ 
	font-size: 18px; 
	font-family: georgia; 
	font-weight: normal; 
	color: #666666; 
	padding-top: 20px; 
	}

ol.commentlist 
	{
	margin:0;
	padding:0;
	}

.commentlist li 
	{
	list-style:none;
	border: 1px dotted #cccccc;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
.commentlist li.alt 
	{
	list-style:none;
	border: 1px dotted #cccccc;
	background-color: #efefef;
	margin-top: 10px;
	margin-bottom: 20px;
	}

.commentlist cite 
	{
	padding: 7px;
	display: block;
	font-style:normal;
	background:url(NONE);
	color:#666666;
	}	

.commentlist a:link, .commentlist a:visited 
	{
	color:#339900;
	}

.commentlist a:hover, .commentlist a:active 
	{
	color:#666666;
	text-decoration: underline;
	}

.commentlist cite img 
	{
	padding: 1px;
	border: 1px solid #339900;
	float: left;
	margin-right: 10px;
	}

.commentlist .author 
	{
	font-family: georgia;
	font-size: 16px;
	color: #339900;
	font-weight: bold;
	padding-top: 10px;
	}

.commentlist .time 
	{
	background: url(http://www.shakeitlondon.com/images/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	}

.commenttext 
	{
	background: transparent;
	color:#666666;
	font-size: 12px;
	margin-top: 20px;
	padding: 10px;
	}
	
.commentform
	{
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #666666;
	font-family: georgia;
	vertical-align:middle;
	}

.commentformreqtext
	{
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	vertical-align:middle;
	}
	
.commentformrespond
	{ 
	font-size: 18px; 
	font-family: georgia; 
	font-weight: normal; 
	color: #666666; 
	padding-top: 5px; 
	}

.postbttn
	{
	background: transparent url(http://www.shakeitlondon.com/images/postbttn.png) no-repeat;
	height: 30px;
	width: 114px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: hidden;
	cursor: pointer;
	}
	
.emailbttn
	{
	background: transparent url(http://www.shakeitlondon.com/images/emailbttn.png) no-repeat;
	height: 30px;
	width: 93px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: hidden;
	cursor: pointer;
	}

/*
	PAGES
*/

.pagetitle				
	{
	font-size: 22px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #339900; 
	border-bottom: 1px #e0e0e0 solid;
	}

.page					
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #666666; 
	padding-top: 30px; 
	}
	
.page a					
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #339900; 
	}

.page a:hover			
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: underline; 
	color: #666666; 
	}

/*
	ARCHIVES
*/

.archivetitle			
	{
	font-size: 22px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #339900; 
	padding-top: 30px;
	border-bottom: 1px #e0e0e0 solid;
	}
	
.archive				
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #666666; 
	padding-top: 30px; 
	}
	
.archive a				
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #339900; 
	}
	
.archive a:hover		
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: underline; 
	color: #666666; 
	}

.archiveinfo			
	{ 
	font-size: 11px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #666666; 
	padding-left: 25px; 
	}

/*
	IMAGES
*/

.image-border			
	{
	border: 1px solid #339900; 
	padding: 3px; 
	}

.image-border a:hover 	
	{ 
	border: 1px solid #666666; 
	padding: 3px; 
	}

/*
	SIDEBAR
*/

.sectiontitle			
	{ 
	font-size: 14px; 
	font-family: georgia; 
	font-weight: normal; 
	color: #339900; 
	border-bottom: 1px solid #e0e0e0;
	}

.body 					
	{ 
	font-size: 11px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #666666; 
	margin-top: 15px; 
	margin-bottom: 25px;
	}
	
.body a					
	{ 
	font-size: 12px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #339900; 
	}

.body a:hover			
	{ 
	font-size: 12px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: underline; 
	color: #666666; 
	}
	
.listborder
	{
	border: 1px solid #e5e5e5;
	background: #efefef;
	padding: 10px;
	margin-top: 57px;
	}
	
.line					
	{ 
	font-size: 12px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #339900; 
	padding-top: 15px; 
	border-bottom: 1px dashed #cccccc; 
	padding-bottom: 20px;
	}
	
.linkbox
	{
	margin-top: 15px;
	margin-bottom: 15px;
	}
	
.linkbox-border
	{ 
	border: 1px solid #cccccc; 
	padding: 3px; 
	margin-right: 8px;
	margin-bottom: 8px;
	}
	
/*
Search & Mailing list boxes
*/

.searchmailing
	{
	background: #ffffff none repeat scroll 0 0;
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	border: 1px solid #cccccc;
	padding: 3px;
	color: #666666;
	font-size: 11px;
	margin: 0px;
	vertical-align: middle;
	}
	
.searchbttn 
	{
	width: 24px;
	height: 24px;
	padding: 0px; 
	margin: 0px;
	border: 0;
	background: transparent url(http://www.shakeitlondon.com/images/searchbttn.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
	}
	
.submitbttn
	{
	width: 24px;
	height: 24px;
	padding: 0px; 
	margin-bottom: 0px;
	border: 0;
	background: transparent url(http://www.shakeitlondon.com/images/submitbttn.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
	vertical-align:middle;
	}	
	
.mailingtext
	{
	font-family: Trebuchet MS, Helvetica, sans-serif;	
	font-size: 11px;	
	}

/*
	OLMETO
*/

.pagetitleolmeto				
	{ 
	font-size: 22px; 
	font-family: georgia; 
	font-weight: normal; 
	font-style: italic; 
	color: #0033cc; 
	}

.pageolmeto					
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #666666; 
	padding-top: 30px; 
	}
	
.pageolmeto a					
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #0033cc; 
	}

.pageolmeto a:hover			
	{ 
	font-size: 14px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: underline; 
	color: #666666; 
	}