/*
Added by JLW to style 
the RichMedia Related Content Widget 
and Full Page Content Widget
*/

div#related_articles {}

/*  RELATED CONTENT WIDGET */


div.podHeadlineWidget { 
/* the container around the whole Related Content Widget */
margin-left:5px; margin-top:-45px;
}

/* To change the "More On This Topic" header: */
div.podHeadlineWidget /* container around the whole Widget; */ div.podPageTitle {
visibility: hidden !important; 
font-size:6px !important; }


/* the container around the image, headline, & byline 
(for both the Related Contents Widget and the Full Page Article Widget)  */
div.podArticleInfo {}

/* the image preceding each headline */
.podIconArticleimg { 
/* !important */}

.podIconArticle{} /* holds the little pencil or video icon as a background image */

/* To change the font on headlines in Related Content widgets:*/
a.podHeadline { 
font-size:12px !important;
text-decoration:none !important;
color:#003090 !important;}
a.podHeadline:hover {color:#8ccfff !important;}

div.podCallout { /* the byline beneath the headline */ 
/* has no effect? */ }


div.podHeadlineWidget { 
/* the container around the whole Related Content Widget; use for body text */
font-family: arial, helvetica, verdana, sans-serif; /* this works */
font-size:9px !important;  /* this doesn't! */
}
/* Sometimes (especially with Wordpress), your own theme 
will add bullets to the left of related articles in a Related Content widget. 
To make those go away, add this: */
.podHeadlineWidget li {list-style-type: none !important;} 


/*  FULL PAGE CONTENT WIDGET  */

div.podArticlePageWidget {} /* the container around the widget */

/* the container around the image, headline, & byline 
(for both the Related Contents Widget and the Full Page Article Widget)  */
div.podArticleInfo {} 

/* the image preceding the headline */
.podArticleInfoimg { }

/* the headline */
div.podPageTitle{
font-size:12px !important;
color:#003090 !important;}
a.podHeadline:hover {color:#8ccfff !important;}

.podCallout { /* the byline beneath the headline */ }
.podCallout a {text-decoration:none !important;}

/* for body text, use */  
.podArticlePageWidget { /* the container around the widget */
}



/* When a Related Content widget beneath another article is too narrow, 
you can make it the full width of the column it's in by adding this: */
.podArticlePageWidget .podHeadlineWidget {width: 100%;}


/* undocumented.  Appears to color both the headline and the Read More link */
.podHeadlineWidget a {
color:#003090; font-weight:bold; text-decoration:none;
}
.podHeadlineWidget a:hover { color:#8ccfff; }








/*
Theme Name: SL-surfing
Theme URI: http://www.semlaguna.com
Description: This is a free WordPress Theme from semlaguna designed by Ed Canape
Author: semlaguna
Author URI: http://www.semlaguna.com


/*-----------Block Level Elements--------------*/

Body { background-color:#ffffff;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
}
	 
a {	color: #333333;
}

#page { 
	width: 100%; 
	padding:0px;
	margin:0px;
	}

	
#header {  
	width: 906px;
	height:301px;
	margin: 0 auto;
 	color:#333;
	overflow:hidden;  
	background: url(images/header.jpg) no-repeat;
}
#respond { font-size:14px; color: #999999;
}

 
#header a{ text-decoration:none; color:#333333;font-size:16px; font-weight:700; 
}
#header a:hover { color:#8cf; }
#header #header_menu a { font-size:11px;
}
#header #header_menu a:hover { font-size:12px; color:#8cf;
}

.description {
 
	width:500px; margin-top:170px; margin-left:290px; 
	height:84px;
	padding:0px;
 	color: #333333; overflow:hidden;
	}

/*--  NAVIGATION --*/

ul#navigation {
	float:right;
	list-style:none;
	margin:0px;	
    padding-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	height:20px;
	line-height:20px;	
	font-size:10px;
	overflow:hidden; 
	}

ul#navigation li {
	float:left;
	margin:0px 1px 0px 1px;border:1px solid #FFFFFF;
  	padding:0;
  	list-style:none;  
  	white-space:nowrap;	
  	background-color:#7DBD00;
	
	}

ul#navigation li a { 
	display:block;
	padding:0 10px;
	text-transform:uppercase;  font-size:12px;
	border:none;
	color: #FFFFFF;
	text-decoration:none;
  	}	
	
ul#navigation li a:hover,ul#navigation li a:active, ul#navigation li.current_page_item a{
	color: #CCffCC; /* JLW was ccc */
	background:#7DBD00;
	}

#wrapper { background-image:url(images/bodybg.jpg); background-repeat:repeat-y;  
	width: 905px;
	margin: 0 auto;
 	overflow:hidden;
	padding:0px;
	}

#content { 
	float: left;
	width: 632px;
	padding:10px;
}

#sidebar {
	width: 248px;
	float:right;
	padding:0px;
	margin:0px;
	
}
 
 
#footer { 	width: 906px; background-image:url(images/footerbottombg.jpg); background-repeat:no-repeat;

	margin:0 auto; 
	color: #333333;
	padding:0px;
}
 
	 #footer .sub{ height:50px;
	margin:0px;  
	color: #333333;
 	text-align:center;
 	}

#footer .sub a{
	color: #333333;
	padding:0px;
	margin:0px;
	}
	

#intro_box {
	background-color:#f4f3ea;
	padding:10px;
	border:3px solid #edebdd;
	margin-bottom:10px;
	}

#intro_box .title_intro{
	color:#3f647b;
	font-size:14px;
	
	}

/*-------------Headings-------------*/

h1 {

}

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

h3 {

}

h4 {

}

h5 {

}

/*-------------The Post-------------*/

#author_post {
	color:#989584;
	padding:0px;
	margin-bottom:20px;
	}

#category, #category_single {
	color: #333333;
	padding:5px 0px 0px 10px; 
	margin:0px;
 	width:500px; /* JLW was 200 */
	height:20px;
	font-size:12px;
	font-weight:bolder;
	clear:both;
	}
#category_single {padding:1px 0px 0px 10px; height:1px; width:200px;}

#category a{ 	color: #333333;
 text-decoration:none;	}
#category a:hover{ 	color: #8cf; /* was  #333333; */
text-decoration:underline;	}
	

#icon_comment {
	background:url(images/comments-small.gif) no-repeat;
	padding-left:20px;
	margin:0px;
	color: #333333;
	float:right;
	}

#icon_comment a{		color: #333333;
 text-decoration:none; }
#icon_comment a:hover{			color: #8cf; /* was  #333333; */
text-decoration:underline; }

.post h2 a, h2 a:hover, h2 a:active{
	color: #003399;
	text-decoration:none;
	padding:0px;
	margin:0px;
	font-size:18px;
	}

.post {	
  	margin-bottom:10px;
	padding:10px;  
	color: #666666;
	}

.post .title {
	border-bottom:1px solid #e5e5e5;
	padding:0px;
	margin:0px;
	}

.post p {
	text-align:justify;
}

.post a {
		color: #333333;

}


.post ul {

}

.post li {

}

.post img {
	float:left;
	margin:0px 10px 10px 0px;
	border:0px solid #999999;
	}

.post a img {
	border:0px solid #999999;
	}

#clear { clear:both; }

.entry a{
	color: #333333;
}

.entrytext .postmetadata {
	color: #333333;
}

.postmetadata alt {
	background:#f4f3ea;
	border:1px solid #edebdd;
}

.postmetadata a {
	
}



#icons { height:10px;
	list-style:none;
	margin:0px;	
    padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	}

#icons ul {
	padding-bottom:10px;
	margin-bottom:0px;
	}
	
#icons li {
	float:right;
	margin:0px 1px 0px 1px;
  	padding:0px;
  	list-style:none;  
  	white-space:nowrap;	
  	}

#icons li a {
	padding:0 10px;
	border:none;
	color: #666666;
	text-decoration:none;
  	}

#icons li a:hover {
	color: 	color: #8cf; /* was  #666; */
	text-decoration:underline;
  	}
	
#icons .comment_icon {
 	padding-left:10px;
	text-align:left;
}

#icons .edit_icon {
 	padding-left:3px;
	text-align:left;
}

.navigation {
font-size:14px; font-weight:bold;
margin: 10px 0 10px 0;
}
.alignleft_single, .alignright_single {
font-size:12px; 
}

.alignleft, .alignleft_single {
padding: 0 0 10px 0;
	width:250px;
	margin-bottom:10px;
	float:left;
	text-align:left;
	color: #333333;
}

.alignleft a, .alignleft_single a{ 
	text-decoration:none;
	color: #00309c; /* was #333333; */
}
.alignleft_single{padding:0;}

.alignright, .alignright_single {
padding: 0 60px 0 0;
	width:250px;
	margin-bottom:10px;
	float:right;
	text-align:right;
	color: #333333;
}
.alignright_single { text-align: left; padding: 0 0 0 0;}

.alignright a, .alignright_single a{ 
	text-decoration:none;
	color: #00309c; /* was #333333; */
}

.alignleft a:hover, .alignright a:hover,
.alignright_single a:hover, .alignleft_single a:hover { 
	color:#8cf; text-decoration:underline;
}


.center {

}

.pagetitle { font-size:12px; color:#999999;

}

blockquote {
	border-left:2px solid #e1c578;
	padding-left:10px;
}

cite {

}

a img {

}
img { border:0px;}

acronym, abbr {

}

/*--------------Sidebar------------*/

#sidebar ul {
	margin:2px 0px 10px 5px;
	padding:0px;
}

#sidebar ul h2 {
	width:218px;
 	font-size:12px;
	padding-left:10px;
	overflow:hidden;
	margin:0px;
 
	color: #003399;
 	}

#sidebar ul li {
	color:#333;
	list-style-type:none;
	margin-left:5px;
	padding:0px;
	}

#sidebar ul ul {
	width:211px;
	padding:5px 2px 10px 10px;
 	margin:0px 0px 10px 0px;
}

#sidebar ul ul li {
	padding-left:0px;
	margin-bottom:3px;
	list-style-type:square;
	list-style-image:url(images/arrow.jpg);
	/*border-bottom:1px dashed #CCCCCC;
	list-style-image:url(images/arrow.gif);*/
}

#sidebar ul ul ul {
	width:180px;
	padding-bottom:0px;
	padding-left:10px;
	background:none;
	border:none;
}

#sidebar ul ul ul li {
	list-style-type:circle;
	list-style-image:url(images/arrow2.jpg);
	padding-left:0px;
	margin-bottom:0px;
	/*border-bottom:1px dashed #CCCCCC;*/
}


#sidebar p {

}

#sidebar a {
	color: #000000;	text-decoration:none;

	}
	
#sidebar a:hover {
	color: #8cf;	text-decoration:none;
	}

#sidebar a:visited {

}


/*--------------Comments--------------*/



ol.commentlist {

}

ol.commentlist li {

}

ol.commentlist li.alt {

}

ol.commentlist a {

}

small.commentmetadata {

}


/*--------------Search Form-------------*/

#searchform {
	width:208px;
	padding:10px;
 	margin:10px 0px 10px 0px;
	
}

#searchform input {
	font-size:10px;
	border:1px solid #ccc;
}

#searchform #s {
	font-size:10px;
}


/*-------------Calendar-----------------*/
#date {
	float:left;
	width:45px;
	height:52px;
	background:url(images/date_bg.jpg) no-repeat;
	padding-top:0px;
	margin-right:10px;
	}

#date .y {
	text-align:left;
	font:10px bolder Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight:bold;
	margin-top:-1px;
	padding-left:6px;
	}

#date .d {
	text-align:center;
	font:10px bolder Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight:bold;
	margin-top:3px;
	}
	
#date .m {
	text-align:center;
	font:11px bolder;
	font-weight:bold;
	color: #333333;
	margin-top:0px;
	}
	
#date .j {
	text-align:center;
	font:22px bolder Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight:bold;
	margin-top:-2px;
}

#wp-calendar {

}

#wp-calendar th {

}

#wp-calendar a {

}

#prev a, #next a {

}

#wp-calendar caption {

}

/*-------------Images------------------*/


/*-------------SiteNav------------------*/
#sitenav {
	width: 900px; background-color:047CC7;
	padding-bottom:11px;
	margin:0 auto;
	overflow:hidden;
	}

#sitenav .title {
	border-bottom:3px solid #666666;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	margin:0px;
	color:#fff;
	}
	
#sitenav .box {
	font-size:11px;
	width:200px;
	float:left;
	padding:0px;
	margin:10px 10px 10px 10px;
	}

#sitenav .box ul {
	padding:5px 0px 0px 20px;
	margin:0px;
	}
	
#sitenav .box li {
	list-style-type:square;
	padding:3px 0px 3px 0px;
	border-bottom:1px dashed #8cadb8;
	margin:0px;
	color:#e1c578;
	}

#sitenav .box li a{
	color:#fffef5;
	text-decoration:none;
	}

#sitenav .box li a:hover{
	color:#8cf;
	text-decoration:underline;
	}
	
#sitenav .box2 {
	font-size:11px;
	width:400px;
	float:left;
	padding:0px;
	margin:10px;
	}

#sitenav .box2 ul {
	padding:5px 0px 0px 20px;
	margin:0px;
	}
	
#sitenav .box2 li {
	list-style-type:square;
	padding:3px 0px 3px 0px;
	border-bottom:1px dashed #8cadb8;
	margin:0px;
	color:#e1c578;
	}

#sitenav .box2 li a{
	color:#fffef5;
	text-decoration:none;
	}

#sitenav .box2 li a:hover{
	color:#8cf;
	text-decoration:underline;
	}

/*-------------Other------------------*/

hr {
	display: none;
}