/*
Theme Name: Starfish-events.com
Theme URL: http://Starfish-events.com
Description: Site for Starfish Events
Version: 1.0
Author: Jun Loayza
Author URL: http://JunLoayza.com
*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #fff;
	color: #16220a;
}

#wrapper{
	padding: 0px;
	margin: 0px auto;
	width: 950px;
	text-align: left;
}

table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6{
	font-family: sans-serif, arial, verdana, helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #EE1C49;
}

a{
	text-decoration: none;
	color: #EE1C49;
}

a:hover{
	text-decoration: underline;
	color: #643432;
}

a img{border: none;}

p{padding: 10px 0 5px;}

blockquote{
	margin: 10px;
	border-top: 2px solid #ddd;
	background: #f5f5f5;
}

blockquote p{padding: 10px;}

blockquote blockquote{
	margin: 20px;
	border-top: 2px solid #ddd;
	background: #cdcdcd;
}

blockquote blockquote p{padding: 20px;}

dd{padding: 0 0 0 20px;}

form, input, textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p img{max-width: 100%;}

img.centered{
	display: block;
	border: 5px solid #c9c9c9;
	margin-left: auto;
	margin-right: auto;
}

img.alignright{
	margin: 3px 0 2px 10px;
	padding: 4px;
	border: 5px solid #c9c9c9;
	display: inline;
}

img.alignleft{
	margin: 3px 10px 2px 0;
	padding: 4px;
	border: 5px solid #c9c9c9;
	display: inline;
}

.alignleft{float: left;}

.alignright{float: right;}

.clear{margin: 0; padding: 0; clear: both;}

small{font-size: 11px;}

#header{
	width: 950px;
	height: 138px;
	float: left;
	background: url("images/header-pic.png") no-repeat;
}

#menu{
	float: right;
}

#menu ul{
	float: left;
	list-style: none;
	margin: 0 20px 0 0;
}

#menu ul li{
	float: left;
	list-style: none;
}

#menu ul li a{
	display: block;
	color: #fff;
	font-family: arial;
	width: 80px;
	height: 50px;
	margin: 8px 0 0 0;
	padding: 60px 10px 3px 10px;
	text-align: center;
}

#menu ul li a:hover{
	background: #F35576;
	text-decoration: none;
}



#middle-image{
	float: left;
	width: 919px;
	height: 199px;
	margin: 0 0 0 15px;
	background: url("images/starfish-pic.png") no-repeat;
}

#container{
	float: left;
	width: 950px;
	height: 100%;
	margin: 0 0 20px 0;
	background: #fff;
}

#content{
	float: left;
	width: 635px;
}

.post{
	padding: 10px;
}

.post h2{
	border-top: 5px solid #CCCCCC;
	padding-top: 7px;
	font-size: 24px;
}

.post h2 a{
	color: #643432;
}

.post .entry-info{
	padding: 5px 0 0 0;
	width: 610px;
	height: 25px;
	background: url(images/dotted_horizontal.gif) repeat-x left bottom;
	color: #999999;
}

.post .entry-info a{
	color: #111;
	font-size: 18px;
	font-weight: normal;
}	

.post .entry-info a:hover{
	color: #111;
}

#stumble-top{
	float: left;
	margin-top: 5px;
}

.entry-content{
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.entry-content a{
	color: #EE1C49;
}

.entry-content a:hover{
	color: #643432;
}

.entry-content h3{
	color: #111;
	font-size: 22px;
	line-height: 26px;
}

.entry-category{
	width: 605px;
	height: 20px;
	padding: 5px;
	background: #ededed url(images/dotted_horizontal.gif) repeat-x left bottom;
}

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5{
	padding: 10px 0 5px;
	border: none;
}

.entry-content h4{font-size: 16px;}

.entry-content h5{font-size: 14px;}

.entry-content h6{font-size: 12px;}

.sidebar{
	float: right;
	width: 285px;
	height: 100%;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
}

.sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar ul{
	margin: 0 0 10px;
}

.sidebar ul li{
	padding: 10px 0 0;
}

.sidebar ul li h2{
	font-family: georgia, arial, helvetica;
	font-size: 14px;
	font-weight: bold;
}

.sidebar ul ul{
	margin: 0;
	padding: 0 0 0;
	line-height: 15px;
	font-size: 11px;
}

#search-box{
	float: right;
	margin: 0 0 0 0;
}

.twitter-feed{
	float: left;
	width: 95%;	
	margin: 10px 0 10px 5px;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ededed;
}

.twitter-feed ul{
	margin: 0 0 0 25px;
	list-style-image: url("http://probusinessblogger.com/images/tweet-list.png");
}

.twitter-feed ul li{
	list-style-type: square;
}

.follow-on-twitter{
	float: right;
	text-align: right;
}

.follow-on-twitter a{
	color: #0E75EF;
}

.sidebar p{
	line-height: 20px;
	font-size: 11px;
}

/* Contains the entire tabbed section */
.tabbed{
	float: left;
	background: #ededed;
	margin: 10px 0 10px 0;
	border: 1px solid #ccc;
}

/* List of tabs */.tabbed ul.tabs {
	float: left;
	display: inline;
	width: 100%;
	margin: -1px 0 0 -1px;
	padding: 0 0 5px 0;
	background: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	}
.tabbed ul.tabs li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li a {
	overflow: hidden;
	display: block;
	margin: 1px;
	padding: 10px 5px;
	font-size: 11px;
	color: #5b5757;
	background: #ccc;
	border: 1px solid #5b5757;
	}
.tabbed ul.tabs li a:hover {
	background: #636363;
	color: #ededed;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	}

/* The current selected tab */
.tabbed ul.tabs li a.tab-current {
	background: #ededed;
	color: #5b5757;
	font-weight: bold;
	border: 1px solid #ccc;
	}

/* The content shown when a tab is selected */
.tabbed div {
	float: left;
	display: block;
	width: 100%;
	}
	
.tabbed div a{

}

.tabbed div a:hover{

}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
	display: none;
	}

/* Content for inside your tabs' divs */
.tabbed div ul {
	padding-left: 10px;
	list-style-type: disc;
	}

.tabbed div ul li{
	margin: 4px 0 0 20px;
	padding: 0 0 5px 0;
}

.tabbed div p {
	}
.tabbed div div {
	}

.subscribe-blog{
	width: 605px;
	border: 1px dotted #6acc62;
	margin: 0 0 10px 10px;
	padding: 5px 0 5px 5px;
}

.subscribe-blog p{
	font-weight: bold;
	text-align: center;
}

.similar-posts{
	width: 605px;
	border: 3px solid #cdcdcd;
	margin-left: 10px;
}

.similar-posts h2{
	margin: 10px 0 0 10px;
	padding-bottom: 0px;
}

.similar-posts ul li{
	list-style: katakana-iroha;
}

.navigation{
	padding: 10px;
	background: #ededed;
}

#comments{
	margin: 10px;
	padding: 10px;
	border: 1px solid #c9c9c9;
}

#comments ol{
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

#comments ol li{
	list-style: none;
	margin: 10px 0 0;
	padding: 0 0 10px;
	border-bottom: 1px solid #c9c9c9;
	line-height: 20px;
}

#comments span.comment-author{
	font-weight: bold;
}

#avatar-image{
	float: left;
	width: 60px;
	margin: 0 5px 0 0;
	border: 5px solid #ededed;
}

#respond{
	padding: 10px;
	background: #f9f9f9;
}

#footer{
	clear: left;
	width: 950px;
	height: 41px;
	margin: 10px 0 15px 0;
	text-align: center;
	line-height: 24px;
	background: url("images/footer-pic.png") no-repeat;
	color: #fff;
	font-size: 9.5px;	
}

#footer-text{
	float: left;
	margin: 7px 0 0 25px;
}

#footer a{
	color: #fff;
}





