/*  
Theme Name: SybmimDX Remix: Ghost
Theme URI: http://86confessional.com/dev/sybmimdx
Description: The first SybmimDX Remix.  Built off of the original SybmimDX.
Version: 1.0
Author: Jack
Author URI: http://86confessional.com/
*/

html, body{
	margin:0px;
	background: #fff;
	font-family: Arial, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	color: #333;
	}
	blockquote{
		padding-left:10px;
		border-left:4px solid #dddddd;
		font-style:italic;
		}

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

#page{
	margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0;
	padding:0; 
	}

#header {
	padding:0; 
	height:75px; 
	float:left;
	background: #ecf2fa;
	width: 100%;
	border-bottom: 1px solid #6797d3;
	}
	#header h1 a {
		margin:0; 
		padding-top:15px; 
		color:#333333; font-size:24px;
		text-decoration:none;
		}
	#header_left img {
		border: none;
		}
	#header_left {
		margin:10px 0 0 10px; 
		padding:0; 
		width:400px; 
		float:left;
		}
		#header_right { 
			position: absolute;
			right: 0;
			padding: 2px 10px 3px 5px; 
			text-align:right; 
			width:600px; 
			height: 28px;
			vertical-align:middle;
			margin-top:10px;
			}
		#header_right ul { 
			margin: 6px 0 0 0;
			}
		#header_right li { 
			display: inline; 
			padding: 0 0 0 5px;  
			}

		#user_search_form { 
			float:left; 
			padding: 0px; 
			margin: 3px 0 3px 5px; 
			font-size:.8em;
			}
		#user_search_form .follow-button { 
			background-color: #E6E6E6; 
			border: 1px solid #ccc; 
			padding:3px; 
			font-size: 0.9em; 
			margin-left:3px; 
			width:90px; 
			}

#controls {
	margin: 0;
	padding: 0;
	width: 600px;
}

#controls span {
	font-size: 18px;
	padding-right: 10px;
}

#container {/*contains content and sidebar */
	padding:0; 
	clear:both; 
	float:left;
	margin: 0;
	}

#shareitems {
	padding: 0 0 0 10px;
	margin: 0;
}

#shareitems ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#shareitems li {
	margin: 0;
	padding: 0;
}

.subsection {
	margin: 0;
	padding: 0;
}

#content {
	margin-bottom:20px; 
	float:left;
	background:#ffffff;
	padding: 8px;
	}
	* html #content{
		}
	#content {
		font-size:12px;
		}
	.narrow{
		}

#spyContainer {
	margin: 0px 0 0 0;
}

#faqContainer {
	margin: 0px 0 0 0;
	width: 600px;
}

form#form-options {
	padding: 8px;
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	font-size: 10px;
	text-align: center;
	margin: 0 0 10px 0;
}

form#form-options p {
	width: 70%;
	background: #cecece;
	padding: 4px;
}

#form-options .text {
	padding: 2px;
	font-size: 11px;
	color: #000;
	border: 1px solid #999;
	background-color: #e6e6e6;
}

#form-options .text2 {
	padding: 2px;
	font-size: 11px;
	border: 1px solid #999;
	background-color: #cecece;
}


#content .tabMenu { text-align: center; margin: 25px 0 0;}
#content .tabMenu li { 
	display: inline; 
	margin-left: -5px;
}
#content .tabMenu li a { 
	display: inline; 
	padding: 3px 20px 0px 20px;
	background: #e6e6e6; 
	text-decoration: none; 
	color: #4c4c4c; 
	border-top: 1px solid #cecece;
	border-right: 1px solid #cecece; 
	border-left: 1px solid #cecece; 
	border-bottom: 1px solid #cecece; 
	}
#content .tabMenu li em {
	font-size: 9px;
	font-weight: normal;
	background: url(./img/hover_blue.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: 115px;
	left: 410px;
	text-align: center;
	padding: 5px 12px 25px 10px;
	font-style: normal;
	z-index:2;
	display: none;
}
#content .tabMenu li a:hover { text-decoration: none; color: black; background: #999;}
#content .tabMenu li.active a { background: #fff; color: #000; border-bottom: 1px solid #fff; }
#content .tabMenu li.active2 a { text-decoration: none; color: black; background: #999;}

#content .tab { background: #fff; padding: 0px; border-top: 1px solid #cecece;}
#content .tab #ad { text-align: center; }
#content .tab p { text-indent: 1em; }

.first {
	background: #ECF2FA;
}

.post {
	clear: both;
	float: left;
	margin:0 0 0px 0; 
	padding:12px 4px 12px 4px;
        background-color:#FFF;
	width: 600px;
	border-bottom: 1px dotted #ccc;
	}
.post:hover {
	background: #ECF2FA;
}
	.post .icon {
		margin:0;
		padding:0;
		float: left;
	}
	.post .pauseicon {
		float: right;
		padding: 0 0px 0 0; 
		margin:0;
	}
	.post .icon .serviceico {
		border: none;
		padding: 0 0 10px 6px;
	}
	.post .entry strong {
		color: #f61092;
		}
	.post .entry {
		margin: 0 0 0 4px;
		float:left;
		width: 560px;
		}
	.post .entry span  {
		margin: 0 0 0 10px;
		}
	.post .entry .comment {
		margin: 6px 0 0 10px;
		color: #999;
		clear: both;
		}
	.post .entry .media {
		margin: 0px 0 4px 10px;
		padding: 0 10px 0 0;
		}
	.post .entry .media span {
		font-size: 24px;
		letter-spacing: -2px;
		color: #828282;
		margin: 0px 0 0 0px;
	}
	.post .entry p {
		margin: 10px 0 0 10px;
		font-size: 24px;
		letter-spacing: -2px;
		color: #828282;
		}
	.post .entry img {
		float: left;
		padding: 0 6px 0 4px;
		border: none;
		}
	.post .screen_info {
		clear:both;
		float:left;
		padding-top:4px;
		padding-right:4px;
		margin:0;
	}
	.post .entry .screen_info ul {
		margin:0;
		padding-left:4px;
		padding-bottom:4px;
		list-style-type: none;
		background: #f0f0f0;
	}
	.post .entry .screen_info li {
		display: inline;
		font-size: 10px;
	}
	.entrylink  {
		margin: 0;
		padding: 0;
		clear:both;
	}
	.entrylink a {
		color: #545454;
		text-decoration: none;
	}
	.entrylink a:hover {
		color: #F61092;
		text-decoration: none;
	}
	.writecomment {
		margin:10px 0 0 30px;
		padding:0;
	}
	.post .entry .comment-list {
		margin:0;
		padding:4px 0 4px 0;
		color: #8a8a8a;
		font-size: 12px;
		letter-spacing: 0;
	}
#digg {
	text-align: center;
	background: white;
	margin: 0;
	padding:6px;
	border: 2px solid #6797D3;
}

#digg p {
	padding-top: 0px;
}

#ads {
	margin-top:10px;
	text-align: center;
}

#sidebar {
	float:right;
	padding:8px; 
	width:180px; 
	min-height: 100px;
	margin: 20px 10px 0 0;
	background: #D5E3F4;
	border: 2px solid #6797D3;
	}

	#sidebar h2{
		padding:0px;
		margin:0px 0 4px 0;
		border-bottom:1px solid #666;
		font-size:13px; color:#333333;
		text-decoration:none; 
		text-transform:lowercase; 
		font-variant:small-caps;
		}
	#sidebar p{
		font-size:1em; color:#666666;
		}
	#sidebar p a{
		color:#333333;
		}
	#sidebar p a:hover {
		color:#425f6d;
		}
	#sidebar th {
		font-size:1.0em;
		font-weight: normal;
		text-align: left;
	}
	#sidebar th img {
		border: 1px solid #666;
		margin: 0 4px 0 0;
		background: #fff;
	}

#footer{
	color: #8a8a8a;
	margin-bottom:10px; 
	padding:8px; 
	clear:both;
	background:#fff;
	}
	#footer a{
		text-decoration:none; 
		color:#7E70FF;
		}
	#footer a:hover {
		border-bottom:1px dotted #8a8a8a;
		color:#7E70FF;
		}
.placeholder {
        padding-top: 8px;
        background-color:#FFF;
        background-repeat:no-repeat;
        background-position: center center;
        min-height: 300px;
}

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}

#map {
	border: 3px solid #ddd;
}

.bubble img {
	float:left;
	border: 1px solid #999;
}

.bubble span {
	margin: 0;
	padding: 10px;
	font-size: 0.8em;
}
#loading {
	position: absolute;
	top: 120px;
	left: 40%;
	font-size: 28px;
}
#remotelogin {
	position: absolute;
	top: 120px;
	left: 40%;
}
#alert {
	clear:both;
	background: #eee;
	color: #999;
	padding: 6px;
	margin:0;
	border-bottom: 1px dotted #999;
	font-family: Helvetica, sans-serif; font-size:10px;
}
#authok {
	clear:both;
	background: #eee;
	color: #999;
	padding: 6px;
	margin:0;
	border-bottom: 1px dotted #999;
	font-family: Helvetica, sans-serif; font-size:10px;
}
#login ul {
	list-style-type: none;
	margin:10px 0 0 10px;
	padding:0;
}
#login li.liSmile {
	margin:0 0 6px 0;
	padding:2px 0 0 20px;
	background: url(./img/smile.png) no-repeat;
}
#login li.liComm {
	margin:0 0 6px 0;
	padding:2px 0 0 20px;
	background: url(./img/quote.png) no-repeat;
}
.smile {
	background: url(./img/smile.png) no-repeat;
	margin:0;
	padding:0 20px 4px 0;
}