/*
Theme Name: WebSanDiego Blog
Theme URI: http://www.websandiego.com/blog/
Description: Web San Diego Blog WordPress Theme. Theme Ported By <a href="http://www.nameerror.com/">Vinod Devanathan</a>
File: style.css
Version: 1.0
Author: Vinod Devanathan
Author URI: http://www.nameerror.com/
*/

body {
	margin: 0px;
	padding: 69px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #D2E8F6 url(images/bkg_body.gif) repeat-x left top;
	color: #7F8991;
}

/*
Link Styling
*/

a:link { 
	text-decoration: none; 
	color: #FF6600; 
	border: 0px;
} 

a:active {
	text-decoration: underline; 
	color: #FF6600; 
	border: 0px;
} 

a:visited { 
	text-decoration: none; 
	color: #FF6600; 
	border: 0px;
} 

a:hover { 
	text-decoration: underline; 
	color: #7EB0E3; 
	border: 0px;
}

/*
Form Styling
*/

form { 
	padding: 0px; 
	margin: 0px;
}

input {
	font-size: 11px; 
	color: #00557B;
}

select { 
	font-size: 11px; 
	color: #00557B;
}

textarea {
	font-size: 11px; 
	color: #3A5C73; 
	padding: 6px;
}

/*
Header Styling
*/

h1, h2, h3 {
	font-family: "Trebuchet MS";
}

/*
Primary Containers
*/

.bgcontain {
	margin: 0 auto;
	padding: 0px;
	background: #FFFFFF; 
	width: 900px;
}

.Header {
	background: #FFFFFF url(images/bkg_header_top.png) no-repeat left top; 
	position: relative; 
	clear: left; 
	width:900px; 
	height: 150px;
}

/* 
Header Styling 
*/

.Header em {
	text-indent: -10000px; 
	margin: 0; 
	padding: 0;
}

.Header em a {
 	float: left; 
	width: 270px; 
	height: 115px;
	background: url(images/logo_wsd.png) no-repeat; 
	cursor: hand;
}

.Header em a:hover {
	color: #FFFFFF;
	background: url(images/logo_wsd.png) no-repeat bottom; 
	cursor: hand; 
	text-decoration: none;
}

/*
Main Navigation Menu Styling
*/

.MainMenu {
	width: 875px;
	margin: 0px 10px;
	padding-right:5px;
	position: absolute;
	left: 0px;
	top: 115px;
	background: url(images/bkg_MainMenu.gif) no-repeat right top;
}

.MainMenu ul {
 	background: #B0CFEC url(images/bkg_MainMenu_ul.gif) no-repeat left top;
	padding: 4px 4px 5px 4px;
	margin: 0px;
	font-size: 10px;
	font-weight: bold;
	float: left;
	width: 867px;
}

.MainMenu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

.MainMenu ul li a {
 	padding: 0px 3px 0px 12px;
	background: url(images/MainMenuLeft.png) no-repeat left top;
	float: left;
	color:#CC6600;
	text-decoration: none;
}

.MainMenu ul li a span {
	padding: 7px 10px 7px 0px;
	display: block;
	background: url(images/MainMenuRight.png) no-repeat right top;
	float: left;
	text-decoration: none;
}

.MainMenu ul li a span {
	float: none;
	color: #FFFFFF;
	text-decoration: none;
}

.MainMenu ul li a:hover span {
	color: #FFFFFF;
	text-decoration: none;
}

.MainMenu ul li a:hover {
	background-position: 0% -26px;
	color: #FFFFFF;
	text-decoration: none;
}

.MainMenu ul li a:hover span {
	background-position: 100% -26px; 
	color: #FFFFFF; 
	text-decoration: none;
}

/*
Top Navigation Menu Styling
*/

.TopMenu {
	position: absolute; 
	top: -30px; 
	left: 0px;
}

.TopMenu ul {
	padding: 0px 5px 0px 0px; 
	margin: 0px; 
	border-right: 1px solid #8CA0AC;
}

.TopMenu li {
	padding: 0px 0px 0px 5px; 
	margin: 0px; 
	display: inline; 
	font-size: 10px; 
	border-left: 1px solid #8CA0AC;
}

.TopMenu li a {
	color:#003366; 
	text-decoration: underline; 
}

.TopMenu li a:hover {
	color:#003366; 
	text-decoration: underline; 
}

.TopMenu li a:visited {
	color:#003366; 
	text-decoration: underline;
}

/*
Top Search Form
*/

.Search {
	position: absolute; 
	top: -61px; 
	right: 0px; 
	width: 265px; 
	background: url(images/bkg_search.gif) no-repeat left top; 
	height: 80px;
	font-size:10px;
	color:#ffffff;
}

.Search form {
	padding: 2px 0px 0px 8px; 
	margin: 0px 0px 0px 0px;
}

.Search input {
	color: #FFFFFF; 
	font-size: 12px; 
}

.Search input.search {
	width: 32px; 
	height: 26px; 
	background: url(images/bkg_search_button.png) no-repeat;
}

.Search input.search:hover {
	background: url(images/bkg_search_button.png) no-repeat 0 -26px;
}

.Search input.searchIE {
	width: 32px; 
	height: 26px; 
	background: url(images/bkg_search_button.png) no-repeat 0 -26px;
}

.Search input.keyword {
	border: none; 
	background: #FFFFFF url(images/bkg_keyword.png) no-repeat; 
	padding: 5px 5px 6px 5px; 
	width: 215px; 
	border: none;
}

.Search #search-options {margin-top:-2px;}

/*\ IE/Win min height hack */ * html #buttonsearch { margin: -26px 0px 0px 215px; } /* */ 
#buttonsearch { padding: 0px; margin: -25px 0px 0px 215px; top: 0px; background: none; }

/*
Main Content Styling
*/

.container {
	background: #FFFFFF url(images/bkg_container_top.gif) no-repeat left top; 
	width: 880px; 
	padding: 40px 10px 10px 10px; 
	float: left;
}

.SCD { 
	width: 880px; 
	float: left;
}

.SC {
	width: 605px; 
	float: left; 
	padding-left: 10px;
}

/*
Post Styling
*/

.SC .Post {
	padding: 0px; 
	position: relative; 
	clear: left; 
	width: 605px; 
	margin-bottom: 20px; 
	margin-top: 20px;
}

.SC .PostHead {
	margin-left: 40px;
}

.SC .PostHead h1 {
	font-size: 18px; 
	font-weight: normal; 
	letter-spacing: -1px; 
	padding: 0px 0px 2px 0px; 
	margin: 0px;
}

.SC .PostHead h1 a {
	color: #FF6600; 
	text-decoration: none;
}

.SC .PostHead h1 a:visited {
	color: #FF6600; 
	text-decoration: none;
}

.SC .PostHead h1 a:hover {
	color:#7EB0E3; 
	text-decoration: none;
}

.SC .PostDate { 
	background: url(images/bkg_PostDate.png) no-repeat left top; 
	width: 33px; 
	height: 34px; 
	position: absolute; 
	top: 5px; 
	left: 0px; 
	text-align: center; 
	margin: 0; 
	padding: 0px; 
	font-size: 14px;
}

.SC .PostDate .month {
	display: block; 
	font-size: 10px; 
	font-weight: bold; 
	color: #FFFFFF; 
}

.SC .PostDate .day {
	display: block; 
	font-family: 'Arial'; 
	font-weight: bold; 
	line-height: 16px; 
	color: #FFFFFF; 
	letter-spacing: -1px; 
	text-transform: lowercase; 
	padding-top: 3px;
}

.SC .PostInfo {
	font-size: 13px; 
	color: #93A1A9; 
	border-top: 1px dashed #CCCCCC; 
	margin-left: 40px;
}

.SC .PostInfo strong { 
	letter-spacing: -1px;
}

.SC .PostInfo a { 
	color:#6F7F88; 
	text-decoration: underline;
}

.SC .PostInfo ul {
	padding: 2px 0px; 
	margin: 0px; 
	font-size: 10px; 
	font-weight: bold;
}

.SC .PostInfo ul li {
	padding: 0px; 
	margin: 0px 5px 0px 0px; 
	list-style-type: none; 
	display: inline;
}

.SC .PostInfo .Author { 
	background: url(images/PostInfoIcoAuthor.png) no-repeat left center; 
	padding-left: 14px;
}

.SC .PostInfo .Comments {
	background: #E5F4FF url(images/PostInfoIcoComments.png) no-repeat left center; 
	padding-left: 14px;
}

.SC .PostInfo .Categ {
	background: url(images/PostInfoIcoCateg.png) no-repeat left center; 
	padding-left: 14px;
}

.SC .PostContent {
	padding: 10px 0px 5px 0px; 
	color:#3C4E55;
}

.SC .PostContent a {
	text-decoration: underline;
}

.SC .PostContent h1 {
	font-size: 18px; 
	letter-spacing: -1px; 
	font-weight: normal; 
	padding: 2px 0px; 
	margin: 0px;
}

.SC .PostContent h2 {
	font-size: 16px; 
	letter-spacing: -1px; 
	font-weight: bold; 
	padding: 2px 0px; 
	margin: 0px; 
}

.SC .PostContent h3 {
	font-size: 14px; 
	letter-spacing: -1px; 
	font-weight: bold; 
	padding: 2px 0px; 
	margin: 0px; 
}

.SC .PostContent p {
	font-size: 12px; 
	line-height: 14px; 
	padding: 6px 0px; 
	margin: 6px 0px; 
}

.SC .PostContent strong { 
	letter-spacing: -1px;
}

.SC .PostContent blockquote {
	padding: 10px 20px; 
	background: #FFFADE; 
	margin: 5px 0px; 
	color:#996600;
}

.SC .PostContent blockquote p {
	font-size: 13px; 
	padding: 5px 0px; 
	margin: 5px 0px; 
	line-height: 16px; 
	font-family: "Georgia"; 
	color:#996600;
}

.SC .PostContent img {
	float: left; 
	padding: 1px; 
	border: 1px solid #F0F0F0; 
	margin: 0px 15px 15px 0px;
}

.SC .PostContent .Adsense {
	float: left; 
	height: 125px; 
	width: 125px; 
	background: url(images/adsense_small_banner.png) no-repeat left top; 
	margin: 10px 10px 10px 0px;
}

.SC .PostContent .AdsenseBig {
	float: left; 
	height: 280px; 
	width: 336px; 
	background: url(images/adsense_big_banner.png) no-repeat left top; 
	margin: 10px 10px 10px 0px;
}



.SC .PostDetails {
	padding: 10px 0px 0px 0px; 
	margin: 0px; 
	font-size: 11px;
}

.SC .PostDetails a {
	text-decoration: underline;
}

.SC .PostDetails a:visited {
	text-decoration: underline; 
}

.SC .PostDetails a:hover {
	text-decoration: underline; 
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.SC .Socialy {
	background: #E5EDF3;
}

.SC .Socialy ul {
	padding: 2px 0px; 
	margin: 0px; 
	font-size: 11px; 
	font-weight: bold; 
	letter-spacing: -1px;
}

.SC .Socialy li {
	padding: 0px 5px; 
	margin: 0px; 
	list-style-type: none; 
	display: inline; 
	border-right: solid 1px #BFD1DD;
}


.SC .linktext {
	font-size:9px;

}
.SC .linktextarea {
	font-size:9px;
	font-family:verdana;
	overflow:hidden;
}

/*
Comments Styling
*/

.SC .Comments {}

.SC .Comments h3 {
	font-size: 14px; 
	/*font-weight: normal; */
	border-bottom: 1px dashed #8F9FA6; 
	margin: 15px 0px 5px 0px;
}

.SC .Comments ol {
	padding: 0px; 
	margin: 0px; 
	color:#847356; 
	font-size: 11px;
}

.SC .Comments li {
	background:#F8F7E6; 
	padding: 10px; 
	margin: 40px 0px; 
	list-style-type: none; 
	position: relative;
}

/*
IE/Win min height hack 
*/ 
* html .SC .Comments li .author {
	left: -10px;
}
/* */ 

.SC .Comments li .author {
	background:#E9E8D0 url(images/IcoAuthorComments.png) no-repeat left center; 
	padding: 5px 5px 5px 20px; 
	margin: 0px; 
	width: 30%; 
	display: block; 
	position: absolute; 
	top: -22px; 
	left: 0px; 
	font-size: 10px; 
	font-weight: bold;
}

.SC .Comments li .author a {
	color:#CC9933; 
	text-decoration: underline;
}

.SC .Comments li .date {
	margin: 0px; 
	position: absolute; 
	top: -20px; 
	right: 0px;
}

.SC .Comments li .date a { 
	background: url(images/IcoDateComments.png) no-repeat left center; 
	color: #C5B894; 
	text-decoration: underline; 
	padding-left: 15px;
}

.SC .Comments .blue {
	background:#E7F4FC; 
}

.SC .Comments .blue .author {
	background:#D6E6F1 url(images/IcoAuthorComments.png) no-repeat left center; 
}

.SC .Comments .blue .author a {
	color:#6699CC;
}

.SC .Comments .blue .date a {
	color: #93ADD9; 
	text-decoration: underline;
}


/*
Related Posts Styling
*/

.SC .PostRelated { 
	background: #E5EDF3;
}

.SC .PostRelated h3 {
	font-size: 14px; 
	/*font-weight: normal; */
	border-bottom: 1px dashed #8F9FA6; 
	margin: 10px 5px; 
	padding: 0px 0px 5px 0px;
}

.SC .PostRelated ul {
	padding: 5px; 
	margin: 0px;
}

.SC .PostRelated li {
	background: url(images/ico_PostRelated.png) no-repeat left top; 
	padding: 2px 0px 2px 12px; 
	margin: 0px; 
	list-style-type: none;
}

.SC .PostRelated li a {
	color:#336699; 
	text-decoration: underline;
}

/*
Comment Form Styling
*/

.SC .CommentsForm {
	background:#E5EDF3;
}

.SC .CommentsForm h3 {
	font-size: 14px; 
	/*font-weight: normal; */
	border-bottom: 1px dashed #8F9FA6; 
	margin: 10px 0px; 
	padding: 0px 0px 5px 0px;
}

.SC .CommentsForm fieldset {
	border: none; 
	padding: 0px; 
	margin: 0px;
}

.SC .CommentsForm form {
	padding: 7px; 
	margin: 0px;
}

.SC .CommentsForm label {
	display: block; 
	color: #424D54; 
	font-size: 11px; 
	padding: 5px 0px;
}

.SC .CommentsForm .checkbox {
	background: none; 
	padding: 0px; 
	margin: 0px;
}

.SC .CommentsForm .input {
	background: #FFFFFF; 
	border: 1pxsolid #D4E0E9; 
	padding: 4px; 
	color: #567057; 
	margin-right: 10px;
}

.SC .CommentsForm .textarea {
	background: #FFFFFF; 
	border: 1px solid #D4E0E9; 
	padding: 4px; 
	color: #567057; 
	margin-right: 10px; 
	font-size: 12px;
}

.SC .CommentsForm input.preview {
	width: 127px; 
	height: 25px; 
	background: url(images/button_preview.png) no-repeat;
}

.SC .CommentsForm input.preview:hover {
	background: url(images/button_preview.png) no-repeat 0 -25px; 
}

.SC .CommentsForm input.previewIE {
	width: 127px; 
	height: 25px; 
	background: url(images/button_preview.png) no-repeat 0 -25px;
}

.SC .CommentsForm input.postmessage {
	width: 127px; 
	height: 25px; 
	background: url(images/button_post.png) no-repeat;
}

.SC .CommentsForm input.postmessage:hover {
	background: url(images/button_post.png) no-repeat 0 -25px;
}

.SC .CommentsForm input.postmessageIE { 
	width: 127px; 
	height: 25px; 
	background: url(images/button_post.png) no-repeat 0 -25px;
}


/*
Business Directory Styling
*/

.SC .Directory {
	background: #EEE0B5; 
	padding: 0px; 
	position: relative;
}

.SC .Directory h2 {
	background: #EEE0B5; 
	font-size: 18px; 
	color:#660000; 
	font-weight: normal; 
	padding: 10px 10px 0px 10px; 
	margin: 0px;
}

.SC .Directory table td {
	background: #FFFFFF; 
	padding: 7px;
}

.SC .Directory table td ul {
	padding: 0px; 
	margin: 0px;
}

.SC .Directory table td ul li {
	background: url(images/ico_list_category.gif) no-repeat left top; 
	padding: 0px; 
	margin: 0px; 
	list-style-type: none; 
	font-size: 11px; 
	letter-spacing: -1px; 
	font-weight: bold; 
	padding-left: 15px;
}

.SC .Directory table td ul li a {
	color:#CC3300;
}

.SC .Directory table td ul ul {
	width: auto; 
	padding: 3px 0px; 
	margin: 0px;
}
/*
IE/Win min height hack 
*/
* html .SC .Directory table td ul ul li {
	padding: 0px;
}
/* */ 

.SC .Directory table td ul ul li {
	width: auto; 
	padding: 0px 0px 0px 15px; 
	margin: 0px; 
	background: none; 
	letter-spacing: normal; 
	font-weight: normal;
}

.SC .Directory table td ul ul li a {
	color:#FF6600; 
	text-decoration: underline;
}

.SC .AdListings {
	position: absolute; 
	top: 10px; 
	right: 10px;
}
.SC .AdListings a {
	background: #FFFFFF url(images/ico_AdListings.gif) no-repeat left center; 
	padding: 5px 5px 5px 20px; 
	font-size: 10px; 
	font-weight: bold; 
	float: left;
}

/*
Right Panel Styling
*/

.SR {
	background: #B0D0E4 url(images/bkg_SR.gif) no-repeat left bottom; 
	width: 223px; 
	float: right; 
	padding: 0px 10px 10px 10px; 
	position: relative;
}

.SR .topBkg { 
	background: url(images/topBkg.gif) no-repeat left top; 
	width: 243px; 
	position: absolute; 
	margin: 0px; 
	top: -10px; 
	right: -1px;
}

/*
Panel Events Table Styling
*/

.SR .events { 
	background: #F8F7E6; 
	width: 223px;
}

.SR .events h2 {
	background: #EEE0B5 url(images/ico_calendar.png) no-repeat left center; 
	padding: 5px 0px 5px 25px; 
	margin: 0px; 
	color:#993300; 
	font-size: 14px;
}

.SR .events table { 
	background: #F0EFD8; 
	margin: 10px 0px;
}

.SR .events table th {
	background: #F0EFD8; 
	padding: 5px 0px; 
	letter-spacing: -1px; 
	font-size: 11px;
}

.SR .events table td {
	background: #F8F7E6; 
	text-align: center; 
	font-size: 11px; 
	padding: 2px 0px;
}

/*
Panel Blog
*/

.SR .Blog {
	background: #F8F7E6;
	width: 223px;
}

.SR .Blog h2 {
	background: #EEE0B5 url(images/ico_WSD_Blog.png) no-repeat left center; 
	padding: 5px 0px 5px 25px; 
	margin: 0px; 
	color: #993300; 
	font-size: 14px;
}

.SR .Blog ul {
	padding: 0px; 
	margin: 0px;
}

.SR .Blog li {
	padding: 7px 0px; 
	margin: 0px; 
	border-bottom: 1px solid #E5DFC9; 
	list-style-type: none;
}

.SR .Blog li a {
	background: url(images/ico_blog_category.png) no-repeat left center; 
	display: block; 
	font-size: 11px; 
	letter-spacing: -1px; 
	font-weight: bold; 
	padding: 0px 0px 3px 13px; 
	text-decoration: underline;
}

.SR .Blog li span {
	display: block; 
	font-size: 11px; 
	line-height: 13px; 
	color: #666633;
}

.SR .Blog ul ul li {
	padding: 0px 0px 0px 5px; 
	margin: 0px; 
	list-style-type: none;
	border-bottom: none; 
	font-size: 10px; 
	letter-spacing: normal; 
	background: none;
}

.SR .Blog ul ul li a {
	color: #993300; 
	text-decoration: underline; 
	background: url(images/ico_blog_category_li.png) no-repeat left top; 
	padding: 0px 0px 0px 10px;
}

/*
Panel Business Directory
*/

.SR .BusinessDirectory {
	background: #F8F7E6; 
	width: 223px;
}

.SR .BusinessDirectory h2 {
	background: #EEE0B5 url(images/ico_BusinessDirectory.png) no-repeat left center; 
	padding: 5px 0px 5px 25px; 
	margin: 0px; 
	color: #993300; 
	font-size: 14px;
}

.SR .BusinessDirectory ul {
	padding: 5px 0px 10px 17px; 
	margin: 0px; 
	border-bottom: 1px solid #E5DFC9;
}

.SR .BusinessDirectory li {
	padding: 1px 0px; 
	margin: 0px; 
	font-size: 11px;
}

.SR .BusinessDirectory li a {
	text-decoration: underline;
}

.SR .BusinessDirectory .viewall {
	padding: 7px 0px 7px 15px; 
	font-weight: bold; 
	display: block; 
	background: url(images/ico_view_all.png) no-repeat left center;
}

/*
Panel Sponsors Styling
*/

.SR .Sponsors {
	background: #F8F7E6; 
	width: 223px;
}

.SR .Sponsors h2 {
	background: #EEE0B5 url(images/ico_Sponsors.png) no-repeat left center; 
	padding: 5px 0px 5px 25px; 
	margin: 0px; 
	color: #993300; 
	font-size: 14px;
}

.SR .Sponsors ul {
	padding: 5px 0px 0px 0px; 
	margin: 0px;
}

.SR .Sponsors li {
	padding: 1px 0px; 
	margin: 0px; 
	list-style-type: none;
}

/*
Panel Recent Comments
*/

.SR .RecentComments {
	background: #F8F7E6;
	width: 223px;
}

.SR .RecentComments h2 {
	background: #EEE0B5 url(images/ico_RecentComments.png) no-repeat left center; 
	padding: 5px 0px 5px 25px; 
	margin: 0px; 
	color:#993300; 
	font-size: 14px;
}

.SR .RecentComments ul {
	padding: 5px 0px 0px 0px; 
	margin: 0px;
}

.SR .RecentComments li {
	padding: 5px 0px; 
	margin: 0px; 
	border-bottom: 1px solid #E5DFC9; 
	list-style-type: none;
}

.SR .RecentComments li span {
	font-size: 10px; 
	line-height: 12px; 
	display: block; 
	color:#333C45;
}

.SR .RecentComments li .name {
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: underline;
}

/*
Panel Ad Styling
*/

.SR .adbottom {
	background: url(images/bkg_post-it.gif) no-repeat left top; 
	width: 223px; 
	height: 202px;
}
.SR .adbottom .message {
	padding: 35px 25px; 
	color: #623518;
}

.SR .adbottom .message strong {
	letter-spacing: -1px;
}

.SR .adbottom .message p {
	font-size: 11px; 
	line-height: 13px; 
	color: #623518; 
	padding: 5px 0px; 
	margin: 0px;
}

/*
Footer Styling
*/

.footer {
	background: url(images/bkg_footer.gif) no-repeat left top; 
	float: left; 
	width: 900px; 
	height: 51px;
}

.footer p {
	font-size: 10px; 
	padding: 27px 0px 0px 10px; 
	margin: 0px; 
	color: #474F5F;
}

.footer p a {
	color:#474F5F; 
	text-decoration: underline;
}

.footer p a:hover {
	color:#474F5F; 
	text-decoration: underline;
}

.footer p a:visited {
	color:#474F5F; 
	text-decoration: underline;
}

.footer .adcentertop {
	background: url(images/ad_center_top.png) no-repeat left top; 
	width: 257px; 
	height: 96px; 
	top: 65px; 
	position: absolute; 
	margin-left: 300px;
}

.footer .adcentertop p {
	padding: 40px 18px 10px 18px; 
	margin: 0px;
}

.footer .adrighttop {
	background: url(images/ad_right_top.png) no-repeat left top; 
	width: 257px; 
	height: 96px; 
	top: 65px; 
	position: absolute; 
	margin-left: 600px;
}

/*
Page Navigation Styling
*/

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}