/*  



Theme Name: JitC



Theme URI: http://www.jewinthecity.com



Description: 



Version: 0.1



Author: Sue Bailey



Author URI: http//www.blogmum.com 



Tags: 



*/







/* fixed font sizes insisted on by client - sorry, world :-( */







/* MAIN LAYOUT DIVS */



img, div, ul, li, h1, h2, h3, h4, h5, h6, form {



margin: 0px;



padding: 0px;



border: 0px;



}











html {



height: 100%;



}







body{



background: #79a8d1;



color: #666666;



font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;



font-size: 90%;



padding-bottom: 10px;



}







#mailsubs {



margin: 0px auto;



text-align: right;



padding-top: 3px;



height: 29px;



font-size: 12px;



color: black;



float: right;



font-family: Arial, sans-serif;



}







#mailsubs p {



margin: 0px 0px 5px 0px !important;



padding: 0px !important;



font: 12px Arial;



}







#mailsubs form {



margin: 0px;



}







#mailsubs input {



margin-left: 10px;



}







#container {



position: relative;



z-index: 99;



width:790px;



background: #ffffff url('images/bg.jpg') repeat-y top right !important;



margin: 0px auto 20px auto;



}















#shadow {



position: absolute;



left: 2px;



top: 2px;



z-index: -1;



width:100%;



height:100%;



background-color: #000;



border: solid 1px #000;



filter:alpha(opacity=60);



-moz-opacity:0.6;



opacity:0.6;



}








#stripe {



float: left;



z-index: 98;



background: #ffffff url('images/bg.jpg') repeat-y top right !important;



border-bottom: 1px solid #335099;



width: 790px !important;



}







#stripe-nobg {



float: left;



z-index: 98;



background: #ffffff;



border-bottom: 1px solid #335099;



width: 790px !important;



}







#maincontent {



margin-right: 240px;



padding-left: 20px;



z-index: 100;



background: #ffffff;



}







#single, .padding {



background: white;



padding: 10px 10px 10px 0px;



}







.pageentry {



padding: 0px;



}







.pagetext {



margin-left: 300px;



}







.pagetext p {



font-size: 13px !important;



}







.entry {



padding-top: 10px;



}







.entry p {



margin: 0px 0px 10px 0px !important;



padding: 0px !important;



}







.wpcf7-form {



margin-left: 50px;



}







p {



padding-bottom: 10px;



font-size: 14px;



}







a {



color: #335099;



}







a:visited {



color: #666;



}







/*SIDEBAR*/



#sidebar {



width: 220px;



padding-left: 20px;



float: right;



background: #ffffff url('images/bg.jpg') repeat-y top right;



}







#sidebar li {



background:transparent url(images/libg.gif) no-repeat scroll 0 0.5em;



line-height:150%;



padding-left:12px;



list-style-image:none;



list-style-position:outside;



list-style-type:none;



margin: 5px 20px 5px 26px;



font-size: 12px;



}











#sidebar a {



color: #3399cc;



}



#sidebar a:visited {



color: #336699;



}



#sidebar a:hover {



color: #ff9933;



}







#sidebar h3, h3.commentheader {



padding: 5px 0px 5px 25px;



color: white;



background: url('images/sbbg.gif') no-repeat center left;



font-size: 14px;



font-weight: bold;



}







#sidebar h3 {



margin: 20px 20px 10px 16px;



}







.icons {



height: 52px;



width: 790px;



margin: 10px auto 0px auto;



}



.spaced img {



margin: 0px 20px;



}



















/* POST STYLES */



h1, h2 {



color: #ff9933;



line-height: 1;



}







h1 {



padding-top: 20px;



padding-bottom: 10px;



font-size: 24px;



margin: 0px;



}







h2 {



border-left: 5px solid #ff9933;



padding-left: 5px;



font-size: 18px;



}







h2 a {



color: #ff9933 !important;



text-decoration: none;



font-size: 18px;



}







h2 a:hover {



text-decoration: underline;



}







h3 {



font-weight: bold;



font-size: 14px;



}











.date {



color: #335099;



text-transform: uppercase;



padding: 20px 0px 10px 0px;



font-size: 14px;



}







.navigation {



font-size: 90%;



text-align: center;



padding: 20px 20px 10px 20px;



}







.navigation a, .related a {



color: #339933;



text-decoration: none;



}







.navigation a:visited {



color: #666;



}







.navigation a:hover, .related a:hover {



color: #ff9933;



text-decoration: underline;



}







.more-link {



padding-top: 10px;



}







.postmetadata, .more-link, .commentmetadata{



color: #339933;



font-size: 11px !important;



}







.postmetadata {



border-top: 1px solid #d7d7d7;



padding-top: 5px;



}







.postmetadata a, .more-link, .commentlist a {



color: #339933;



text-decoration: underline;



}







.postmetadata a:hover, .more-link:hover, .commentlist a:hover {



color: #ff9933;



text-decoration: underline;



}







.related {



padding-bottom: 10px;



}







.related li {



list-style-type: none;



font-size: 13px;



}







.bigvidthumbpadding {



padding-top: 40px;



}







.bigvidthumb {



width: 480px;



height: 360px;



margin: 0px auto;



}







#commentform p, .youredoingmyheadin p {



margin: 0px;



}







/*FOOTER*/







#footer {



margin: 0px;



padding: 0px 10px 15px 10px;



clear: both;



text-align: center;



background: #ffffff;



}







.navbottom {



font-weight: bold;



padding: 20px 50px;



display: none;



}







.navbottom a {



color: black;



text-decoration: none;



}







.navbottom a:hover {



color: #ff9933;



text-decoration: underline;



}







p.italic {



font-style: italic;



padding: 10px;



font-size: 95%;



}















.comment{



list-style-type: none;



font-size: 12px;



}







.comment-body {



margin-top: 20px;



font-size: 12px;



}















ol {



margin-left: 0px;



padding-left: 0px;



}







.avatar{



margin-right: 5px;



padding: 2px;



border: 1px solid #818181;



float: left;



}







.commentmetadata {



font-size: 90%;



}







.comment-body {



margin-bottom: 30px;



}







.comment-body p {



margin: 10px 0px 20px 61px;



}







.fn {



font-style: normal !important;



font-weight: bold;



}







.statement {



font-style: italic;



font-size: 12px;



color: #000;



font-family: Arial, sans-serif;



line-height: 1.2;



padding-top: 10px;



}







#footerend {



padding-top: 15px;



font: 9px Arial, sans-serif;



}







img.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



	}







.alignright {



float: right;



margin: 0px 0px 5px 10px;



padding: 3px;



	}







.alignleft {



float: left;



margin: 0px 10px 5px 0px;



padding: 3px;



	}







.wp-caption {



	border: 1px solid #ddd;



	text-align: center;



	background-color: #f3f3f3;



	padding: 4px;



	margin: 10px;



}







.wp-caption img {



	margin: 0;



	padding: 2px;



	border: 1px solid #ccc;



}







.wp-caption p.wp-caption-text {



	margin: 0;



        font-size: 90%;



        text-transform: lowercase;



}







/*FORMS */



select {



font-size: 100%;



}







textarea{ 



width: 220px;



}







textarea#comment {



width: 400px !important;



}







#searchform, #emailsubform {



text-align: center;



}







#emailsubform {



margin-bottom: 50px;



}







#om_wrapper {



text-align: center;



margin: 10px;



font-size: 12px;



}







#s, #fbemail {



height: 18px;



font-size: 14px;



vertical-align: bottom;



}







/*VIDEO ROW */



.ytrow {



width: 500px;



margin: 0px auto;



padding-top: 20px;



}







.ytrow img {



float: left;



padding-bottom: 20px;



}







.ytrow p {



margin-left: 150px;



margin-top: 0px;



}







a.blue {



color: #335099 !important;



text-decoration: none !important;



}







a.blue:hover {



text-decoration: underline !important;



}











div.home-line {



float: left;



}



div.home-line a {



line-height: 37px !important;



height: 37px !important;



display: block !important; 



}



div.home-line a:hover {



visibility: hidden !important;



}















/*HEADER IMAGES INSIDE PAGES



#about-button {



display: block;



height: 42px;



width: 137px;



background: url('images/about-on.jpg') no-repeat top left !important;



}



*/



#blog-button {



display: block;



height: 42px;



width: 148px;



background: url('images/blog-on.jpg') no-repeat top left !important;



}







#video-button {



display: block;



height: 42px;



width: 180px;



background: url('images/videos-on.jpg') no-repeat top left;



}







#qa-button {



display: block;



height: 42px;



width: 124px;



background: url('images/qa-on.jpg') no-repeat top left;



}







#talk-button {



display: block;



height: 42px;



width: 201px;



background: url('images/talk-on.jpg') no-repeat top left;



}











.contactform td {



cellspacing: 0px;



}







.contactform tr {



height: 36px;



vertical-align: center;



}











/* image preloader */



.hidden-image { display: none; }







/*BUTTONS FOR HOME NAV BAR */







.line {



float: left;
margin:0px  !important;

}



#emailtextbox {



text-align: center;



width: 124px;



margin: 0px !important;



}







.nomargin {



padding: 0px;



margin: 0px;



}







.margin {



padding: 10px 20px;



}







#homefooter p{



font: 12px Arial, sans-serif !important;



width: 790px;



color: #f0f0f0;



margin: 0px auto 10px auto;



}







.sociable_tagline {



margin-bottom: 10px;



}







.archives {



width: 510px;



}











.archives li {



list-style-type: none;



line-height: 1.6;



}







.archives a{



text-decoration: none;



color: #339933;



}



.archives a:hover{



text-decoration: underline;



color: #ff9933;



}







/*COMMENTS */



.avatar {



float: left;



}







.commentlist li p {



margin: 0px 0px 10px 60px;



font-size: 12px;



}







.respond p, #respond p {



font-size: 12px;



}







#commentform p {



font-size: 12px;



}







h2.blue {



border: none;



padding-left: 0px !important;



padding-top: 20px;



}







.blue a{



color: #335099 !important;



}







table {



margin-top: 30px;



background: #ffffff;



}



div.sociable { margin: 16px 0; }



span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

	position: absolute;

	display: block;

	top: -5em;

	background: #ffe;

	border: 1px solid #ccc;

	color: black;

	line-height: 1.25em;

}

.sociable span {

	display: block;

}

.sociable ul {

	display: inline;

	margin: 0 !important;

	padding: 0 !important;

}

.sociable ul li {

	background: none;

	display: inline !important;

	list-style-type: none;

	margin: 0;

	padding: 1px;

}

.sociable ul li:before { content: ""; }

.sociable img {

	float: none;

	width: 16px;

	height: 16px;

	border: 0;

	margin: 0;

	padding: 0;

}



.sociable-hovers {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}

.sociable-hovers:hover {

	opacity: .4;

	-moz-opacity: .4;

	filter: alpha(opacity=40);

}