/* 

Theme Name: Sta Lucia Realtors Theme
Description: Sta Lucia Realtors Main Theme
Version: 1.0
Author: Marites Quitoriano (marites@orangefix.net)

*/



/* Remove all margin and paddings */

* {
   margin: 0;
   padding: 0;

}


 
html {
	height: 100%;
	margin-bottom: 10px;
}

body {
	height: 100%; 
	background: #fff url(images/body_bg.gif) top left repeat-x;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	line-height: 1.3em;
	color: #4D4D4D;
  	
}

/* Remove all border for images */

a img, img {
	border: none; 
	display: block; 
}



/* Hides Text */
.hidetext {
	display: none;
}

/* links */
a, a:link, a:visited {
	font-size: 100%;
	color: #2F2F2F;
	text-decoration: none;
}	


a:hover {
	font-size: 100%;
        color: #F4BB36;
	text-decoration: none;
}

.title, .title a, .title a:link, .title a:visited  {
color: #7A7623;
font-family: Arial, Helvetica, sans-serif;
}

.title a:hover {
color: #F4BB36;
}

.thumb {
	float: left;
	width: 80px;
	padding: 15px 5px 0px 10px;
}


.thumb  a img {
	border: #2F2F2F 1px solid;
	padding: 2px 2px;
	
}

.thumb  a:hover img {
	border: #F4BB36 1px solid; 
	padding: 2px 2px;
	background: #FFF;
	
}

.date {
font-size: .915em;
}

.more { 
padding-top: 4px;
font-size: .925em;
      
}


.more a, .more a:link, .more a:visited {
font-size: .925em;
font-weight: bold;
}

h1 {
font-size: 1.6em;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.4em;
}


h4 {
font-size: 1.3em;
}

h5 {
font-size: 1.2em;
}

h6 {
font-size: 1.02em;
}
 
#accessibility {
	display: none;
}



#wrapper
{
	width: 990px;
	margin: 0 auto;
	  
}

#header {
float: left;
width: 100%;
height: 114px;
background: url(images/header_bg.gif) 280px top no-repeat;
}

#logo {
float: left;
position: relative;
left: 30px;
top: 3px;
}

#logo, #logo a {
display: block;
width: 206px;
height: 104px;
}

#logo a {
  background: transparent url(images/stalucia_logo.gif) 0 0 no-repeat;
}

#banner {
float: left;
position: relative;
top: 10px;
left: 38px;
}


/* Navigation */
#topnav {
float: left;
width: 100%;
height: 30px; 
z-index: 90;
position: relative;
background: url(images/topnav_bg.gif) top left no-repeat;
}


#topnav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none; 
position: relative;
left: 50px;
}

#topnav li {
display: block;
float: left;
height: 20px;
position: relative;
}

#nav a {
float:left;
display: block;
text-decoration: none;
color: #fff;
height: 15px;
width: auto;
padding: 5px 25px 5px 25px;
text-align: center;
background: url(images/separator.gif) right 10px no-repeat;
}

#nav a:hover {
color: #F4BB36;
}


#nav li li a{
width: 12em;
display: block;
text-decoration: none;
color: #F4BB36;;
background: #2E3933;
padding: 5px 0 5px 0;
text-indent: 25px;
text-align: left;
}

#nav li li a:hover {
color: #FFFFFF;
width: 12em;
}

#topnav li>ul {
top: auto;
left: auto;
}

#topnav li ul { 
display: none;
position: absolute;
top:100%; left: 0;
width: 12em;
margin: 0;
height: 30px;
}


#topnav li li {
text-decoration: none;
color: white;
height: 20px;
text-align: left;
}


#topnav li:hover ul, #topnav li.over ul { /* lists nested under hovered list items */
display: block;
}


#maincontent {
float: left;
width: 962px;
position: relative;
left: 14px;
right: 14px;
}

#mainphoto {
position: relative;
top: 6px;
}


#mainphoto, #mainphoto a {
display: block;
width: 100%;
height: 252px;
}

#mainphoto a {
background: url(images/sta_lucia_team_2007.jpg) top left no-repeat;
}



#leftcontent {
float: left;
width: 626px;
}

#leftcontent .archivetitle {
padding: 15px 0 0px 15px;
}

#leftcontent #navigation {
padding: 10px 0 10px 15px;
}

#leftcontent .post {
padding: 15px 10px 10px 15px;
}


#leftcontent .post-player {
background: #000 url(images/team_bg.png) top left repeat-x;
padding: 5px 10px 10px 15px;
margin-top: 10px;
color: #fff;
}



#leftcontent .post-player .title a {
display: none;
text-indent: -9999em;
}

.player_position {
color: #fff;
text-transform: uppercase;
padding-bottom: 28px;
}

.player_badge {
float: left;
position: relative;
left: -15px;
padding-bottom: 7px;
width: 320px;
height: 91px;
}


#leftcontent .entry  {
padding-top: 10px;
}

#leftcontent .entry p {
padding-bottom: 8px;
}

#leftcontent .post img {
padding: 2px 4px;
}


#leftcontent .entry ul {
margin-left: 15px;
}


#leftcontent .postmetadata {
padding: 0 0 5px 15px;
}

#leftcontent .thumb {
padding: 0px 15px 0px 0px;
}


#mainnews {
float: left;
width: 100%;
position: relative;
top: 10px;
padding-top: 26px;
padding-bottom: 20px;
background: url(images/news_bg.gif) top left no-repeat;
}


#headline {
float: left;
position: relative;
left: 8px;
width: 312px;
height: 341px;
border-left: 2px solid #E8E8E8;
border-right: 2px solid #E8E8E8;
border-bottom: 2px solid #E8E8E8;
background: #fff;
}

#headline .entry img {
float: left;
position: relative;
left: 5px;
margin: 0 15px 10px 0px;
border: #2F2F2F 2px solid;
padding: 5px 5px;
background: #FFF;
}

#headline .more {
padding-left: 155px;
}

#newsarchive {
float: left;
position: relative;
top: 20px;
left: 8px;
width: 290px;
padding-bottom: 20px;
border-top: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
background: #fff url(images/newsarchive_bg.gif) top left repeat-y;
}

#newsarchive .thumb {
padding: 15px 5px 0px 15px;
}

#newsarchive .post {
float: left;
width: 100%;
padding: 0 0;
height: 95px;
border-bottom: 1px dotted #BFBFBF;
}


#newsarchive .title  {
float: left;
width: 160px;
padding: 15px 0 0 5px;
}


#newsarchive .date {
float: left;
padding: 0 0 0 5px;
}

#morearchive {
clear: both;
position: relative;
top: 8px;
left: 170px;
}


#morearchive, #morearchive a{
display: block;
width: 53px;
height: 14px;
}

#morearchive a {
 background: url(images/archive.gif) top left no-repeat;
}



#rightcontent {
float: left;
width: 332px;
padding-left: 4px;
}

#news, #realtorscorner {
float: left;
width: 100%;
position: relative;
top: 10px;
height: 354px;
padding-bottom: 30px;
margin-bottom: 10px;
background: url(images/archive_bg.gif) top left no-repeat;
}

#news h3.title {
background: transparent url(images/title_news.gif) top left no-repeat;
height: 16px;
position: relative;
left: 16px;
top: 4px;
}

#realtorscorner {
top: 10px;
} 

#realtorscorner h3.title {
background: transparent url(images/title_realtorscorner.gif) top left no-repeat;
height: 16px;
position: relative;
left: 16px;
top: 4px;
}


#realtorscorner .more, #realtors .more  {
clear: both;
position: relative;
left: 100px;
top: 5px;
width: 180px;
}


.newsarchive {
float: left;
position: relative;
top: 30px;
left: 22px;
width: 290px;
padding-bottom: 20px;
margin-right: -3px;
border-top: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
background: #fff;
}

.newsarchive .post {
float: left;
width: 100%;
padding: 0 0;
height: 95px;
border-bottom: 1px dotted #BFBFBF;
}

.newsarchive .date {
float: left;
padding: 0 0 0 5px;
}

.newsarchive .thumb {
padding: 15px 5px 0px 15px;
}


.newsarchive .title {
float: left;
width: 160px;
padding: 15px 0 0 5px;
}

#rightcontent #morearchive {
left: 200px;
top: 10px;
}


#gallery {
float: left;
width: 100%;
position: relative;
top: 10px;
padding-top: 26px;
padding-bottom: 40px;
background: url(images/gallery_bg.gif) top left no-repeat;
}

#photos {
float: left;
width: 294px;
position: relative;
top: 12px;
left: 20px;
}

#gallery2 {
float: left;
width: 500px;
position: relative;
top: 15px;
margin:0;
padding: 0;
}


#leftcontent #gallery3 {
float: left;
padding: 5px 29px 10px 15px;
background: #000;
position: relative;
top:0;
left:0;
color: #fff;
}

#leftcontent #gallery3 a {
color: #fff;
}

#leftcontent #gallery3 h6 {
color: #8dc63f;
padding-bottom: 3px;
}

#photos ul, #leftcontent  #gallery2 ul, #leftcontent  #gallery3 ul {
padding: 0;
margin: 0;
}


#photos li, #leftcontent  #gallery2 li, #leftcontent  #gallery3 li{
float: left;
padding:0;
margin: 0;
list-style-type: none;
}

#photos li a img {
display: block;
width: 75px;
height: 75px;
padding: 3px 3px;
margin: 6px 6px;
border: #CFCFCF 1px solid;
background: #FFFFFF;
}

#photos li a:hover img { 
border: #F4BB36 2px solid; 
padding: 2px 2px;
width: 75px;
height: 75px;
}

#leftcontent #gallery2 li a img, #leftcontent #gallery3 li a img  {
display: block;
width: 75px;
height: 75px;
padding: 3px 3px;
margin: 0 14px 14px 0;
border: #CFCFCF 1px solid;
background: #FFFFFF;
}

#leftcontent  #gallery2 li a:hover img, #leftcontent  #gallery3 li a:hover img {
border: #F4BB36 2px solid; 
padding: 2px 2px;
width: 75px;
height: 75px;
}

#videos {
float: left;
width: 300px;
position: relative;
top: 25px;
left: 10px;
border: 2px solid #DADADA;
background: #fff;
}

#videos h3 {
background: url(images/title_videos.gif) 17px 10px no-repeat;
width: 86px;
height: 25px;
}

#videos .post {
float: left;
padding: 0px 5px 0 18px;
width: 270px;
}

#videos .thumb {
padding: 6px 5px 0 0;
}

#videos .title {
padding: 6px 0;
}

#videos .more  {
position: relative;
left: 180px;
padding-bottom: 10px;
clear: both;
width: 100px;
}

#leftcontent #videos {
float: left;
border: none;
width: 590px;
position: relative;
left: 0;
top: 18px;
background: none;
}

#leftcontent #videos .post {
height: 150px;
width: 580px;
padding: 0 0;
}

#leftcontent #videos .thumb {
width: 140px;
padding: 3px 10px 0 0;
}

#leftcontent #videos .desc img {
display: none;
}

#subcontent {
float: left;
width: 962px;
position: relative;
left: 2px;
padding: 10px 0 0 0;
}

#realtors, #schedule, #forum {
float: left;
width: 313px;
height: 325px;
margin: 0 10px 0 0;
background: url(images/subcontent_bg.gif) top left no-repeat;
}

#realtors .newsarchive {
float: left;
position: relative;
top: 30px;
left: 15px;
width: 280px;
padding-bottom: 20px;
border-top: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
background: #fff;
}

#realtors h3.title {
background: transparent url(images/title_realtorscorner.gif) top left no-repeat;
height: 16px;
position: relative;
left: 16px;
top: 5px;
}

#schedule h3.title {
background: transparent url(images/title_schedule.gif) top left no-repeat;
height: 16px;
position: relative;
left: 16px;
top: 5px;
}

#forum h3.title {
background: transparent url(images/title_forum.gif) top left no-repeat;
height: 16px;
position: relative;
left: 16px;
top: 5px;
}

#forum {
margin: 0;
}

#subcontent .content {
padding: 20px 15px;
}

#forum ul { 
padding: 0;
list-style: none;
margin-top: 5px;
margin-left: 5px;
}

#forum li {
background: url(images/comment.png) top left no-repeat;
padding-left: 20px;
}

#forum li a {
color: #7A7623;
font-weight: bold;
}

#forum li a:hover {
color: #F4BB36;
font-size: .95em;
}

#forum .sftagp {
font-size: .91em;
}

#footer { 
clear: both;
width: 100%;
height: 15px;
/* background: url(images/footer_bg.gif) top left repeat-x; */
background: #838383;
}

#footertop {
float: left;
clear: both;
height: 31px;
width: 100%;
background: url(images/cover_footer_bg.gif) 0 3px no-repeat
}

.ddfmwrap {
float: left;
}

#comments {
float: left;
padding: 8px 0 0 15px;
width: 585px;
}



#comments li {
list-style-type:none;
margin:0;
padding:0;

}



#comments .format, #comments .formatformat {
padding: 5px 5px 5px 5px;
margin: 2px 0px;
}


#comments .format {
background: #F5F4F4;
}



/*

#comments .formatformat {

background: #E6E6E6;

}

*/


#comments .author {
font-style: italic; 
font-weight: bold;
font-size: 1.1em;
}


#comments textarea, #comments input {
background: #FFFFFF;
}


#comments p {
padding-top: 3px;
padding-bottom: 3px;
}


#comments textarea {
width: 580px;
}

textarea, input, select {
border: #999999 1px solid; 
}


textarea:focus, input:focus, select:focus {
border: 1px solid #00421F;
}

/* Team Roster page stylesheet */

#leftcontent .post #players a img {
padding: 3px 3px;
}


#leftcontent .post #players a:hover img {
padding: 2px 2px;
}

#players  {
padding: 10px 0 0 0;
margin: 0;
}

#players li {
float: left;
padding:0;
margin: 0;
list-style-type: none;
}

#players li a img {
display: block;
width: 160px;
height: 160px;
margin: 4px 8px 4px 0px;
padding: 3px 3px;
text-align: center;
background: #FFFFFF;
border: #CFCFCF 1px solid;
filter: alpha(opacity=90);
opacity: .90;
}

#players li a:hover img {
border: #F4BB36 2px solid;
background: #FFFFFF;
width: 160px;
height: 160px;
filter: alpha(opacity=100);
opacity: 1;
padding: 2px 2px;
}

/* Stylesheet for the cover page */
.cover {
background: #838383 url(images/cover_body_bg.gif) top left repeat-x;
}

#ctopcontent {
float: left;
width: 100%;
background: url(images/cover_topnav_bg.gif) top left no-repeat;
height: 30px;
position: relative;
top: 84px;
}

#cmaincontent {
float: left;
width: 962px;
position: relative;
left: 14px;
right: 14px;
background: url(images/cover_main_bg.gif) top left no-repeat;
height: 312px;
top: 88px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #f3a32a;
}


#coverphoto {
width: 420px;
height: 280px;
float: left;
position: relative;
top: 15px;
left: 20px;
right: 20px;
}



#coverphoto img {
float: left;
display:none;
position:absolute; 
top:0; left:0; 
}


#cfooter { 
float: left;
height: 31px;
width: 100%;
position: relative;
top: 95px;
background: url(images/cover_footer_bg.gif) top left no-repeat;
}

#tagline {
float: left;
position: relative;
width: 470px;
height: 312px;
text-align: center;
background: url(images/cover_believe.png) 60px 90px  no-repeat;
}

.text {
float: left;
position: relative;
left: 40px;
top: 200px;
height: 25px;
font-size: 1.85em;
}

.entersite {
font-size: 1em;
float: left;
position: relative;
left: 230px;
top: 230px;
color: #f3a32a;
}

.entersite a {
color: #f3a32a;
font-weight: normal;
text-decoration: none;
}

.entersite a {
text-decoration: underline;
font-weight: bold;
}

.entry .vs, .content .vs {
color: #7A7623;
}

.entry .teams, .content .teams {
font-weight: bold;
}

#schedule {
font-size: .92em;
}

#schedule h6 {
color: #7A7623;
font-size: 1.02em;
}

#schedule .more {
padding-left: 155px;
}


#schedule .vs {
color: #7A7623;
}

#schedule .teams {
font-weight: bold;
}

#scores, #sched, #standings {
padding-bottom: 4px;
}

#standings table {
width: 95%;
line-height: 1.4em;
}

.post .entry  table {
margin-bottom: 15px;
border-width: 1px 1px 1px 1px;
border-style: solid solid solid solid;
border-color: #F4BB36;
border-collapse: collapse;
border-spacing: 2px;

}

.post .entry  table th {
background: #F4BB36;
font-weight: bold;
text-transform: uppercase;
}



.post .entry table th, .post .entry table td {
padding: 3px;
border-width: 1px 1px 1px 1px;
border-style: solid solid solid solid;
border-color: #F4BB36;
}

#sforum table, #sforum th, #sforum td {
border: none; 
}
.simplepie {
padding: 0 20px;
}