/*
Theme Name: Social Joey
Theme URI: http://ikwebdesigner.com
Description: A custom theme for Social Orgs - A Social Media Company.
Version: 1.0
Author: Ikreator LLC
Author URI: http://ikwebdesigner.com/

*/

/*  ------------------------- RESET ------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; 
	border-spacing:0; border-padding:0;
	font-weight: inherit; font-style: inherit; font-family: inherit; font-size: 100%; 
	vertical-align: baseline; border-collapse:collapse; }

/*----------------------------------------------------- EXTRAS ------------------------------------------------*/

.hide, #hide {display:none;}
.hidden #hidden {visibility:hidden}
.clear, #clear{ clear:both;}

em {font-style:italic}

.navigation {display: block; text-align: center; margin:0px; width:100% ! important; clear:both ! important}
a.next, a.back, .next a, .back a  { font-style: italic; font-weight: bold; text-transform: uppercase; padding-top:5px; padding-bottom:5px;}
a.next, .next a { background: url(images/button-next.png) no-repeat right center;padding-right: 27px; float:right}
a.back, .back a { background: url(images/button-back.png) no-repeat left center;padding-left: 27px; float:left}
a.next, .next a, .back a, a.back {color: #0066cc ! important;}

/* ------------------------------------ COMMENT STYLES -----------------------------------*/

ol.commentlist li { margin-bottom:20px;}
ol.commentlist li .comment-meta {font:11px/18px verdana ! important;}
.comment-author img {float:left;margin-right:7px;}
.comment-author cite {font-weight:bold;font-style:normal}

/* ------------------------------------ TEXT STYLES -----------------------------------*/

.nowrap {white-space: nowrap}
.center{text-align:center ! important;}
.justify{text-align:justify;}
.right{text-align:right;}

.strike {text-decoration: line-through; color:gray}
.highlight {background:yellow}

.small, small {font:11px/18px verdana ! important}
.column{width:250px;float:left}

.box {background:#f2f5f6 ; padding:5px;}
h2.box {margin-left:-5px;}

p.postmeta {background: #e7ebee; padding:10px; font:10px/15px verdana ! important}
p.postmeta a {color:black ! important}

strong {font-weight:bold}

big {font-size: 50px; color: #b1cddf; float: left; margin-right: 5px; line-height:50px; height:40px; margin-top: -3px; font-weight:bold;}
samp { font:bold 11px Tahoma; color:#cc9900; display:inline; letter-spacing:0px; white-space: nowrap;}

/* -------------------------------------- INLINE IMAGES --------------------------------------*/

img.border {border:solid 1px #c2c7d3; background:white;}
img.left{float:left; margin-right:10px;}
img.right{float:right; margin-left:10px;}
.valign{vertical-align:middle ! important}

/* ------------------------------------------------------------------------------------------------------ */

body{font-family: lucida sans, helvetica; background:#d4dbe1 url(images/background.jpg) repeat-x left top}
#logo {display:none}
#background{background:url(images/main-bg.jpg) no-repeat center top;display:block;width:100%;float:left;position:relative;text-align:center;}
#contain {margin: 0px auto; width:850px; display:block; position:relative; text-align:left;}
#background #contain, #footer #contain {width:860px}
#background #contain {background: url(images/bg-content.png) repeat-y; z-index:1}

/* -------------------------------------------HEADER----------------------------------------------------------*/

#header {height:119px; display:block; text-align:center; }
#header #contain {height:119px;}
#header #contain h1 a {position:absolute;left:1px;top:0px;background:url(images/logo.gif) no-repeat;height:90px;width:397px;text-indent:-3000em}
#header #contain p {display:none}
#header #contain form {	
	position:absolute;right:0px;background: url(images/search-title.gif) no-repeat right 39px;display:block; height:119px;width:313px}
	
.search {
	width:272px;height: 24px; display:block; background: url(images/search-box.png) no-repeat;
	border: none; padding: 5px 0px 0px 5px;	position:absolute; right:24px; top:62px;} .search:focus {outline:none}

.go {
	height:21px; width:21px; position:absolute; right:0px; top:63px; background:url(images/search-button.gif) no-repeat; 
	border:none 0px white; text-indent:-3000em; cursor:pointer; color:#e48c09}

/* ------------------------------------------------------ LINKS ------------------------------------------------------ */

	#content a{color: #0066FF; text-decoration: underline;}

	#content a:hover, #content a:focus {color: #CC6600; text-decoration:none}			
	#content a:active{color: red;}
	
	#content p small a{color: #0066FF ! important;}	
	#content h3 a, #content h3 a:link {color:black ! important}
	#content h3 a:visited { background: url(images/visited.png) no-repeat right center;padding-right: 13px;}
	#content h3 a:hover{color: #0066FF ! important;}
	#content h3 a:active{color: red ! important;}
	
/* ------------------------------------------------------ CONTENT ---------------------------------------------------------------*/

#ctop{position:absolute; top:-8px; left:0px; background: url(images/ctop.gif) no-repeat; height:22px; width:619px; z-index: 10;}

#content {
	width:549px; float:left; display:inline; margin-left:35px; margin-top:15px; padding-bottom:80px; 
	text-align:left; overflow:hidden; font-size:13px;}
	
#content h1, #content h2, #content h3, #content p, #content ol, #content ul, #content hr{
	 line-height:20px; margin-bottom: 14px; color: black}
	
	#content h1, #content h2, #content h3 {font-weight:bold;}
	#content h1, #content h1 a:link {font-size: 22px; color: #0066cc; padding-top:15px; line-height:28px}
		#content h1 a:hover {color:black;border-color:black}
	#content h2 {font-size:18px; color:#990000}			
	#content h3 {font-size:14px; margin-bottom:0px ! important;}
	#content ol, #content ul {margin-left:30px;}
	#content ul {list-style:  url(../graphics/block.gif);}
		#content .space li{margin-bottom:14px} /*--- Space between multi-lined list items ----*/
		#content .space li ul li {margin-bottom:0px ! important} /*--- Space between multi-lined list items ----*/                                                  									
	#content hr {border:none;border-bottom:dotted 1px #999999;clear:both;height:1px;}
	#content blockquote {margin: 0px 24px 14px 24px; font-family: "lucida sans unicode", lucida sans,}
	#content abbr {border-bottom:dotted 1px black;cursor:help}
			
	#content table.chart {width:500px; margin-bottom:28px; background:#f2f5f6 ; cursor:default; font:11px/18px verdana} 
	#content table.chart th {font-weight:bold; }
	#content table.chart td, #content table th {text-align:center; padding:6px; border: solid 1px #C1D1D5; }
	#content table.chart td b {display:block; text-align:right; font-weight:normal; color:black}
	#content table.chart td img {width:12px; height:12px}
	#content table.chart tr.cost td {font-weight:bold; font-style: normal; vertical-align:middle}
	#content table.chart tr.cost td:first-line {font-weight:normal}
	#content table.chart caption {padding-bottom:14px; font-style:italic}
	#content table.chart tr.white {background:white}			

	
/* --------------------------------------------------- SIDEBAR ------------------------------------------------------------------*/

#sidebar {width:236px; float:right; margin-top:8px; margin-bottom:18px; z-index: 5; position:relative; left:-10px; }
#sidebar li h2 { text-transform: uppercase; color: black /*#3366cc*/; background:  url(images/menu-heading.gif) no-repeat left 3px;
	display: block; padding-left: 15px; margin-bottom:5px; margin-top:25px; font-size:15px;font-weight:bold;}

#sidebar li{ list-style-type: none; display:inline; font-size:13px;}

#sidebar ul li a{color: black;display:block;padding:9px 0px 9px 33px; border-bottom:dotted 1px #9da8b4;
	text-decoration:none;background: transparent url(images/menu-up.png) no-repeat 12px 12px;  -webkit-transition: background 0.3s linear;}
	
#sidebar ul li a:hover {
	color: white; background: #23272f url(images/menu-up.png) no-repeat 12px 12px;border-color:transparent}

#sidebar ul li.current_page_item a{cursor:default; display:block; color: white; 
	background: #707B94 url(images/menu-over.gif) no-repeat 14px 12px;border-color:transparent}

	
#sidebar form {padding-left: 15px;font-size:12px; line-height:18px; position:relative}
#sidebar form .email {width:201px; height:24px; background: url(images/email-box.gif) no-repeat;
	border: none; padding: 5px 0px 0px 5px; margin-top:8px}
#sidebar form .send {height:21px; width:21px; background: url(images/email-button.gif); border:none 0px white;
	text-indent:-3000em; cursor:pointer; color:#282828; position:absolute; right:-5px;top:44px}

.icons {text-align:center; display:block; margin-bottom:17px; word-spacing:-5px; padding:10px 0px 16px 0px; border-bottom:dotted 1px #9da8b4;}
.icons a {height: 30px; weight:30px;  padding:4px;border:solid 3px transparent;}
.icons a:hover {background:white; padding:4px; border:solid 3px #c6ccd2}

/* --------------------------------------------- Top Button ---------------------------------------------- */

#topbutton a{
	background:  url(images/top-button.gif) no-repeat left top; display: block; width: 29px;height:15px;
	text-indent:-1000em; position: absolute; right: 50px; bottom: 88px;}

html>body #topbutton a {bottom: 92px;} /* IE7 */
	
#topbutton a:hover, #topbutton a:focus{background:url(images/top-button.gif) no-repeat left bottom;}

/* --------------------------------------------- Forms ---------------------------------------------- */

.sendbutton{
	color: #FFFFFF;
	background: #101319 url(images/submit-button.gif) no-repeat right top;
	padding: 7px 38px 7px 13px;
	border: 2px solid #d1d7dc;
	font: bold 12px "Lucida Sans", Arial;
	text-transform: uppercase;
	cursor:pointer;
	overflow:visible; /* ie6/7 width fix */
  	width:auto; /* ie6/7 width fix */
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.sendbutton:hover {border-color: #ffcc00}

#commentform input.field {width:150px;}

.field {border:solid 2px #d7dfe2; padding-left:5px; font-family:arial; font-size:13px;}
.field:focus {border:solid 2px #282828;}

input.field, textarea.field, select.field {
	width:300px; border:solid 2px #d7dfe2; padding-left:5px; font-family:arial; font-size:13px; margin-top:5px}

textarea.field {height:170px; width:400px;}

.wpcf7-form {font: bold 11px Verdana, Arial, Helvetica, sans-serif;}

.wpcf7-not-valid-tip-no-ajax {color:red; font-weight:normal ! important; font-size:10px; padding-left:10px}

/* ------------------------------------------------------ Footer Styles ------------------------------------------------- */

#footer{text-align:center; display:block; float:left; width:100%; height:92px; color:white; background: #12151b;}
#footer #contain {height:92px; background:  url(images/footer-bg.gif) no-repeat; display:block; position:relative}
#footer #contain p { width:584px; height: 52px;	font-size: 10px; line-height: 50px;	font-weight: bold; color: #FFFFFF;
	text-align: right; display: block;text-transform: uppercase;}
#footer #contain p a {color:yellow}

#footer #contain hr {display:none;}

	#footer #contain form {display:inline;}
	.ccbuttons {position:absolute;left:15px; top:-8px; display:block}