/*
Theme Name: Jordan Sonnenblick
Theme URI: http://wordpress.org/
Description: The Jordan Sonnenblick theme.
Version: 1.0
Author: Chamara Peiris

*/



* {
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
	border:none;
}
strong {
	font-weight:bold;
}
a {
	outline:none;
	color:#005a8c;
}
a:hover {
	color:#09C;
}

body, html {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-align:center;
	background:#f0f5f8 url(images/bg.gif) repeat-x 0 0;
	line-height:20px;
	color:#272421;
}
#wrapper {
	width:981px;
	margin:0 auto;
	text-align:left;
	position:relative;
	overflow:hidden;
}
#branding {
	width:991px;
	height:92px;
}
h1 a {
	background:url(images/jordan_sonnenblick.gif) no-repeat;
	display:block;
	width:360px;
	height:50px;
	position:absolute;
	top:26px;
	left:165px;
}
h1 a span {
	display:none;
}
#branding img {
	position:absolute;
}


#nav {
	float:left;
	height:35px;
	margin-top:1px;
	padding-left:41px;
	padding-left:165px;
}
#nav li {
	list-style-type:none;
	float:left;
}
#nav a {
	display:block;
	float:left;
	padding-left:11px;
	padding-right:11px;
	height:35px;
	line-height:35px;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}

#nav a:hover {
	background:url(images/nav_h.gif) repeat-x 0 0;
}
#nav .current_page_item a, #nav .current_page_parent a {
	background:url(images/nav_s.gif) repeat-x 0 0;
}
#nav li .current_page_item a {
	background-image:none;
	background-color:#042c3f;
}

#nav .current_page_item li a, #nav .current_page_parent li a {
	background-image:none;
	background-color:#042c3f;
}

#nav {position:relative; z-index:200;}

#nav li li {float:none;}
/* a hack for  IE6 */
* html #nav li li {float:left;}

#nav li a {white-space:nowrap;}

#nav ul {
	margin-top:0px;
}

#nav li li a {display:block; height:25px; line-height:25px; float:none; padding:2px 80px 2px 11px; font-weight:normal; text-transform:none; background-color:#042c3f; font-size:12px;}
* html #nav li li a { width:240px; padding:2px 21px 2px 11px;}
*:first-child+html #nav li li a { width:300px; padding:2px 0 2px 11px;}


#nav li:hover {position:relative; z-index:300;}
#nav li.cssplay_hover {position:relative; z-index:300;}
#nav li.cssplay_hover a {color:#fff; background:url(images/nav_h.gif) repeat-x 0 0;}
#nav li.cssplay_hover li a { background-image:none; background:#042c3f; }

#nav li li a {color:#fff;}
#nav li li.cssplay_hover a {color:#fff; background-color:#aaa;}

#nav li:hover ul {left:0; top:33px; z-index:500;}
#nav li.cssplay_hover ul {left:0; top:33px; z-index:500;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {background:url(images/nav_h.gif) repeat-x 0 0;}
#nav li li:hover > a {color:#fff; background-color:#1e5cb2; border-bottom:none;}

#nav li li a:hover {
	background:#09435e;
}


/* but IE5.x and IE6 need this lot to style the flyouts*/
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#fff; background-image:none; background-color:#09435e; border-bottom:none;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
{color:#633; background-color:#ddd;}

/* show next level */
#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


#container {
	margin-top:1px;
}
#content {
	float:left;
	width:506px;
	padding-left:174px;
	padding-top:20px;
	background:url(images/content_sep.gif) no-repeat 156px 74px;
	margin-bottom:30px;
}
h2 {
	font-size:18px;
	color:#3c3936;
	border-bottom:1px solid #c8d9e2;
	padding-bottom:2px;
	margin-bottom:5px;
	text-transform:uppercase;
}
h3 {
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #ece2c1;
	padding-bottom:4px;
	margin-bottom:5px;
}
#content p, #content_inner p, #content ul, #content_inner ul, #content ol, #content_inner ol {
	margin-bottom:20px;
}
#content #commentform p, #content_inner #commentform p {
	border-bottom:1px solid #102f50;
	margin-bottom:5px;
	padding-bottom:5px;
}
#content blockquote, #content_inner blockquote {
	background:url(images/quote.gif) no-repeat 12px 11px;
	padding:9px 12px 12px 50px;
	margin-bottom:20px;
	color:#666;
}
#content blockquote p, #content_inner blockquote p {
	margin:0;
	padding:0;
}
#content ul, #content ol {
	margin-left:30px;
	margin-bottom:20px;
}
#content em {
	font-style:italic;
}
#side_bar {
	float:left;
	width:273px;
	background:url(images/side_bg.gif) no-repeat 0 0;
	padding-left:28px;
	margin-top:8px;
}
#inner {
}

#side_bar h3 {
	font-size:18px;
	color:#cbecfa;
	border-bottom:1px solid #434343;
	padding-bottom:4px;
	margin-bottom:10px;
	font-weight:normal;
	text-transform:uppercase;
}
#otherside .vcard {
	font-size:11px;
	position:absolute;
	top:202px;
	left:22px;
}
#otherside .vcard p {
	line-height:14px;
	color:#484848;
	font-weight:bold;
}
#otherside .vcard a {
	color:#c19c25;
}
#otherside .vcard a:hover {
	text-decoration:none;
}
#otherside .vcard strong.tel,
#otherside .vcard strong.fax,
#otherside .vcard span.po-box {
	color:#474023;
	font-weight:normal;
	display:block;
	margin-bottom:0px;
}
#otherside .vcard a.email {
	display:block;
}
#footer {
	clear:both;
	background:url(images/footer_bg.gif) no-repeat top center;
	height:61px;
	text-align:center;
	color:#939698;
	font-size:11px;
	padding-top:38px;
	margin-top:3px;
}

h3#comments, #respond h3 {
	font-size:15px;
	font-weight:normal;
	padding-bottom:9px;
	margin-bottom:10px;
	color:#333;
	padding-top:20px;
}
#respond h3 {
	margin-bottom:10px;
	margin-bottom:0;
}
#content ol.commentlist, #content_inner ol.commentlist {
	margin:0 0 0 25px;
	color:#333;
}
#content ol.commentlist p, #content_inner ol.commentlist p {
	padding:7px 6px 15px 6px;
	margin:0;
}
.commentlist .fn {
	margin-right:3px;
}
.comment-author {
	vertical-align:middle;
	border-bottom:1px solid #ccc;
}
.comment-author img {
	vertical-align:middle;
	margin-right:5px;
}
.commentmetadata {
	margin-bottom:5px;
}
input, textarea, select {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#000;
	border:1px solid #c06103;
	padding:3px;
}
#content form p {
	margin-bottom:5px;
}
.breadcrumb {
	margin-bottom:15px;
}
.entry {
	margin-top:10px;
}


input, textarea, select {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#002144;
	padding:3px;
}
input.button {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#fff;
	padding:3px 6px;
	background-color:#001428;
	margin-top:15px;
	border:1px solid #68a16e;
}
p input {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#fff;
	padding:3px 6px;
	background-color:#001428;
	margin-top:15px;
	border:1px solid #68a16e;
}
p span input {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#002144;
	padding:3px;
	background-color:#FFF;
	margin:0;
	border:none;
}
#respond {
	clear:both;
}
#respond h4 {
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:9px;
	margin-bottom:10px;
	color:#546a82;
}
h3#comments {
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:9px;
	margin-bottom:10px;
	color:#546a82;
	padding-top:20px;
}
#content ol.commentlist, #content_inner ol.commentlist {
	margin:0 0 0 25px;
	color:#4f82aa;
}
#content ol.commentlist p, #content_inner ol.commentlist p {
	padding:7px 6px 15px 6px;
	margin:0;
}
.commentlist .fn {
	margin-right:10px;
}
.comment-author {
	vertical-align:middle;
	border-bottom:1px solid #123861;
	background-color:#0d2c4e;
}
.comment-author img {
	vertical-align:middle;
	margin-right:5px;
}
.commentmetadata {
	margin-bottom:20px;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

p a.post-edit-link {
clear:both;
}