/* talk of the north css file */
/* by Alison Harrison */

body { font-family: Verdana, Arial, Tahoma, "Trebuchet MS", sans-serif; }

/* this is for IE */
body { font-size: 11px; }

/* this is for all browsers except IE */
html>body  { font-size: 13px }



td { font-size: 13px; }
.moduletable, .moduletable-mini, .moduletable-mini td, .moduletable td { font-size: 11px; }


.maincontent td { line-height: 18px;}

body { text-align: center; }
#outer { margin: auto; text-align: left;}

h5 { font-size: 1em; clear: left; }
	

/* commonly  used elements */

a { font-weight: bold; text-decoration: none; color: #cc0000;}
a:hover { text-decoration: underline; }
a:visited { color: #770000;}

.moduletable a, .moduletable-main a, .moduletable-mini a { font-weight: normal; }

/* lists */

ul { margin: 0; padding: 5px 15px; list-style: square } 
li { margin: 4px 14px; padding: 0; }

/* recipe lists */
.recipe { padding: 5px; }
ul.recipe, .recipe ul { margin: 0; padding: 5px 0px; list-style: none;  border: 1px dashed #ccc;  } 
.recipe li { margin: 0; padding: 5px 15px ; font-style: italic; line-height: 14px;}

/*  menu lists */
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { margin: 0; padding: 0; }

/* forms */
select, input { border: 1px solid #000; font-size: 1em;}
.moduletable input, .moduletable-mini input { width: 130px; }

form { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, sans-serif; }

/* for images */

.contentpaneopen img, .contentpane img { margin: 0 10px 10px 0; }
img.bodyimg { float: left; margin: 10px 10px 10px 0px; border: 1px solid #000; }

/* menu */

#menu { height: 30px; }

#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { 
float: left;
padding-top: 4px;
}

#menu li a { 
display: block; 
padding: 0 20px 0 5px; 
margin: 0 10px 0 0;
}

#navblock a { color: #fff; text-decoration: none; font-weight: bold;}

#navblock input {  background: #666; color: #eee;}


/* layout devices */

#outer { margin: auto; width: 782px; border: 1px solid #000; }


/* special fix elements */
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#content {display: inline-table;}

/* Hides from IE-mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE-mac */

/* ---------------------------- */


#header { background: url(http://puertopollensa.com/AdsInProgress/joomlaTN/images/header.jpg) repeat-x top right; }

.maincontent { float: left; }
.maincontent { width: 580px;}
* html .maincontent { width: 575px; }

#columns {  float: right; margin-left: 10px; width: 185px;   }
* html #columns {  }


.newsflash { 
float: right; 
width: 180px; 
border-bottom: 1px solid #000; 
border-left: 1px solid #000;
background: #eee;  
display: block; 
}

img.bodyimg { display: block ! important; float: none;}

*  html #home .newsflash { overflow-x: hidden; }


.leftcolumn, .rightcolumn { 
float: right; 
width: 180px;   
border-left: 1px solid #000; 
border-bottom: 1px solid #000;
background: #eee; }

.rightcolumn { background: #fff; padding-top: 10px; }


.rightcolumn { 
width: 180px;   
}
* html .leftcolumn, * html .rightcolumn { }

.leftcolumn { background: #ddd; }

.maincontent .inner { padding-left: 10px; padding-top: 10px;  }
.leftcolumn .inner, .newsflash .inner { 
padding: 10px;
 }

.moduletable, .moduletable-main, .moduletable-mini { margin-bottom: 10px; }

#navblock { background: #000; margin-bottom: 10px; position: relative; }
#navblock .inner { padding: 4px; position: relative;  }
#menu { }
#search { position: absolute; top: 0px; right: 3px; }



#pathblock { height: 24px; margin-bottom: 0px; padding: 0px 8px; border-bottom: 1px solid #000; }
#issues { float: right;  }
#pathway { float: left; font-size: .9em; color: #999; }
#pathway a { color: #999;}


#footer { border-top: 1px solid #000; padding: 5px; 
background: #000; color: #aaa;}
#footer a { color: #ccc; }


/* table overring defaults */

table { width: 100%; border-collapse: collapse; }
td { padding: 3px 0; }

.blog table td { padding: 3px 10px 3px 0px; }
.blog table td+td { padding: 3px 0px; }

.buttonheading img { margin: 0 0 0 5px; }

.sectiontablefooter { background: #ccc; }
.sectiontableheader { background: #ccc; }

/* ---------------------------------- */
/* headings and body copy */

.componentheading { border-bottom: 1px solid #666;  margin-bottom: 10px;}


td.componentheading, .componentheading, td.contentheading, .contentheading, h1, h2 { 
font-family: arial, sans-serif; 
font-size: 18px;
font-weight: normal;
}


.contentheading a { font-weight: normal; font-size: .9em;}

.moduletable-main td.contentheading { border-bottom: 2px solid #ccc;}


.componentheading {
border-bottom: 3px solid #ccc;
}

h4 { font-size: 1.1em; }

td.modifydate, td.createdate { font-size: 10px ! important; text-align: right; border-top: 3px solid #ccc; color: #999; }


.moduletable h3, .moduletable-main h3, .moduletable-mini h3 { font-size: 1.1em; border-bottom: 1px solid #000; }

.moduletable-main h3 { margin-bottom: 10px;}
.newsflash .moduletable  h3 { margin-bottom: 5px; }



.newsflash ul, .mostread, .latestnews { list-style: none; padding: 6px 0; margin: 0 0; }
.newsflash li, .mostread li, .latestnews li { padding: 0 0 2px 0; margin: 2px 0; border-bottom: 1px solid #ccc;}
.newsflash .article_seperator { display: none;}
.newsflash .inner { padding-bottom: 0 ! important;}



/* the previous issues menu - this is a cheat, but it works. 
If you ever rearrange the menus, you might need to change the 
number in this css to ensure the previous issues are displayed. */

#menulist_root, #menulist_root ul, #menulist_root li { margin: 0; padding: 0; list-style: none; text-indent: 0; }

#menulist_root { margin-top: 10px; font-size: 12px; }
#menulist_root li { display: no ne; }
#menulist_root li#menuitem_3, #menulist_root li#menuitem_3 li { display: block; }
#menulist_root li a.mainlevel { display: none; }


/* this is to hide the blog content on the previous issues pages. It's a cheat too. */
#previousissues .previousissues h3, #previousissues .blog {  display: none;}


/* for images posted in content */
.left { float: left; border: 1px solid #000; margin: 0px 10px 10px 0px;}
.center { float: none; border: 1px solid #000; margin: 10px;}
.right { float: right; border: 1px solid #000; margin: 0px 0px 10px 10px ! important;}



/* ads */
#adbanner1 {border-bottom: 1px solid #000;}
#adbanner2 {border-top: 1px solid #000; padding: 10px 0px; text-align: center; }
#adbanner3 { background: #fff ! important; }

#adbanner3 img { border: 0px; }