﻿/*
Theme Name: Slick Minded Individuals WP
Theme URI: http://infocentre.com
Description: Theme Designed and Created by Alex Borton 
Version: 1
Author: Alex Borton 
Author URI: http://infocentre.com
*/


* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #191919;
}

h1 { font-size: 17pt; letter-spacing: -1px; font-weight: normal; margin: 0 0 7px 0; }
	
	h1 a { color: #000;}
		h1 a:hover { color: #c1c1c1;}

h2 { font-size: 17pt; letter-spacing: -1px; font-weight: normal; margin: 0 0 7px 0; }
	
	h2 a { color: #000;}
		h2 a:hover { color: #c1c1c1;}

	
	
h3 { font-weight: normal; margin: 6px 0; }

p { margin: 5px 0; }

a { color: #007BA5; text-decoration: none; }
	a:hover { color: #993333; }

a img { border: 0; }

#pageWrap {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

#banner {
	width: 1000px;
	height: 470px;
	position: relative; left: 30px;
	z-index: 4;
}

#contentOuter {
	height: 610px;
	background: transparent url('http://images.slickmindedindividuals.com/images/smiBG.jpg') no-repeat scroll 7px top;
	position: relative; top: -55px;
	z-index: 1;
	}
	#mainContentWrap {
		width: 800px;
		margin: 0 0 0 18px;
		position: absolute; top: 470px; left: 130px; 
		z-index: 10; 
		}
		#mainColumn {
			width: 500px;
			float: left;
			padding: 0 10px 10px;
			border: 2px #CCC solid;
			background: #FFF;
			-moz-box-shadow: 0 0 1em grey; -webkit-box-shadow: 0 0 1em grey;
			}
			p.details, .comment-meta {
				text-align: right;
				text-transform: uppercase;
				font-size: 8pt;
				display: block;
				background: #191919;
				color: #FFF;
				padding: 1px 3px;
				}
.post {
	background: #F1F1F1;
	margin: 0 0 10px 0;
}	
	
	/* Band Page */
	
	.memberWrap {
		margin: 10px 0;
		border-bottom: #191919 solid 2px;
		border-top: #191919 solid 2px;
		clear: both;
		}
		img.memberImage {
			float: left;
			padding: 10px 10px 10px 0;
			width: 200px;
			}
	#bandColumn {
		width: 776px;
		padding: 0 10px 10px;
		border: 2px #CCC solid;
		background: #FFF;
		-moz-box-shadow: 0 0 1em grey; -webkit-box-shadow: 0 0 1em grey;
		}
		#home-photos-box { float: left; width: 776px; background: url(http://images.slickmindedindividuals.com/images/bandBackground.jpg) no-repeat; padding: 444px 0 0 0; position: relative; }
		#ad { left: 5%; }
		#james { left: 20%; }
		#luke { left: 37%; }
		#dave { left: 50%; }
		#jasper { left: 70% }
		#marcus { left: 82%; }
		
		.home-roll-box { position: absolute; z-index: 1000; display: block;  height: 444px; top: 0; width: 17%; z-index: 9999; }
		#image-ad { background: url(http://images.slickmindedindividuals.com/images/adRollover.jpg) no-repeat; }
		#image-james { background: url(http://images.slickmindedindividuals.com/images/jamesRollover.jpg) no-repeat; }
		#image-luke { background: url(http://images.slickmindedindividuals.com/images/lukeRollover.jpg) no-repeat; }
		#image-dave { background: url(http://images.slickmindedindividuals.com/images/daveRollover.jpg) no-repeat; }
		#image-jasper { background: url(http://images.slickmindedindividuals.com/images/jasperRollover.jpg) no-repeat; }
		#image-marcus { background: url(http://images.slickmindedindividuals.com/images/marcusRollover.jpg) no-repeat; }

		.single-guy { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; display: none; opacity: 0; }			
			
			/* Events Calendar */
			
			ul.wplc_event_list {
				list-style-type: none;				
				}
				ul.wplc_event_list li {
					border-bottom: 2px #c1c1c1 solid;
					margin: 5px 0;
					padding: 5px 0;
					}
					h3.eventHeading {
						font-size: 15pt;
						letter-spacing: -1px;
						}
	/* Media Page */
	
	.child-pages {
		list-style-type: none;
		}
		.child-pages li {
			margin: 2px 0;
			padding: 5px 0;
			}				
			/* Navigation */
			
			ul.navigation {
				list-style-type: none; 
				border-bottom: 2px #c1c1c1 solid;
				height: 75px;
				margin: 0 0 10px 0;
				}
				ul.navigation li {
					padding: 0 ;
					float: left;
					}
					
					ul.navigation li.home a {
						text-indent: -9000px;
						background: transparent url('http://images.slickmindedindividuals.com/images/homeButton.jpg') no-repeat scroll left top;
						height: 75px;
						width: 120px;
						display: block;
						}
						ul.navigation li.home a:hover, ul.navigation li.home.current_page_item a  {
							background: transparent url('http://images.slickmindedindividuals.com/images/homeButton.jpg') no-repeat scroll left -75px;						
							}
					ul.navigation li.page-item-6 a {
						text-indent: -9000px;
						background: transparent url('http://images.slickmindedindividuals.com/images/bandButton.jpg') no-repeat scroll left top;
						height: 75px;
						width: 110px;
						display: block;
						}
						ul.navigation li.page-item-6 a:hover, ul.navigation li.page-item-6.current_page_item a {
							background: transparent url('http://images.slickmindedindividuals.com/images/bandButton.jpg') no-repeat scroll left -75px;						
							}
					ul.navigation li.page-item-7 a {
						text-indent: -9000px;
						background: transparent url('http://images.slickmindedindividuals.com/images/liveButton.jpg') no-repeat scroll left top;
						height: 75px;
						width: 90px;
						display: block;
						}
						ul.navigation li.page-item-7 a:hover, ul.navigation li.page-item-7.current_page_item a {
							background: transparent url('http://images.slickmindedindividuals.com/images/liveButton.jpg') no-repeat scroll left -75px;						
							}
					ul.navigation li.page-item-108 a {
						text-indent: -9000px;
						background: transparent url('http://images.slickmindedindividuals.com/images/mediaButton.jpg') no-repeat scroll left top;
						height: 75px;
						width: 115px;
						display: block;
						}
						ul.navigation li.page-item-108 a:hover, ul.navigation li.page-item-108.current_page_item a, ul.navigation li.page-item-108.current_page_parent a {
							background: transparent url('http://images.slickmindedindividuals.com/images/mediaButton.jpg') no-repeat scroll left -75px;						
							}
			
		/* Sidebar */
		
		#sidebar {
			width: 230px;
			float: right;
			padding: 10px;
			border: 2px #CCC solid;
			background: #FFF;
			-moz-box-shadow: 0 0 1em grey; -webkit-box-shadow: 0 0 1em grey;
			}	
			#sidebar h2 {
				display: block;
				text-indent: -9000px;
				height: 50px;
				border-bottom: #c1c1c1 2px solid;
				}
				h2.listen {
					background: transparent url('http://images.slickmindedindividuals.com/images/listenTitle.jpg') no-repeat scroll;
				}
				h2.events {
					background: transparent url('http://images.slickmindedindividuals.com/images/upcomingTitle.jpg') no-repeat scroll;
				}
				h2.twitter {
					background: transparent url('http://images.slickmindedindividuals.com/images/twitterTitle.jpg') no-repeat scroll;
				}
				h2.follow {
					background: transparent url('http://images.slickmindedindividuals.com/images/followTitle.jpg') no-repeat scroll;
					}
					img.social {
						float: left; padding: 5px;
						}
				#sidebar h3 {
					font-size: 15pt;
					letter-spacing: -1px;
					}
					#sidebar ul.wplc_event_list li {
						border-bottom: 0;
						}				
			/* Tweet Feed */	
	
			.tweet {
				font-family:Arial, Helvetica, sans-serif;
				font-size: 7pt;
			  	color: #085258; 
			  	}
			  	.tweet .tweet_list {
			    	-webkit-border-radius: .5em;
			    	list-style-type: none;
			    	margin: 0;
			    	padding:0px;
			    	}
			    	.tweet .tweet_list li {
			    		overflow: auto;
			    		padding:  2px 10px 2px 10px; 
			    		}
			      		.tweet .tweet_list li a {
			      			color: #0C717A; 
			      			}
			    			.tweet .tweet_list .tweet_even {
			      				background: #ededed; 
			      				padding: 2px 5px 2px 5px;
			      				margin:0px 5px 0px 6px 
			      				}
			    			.tweet .tweet_list .tweet_avatar {
			    				padding-right: .5em;
			      				float: left; 
			      				}
			      				.tweet .tweet_list .tweet_avatar img {
			      					vertical-align: middle; 
			      					}	

			
		/* Footer */
			#footerInner {
				font-size: 9pt;
				width: 776px; 
				margin: 15px auto;
				background: #191919;
				color: #FFF;
				border: #c1c1c1 solid 2px;
				-moz-box-shadow: 0 0 1em grey; -webkit-box-shadow: 0 0 1em grey;
				padding: 10px;
				}	
				#footerInner .left {
					width: 45%; float: left;
					}
				#footerInner .right {
					width: 45%; float: right;
					text-align: right;
					}
					#footerInner .right p {
						margin: 0;
						}
				ul.secondaryNavigation {
					list-style-type: none;
					}
					ul.secondaryNavigation li {
						display: inline;
						padding: 5px 7px 0 0;
						}
						ul.secondaryNavigation li a {
							padding: 4px 6px;
							background: #000000;
							color: #FFF;
							}
							ul.secondaryNavigation li a:hover {
								background: #FFF ;
								color: #191919;
								}
						
/* Comments and Forms */

input.button {
	color: #FFF;
	background: #191919;
	padding: 2px 5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	margin: 10px 0;
	}
	input.button:hover {
		background: #c1c1c1;
		cursor: pointer;
		}	
textarea.textarea {
	border: 2px #191919 solid;
}
ul.commentlist {
	list-style-type: none;
}					
.clear { clear: both; display: block; height: 1px; } .clearL { clear: left; display: block; height: 1px; } .clearR { clear: right; display: block; height: 1px; }

.piclenselink { display: none; }

ul.child-pages {
	list-style-type: none;
}
