/******************************************************/
/**** CSS fo FifthProvinceProductions template.css ****/ 
/******************************************************/ 
/* ************************ main *********************/ 
/******************************************************/ 

html { height: 100%; margin-top: 3px; padding-top: 2px; } 
body { font-family :Arial, sans-serif; font-size : 14px; line-height : 1.5em; margin-top : 0; background-color : #cccccc; }
.clr { clear: both; } .image { border:0; } 
div.center { text-align : center; } 
div#wrapper_outer { width : 850px; margin-left : auto; margin-right : auto; } 
div#wrapper { position : relative; top : 0px; } 
div#wrapper_inner { position : absolute; top : 0; left : 0; height : 130px; width : 850px; } 
a:link img { border-style : none; } 

/* ============================top and main ============================ */

div#container_top { position : relative; top : 0px; left : 0; width : 850px; height : 150px; } 
div#top_logo { position:relative; left:15px; top:30px; height:100px; width:100px; z-index:200; } 
div#title { position: absolute; top: 0px; left: 00px; height: 150px; width: 805px; background: url(../images/p5_title.png) no-repeat; z-index:100; }
#container_main { position : relative; top : 20px; left : 0; width : 850px; } 

/* ======================= left ================================ */ 
div#donate { position : absolute; top : 30px; left : -20px; width : 130px; height : 500px; background : #cccccc; url:(../images/p5_donate_normal.png) no-repeat;} 
div#left_column_outer { position : absolute; top : 0px; left : -20px; width : 130px; height : 500px; background : #cccccc; } 
div#left_column { position : absolute; top : 0; left : 0; } 
div#left_column_inner { position: absolute; top: 0; left: 0; width: 130px; text-align: left; height: 500px; } 
/* div#FandT { position:relative; left:45px; top:50px; width: 145px; height:160px; sborder:5px red solid; } */ 
div#facebook { position:relative; left :50px; top:10px; height:50px; width:50px; sborder:4px black solid; } 
div#twitter { position:relative; left :100px; top:-40px; height:50px; width:50px; sborder:4px black solid; }

/* ============================ OUTPUT ============================= */

div#main_output_outer { position : relative; top : 0px; left : 155px; width : 630px;
  background:white;border:2px solid black; }
div#main_output { width:100%; }
div#main_output_inner 
{
  padding-left :15px; 
  padding-right :15px; 
  text-align :left; width :600px; 
  height :auto; min-height :500px; }
div#main_output_inner > table.blog > tbody > tr > td { font-size:14px; }

/* -================================================ foot===========================================- */
div#footer { position : relative; top:-10px; left :145px; height : 120px; width : 900px; background : url(../images/bigfoot.png) no-repeat; z-index:100; } 
div#arts { position: relative; top:-20px; left: 0px; width: 170px; text-align: left; height: 126px; z-index:200; }

/* -================================================ Menu ===========================================- */ 
li {list-style:none;} li {list-style:none;} 
div.module_menu ul li a:link 
{ list-style : none; color : white; 
  font-weight : normal; font-size : 14px; 
  padding-bottom : 4px; text-align : left; 
  text-indent : 15px; text-decoration : none; 
  line-height : 30px; width : 120px;
  height : 36px; overflow : 
  hidden; display : block; background : url(../images/p5_menu_normal.png) no-repeat; }

div.module_menu ul li a:visited 
{ list-style : none; color : white; 
  font-weight : normal; 
  font-size : 14px; padding-bottom : 4px; 
  text-align : left; text-indent : 15px; 
  text-decoration : none; line-height : 30px; width : 120px; height : 36px; 
  overflow : hidden; display : block; background : url(../images/p5_menu_visited.png) no-repeat; } 

div.module_menu ul li a:hover 
{ list-style : none; color : black; 
  font-weight : normal; 
  font-size : 14px; padding-bottom : 4px; text-align : left; 
  text-indent : 15px; text-decoration : none;
  line-height : 30px; width : 120px; height : 36px; overflow : 
    hidden; display : block;
  background : url(../images/p5_menu_normal.png) no-repeat; } 

div.module_menu ul li a:active 
{ list-style : none; color : white; 
  font-weight : normal; 
  font-size : 14px; padding-bottom : 4px; 
  text-align : left; text-indent : 15px; 
  text-decoration : none; line-height : 30px; width : 120px;
  height : 36px; overflow : hidden; 
  display : block; background : url(../images/p5_menu_active.png) no-repeat; } 

/*************************** Headings **************************/

div.componentheading, 
div.componentheading_weblink
{ font-family:Arial, sans-serif; 
  font-size: 24px; 
  font-weight: bold; color: black; 
  text-align: right; width: 95%;
  background: white url(../images/p5_black_line.png) repeat-x; 
  height: 40px; padding: 5px; margin-top: 10px; margin-left: 10px; } 

td.contentheading 
{ font-size: 20px;
  font-weight: bold; color: black; text-align: right; width: 95%;
  background: white url(../images/p5_black_line.png) repeat-x; height: 25px; 
  padding: 5px; }
h3 { font-size: 12px; font-weight: normal; color: red; text-align: center; } 
table.moduletable th, legend 
{ margin: 0; font-weight: bold; font-size: 1.5em; padding-left: 0; margin-bottom: 10px; text-align: left; } 
table.blog span.article_separator { display: block; height: 20px; }

/* ======================== Content -------------------------- */ 

table.contentpaneopen h3 { margin-top: 25px; }
.contentpaneopen_edit { float: left; width:100%; min-height:550px; } 
table.contenttoc { margin: 5px; padding: 5px; float: right; }
table.contenttoc td { padding: 0 5px; } 
table.contentpaneopen, table.contentpane { margin: 0px; padding: 10px; width:100%; min-height:550px; background:white; padding-left:5px; padding-right:5px; }
table.contentpaneopen li { margin-bottom: 5px; }
table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; border:5px green solid; }
td.contentdescription {color:black;} 

/* ================================ Sections ======================= */ 

td.sectiontableheader { background: green; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; } 
tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; color:black; } 
td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; color:green; }

/* ====================== thumbnails ======================= */

div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #666; } div.caption { padding: 0 10px 0 10px; } div.caption img { border: 1px solid #CCC; } div.caption p { font-size: .90em; color: #666; text-align: center; }

/* ================ Forms ====================== */ 

form #com-form-login { width:450px; background:red;}
.input #username .inputbox { background:yellow;}
legend {font-size:12px; color:#b55077;}
legend:before { content:"[";} 
legend:after {content:"]";} 
select #ectionid .inputbox value {content:"Fifth Province Productions";}