/*
Theme Name: La Plaza
Theme URI: http://lp.thecolorline.org/
Description: La Plaza theme
Version: 1.0
Author: Dave Bryand/Phillip Johnson
Author URI: http://www.wgbh.org/

*/

:link,:visited { text-decoration:underline }
a img,:link img,:visited img { border:none }

ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dd,dt { margin:0; padding:0 }
address { font-style:normal }

/* My standard defaults */
body{ line-height: 1; }
table{ border-collapse: collapse; }
/*td, th, caption{
	vertical-align: top;
	text-align:left;
}
*/
form{ }
img{ border: 0; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; margin: 0 0 1em 0;  }
h1,h2,h3,h4,h5,h6,pre,code, p, li{ line-height: 1.4em; }
p, ol, ul{ margin-bottom: 1em; }

/*.first{ margin-top: 0; }
.last{ margin-bottom: 0; }
*/



/*
From http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */








div.hr {display: none}
/*/*/a{}
div.hr {
  display: block;
  height: 2px;
  background-image: url(/wp-content/themes/laplaza/images/horizontal_dividers/white_fade.gif);
  background-repeat: no-repeat;
  background-position: center center;
  margin: 1.5em 0;
}
hr {display:none}
/* */









/* Box model hack example
div.content {
  border:20px solid;
  padding:30px;
  background: #ffc;
  width:400px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:300px;
}
html>body .content {
  width:300px;
}
 */


body { 
  color:#000; 
  font-size:85%;
  background: #f0ecfa;
  font-family:'lucida grande', tahoma;
}
/*a{ color: #684152; }
a:visited{ color: #82566a; }
a:hover, a:active{ color: #461a2d; }
*/

#navigation_wrapper, #top_wrapper, #bottom_wrapper{
  width: 100%;
}
#navigation_wrapper{
  background: #3e4779 url(/wp-content/themes/laplaza/images/navigation_background.gif) repeat-x top left;
}
#navigation {
  margin: 0 auto;
  width: 860px;
}
#top_wrapper{
  background: #fff url(/wp-content/themes/laplaza/images/top_background.gif) repeat-x bottom left;
}
#top{
  width: 860px;
  margin: 0 auto;
}
#archives_list #top{
  background: url(/wp-content/themes/laplaza/images/archive_background.gif) no-repeat 0px 120px;
}
#pages_about_joseph_tovares #top{
  background: url(/wp-content/themes/laplaza/images/about_joseph_tovares_background.gif) no-repeat 0px 120px;
}
#pages_about_la_plaza #top{
  background: url(/wp-content/themes/laplaza/images/about_la_plaza_background.gif) no-repeat 0px 120px;
}
#search_full_results #top{
  background: url(/wp-content/themes/laplaza/images/search_background.gif) no-repeat 0px 120px;
}

/* for understanding browsers */
#top_main{
  min-height:320px; 
  height:auto;
}
/* for Internet Explorer */
/*\*/
* html #top_main{
height: 320px;
}
/**/
#top_main {
  float:left;
  margin-left: 22px;
  padding-bottom: 2em;
  padding-top: 60px;
}
    #posts_show #top_main, #index #top_main {
      padding-top: 0;
      width:380px;
      margin-right: 40px;
    }
    #archives_list #top_main{
      width: 500px;
    }
#top_sidebar {
  float:left;
  width:405px;
}
    #archives_list #top_sidebar {
      float:right;
      border-left: 1px solid #f6af53;
      width:260px;
      padding-left: 20px;
      margin-top: 40px;
    }

#bottom_wrapper{
  background: url(/wp-content/themes/laplaza/images/bottom_background.gif) repeat-x top left;
}
#bottom{
  width: 820px;
  margin: 0 auto;
  padding: 50px 0;
}
#bottom_sidebar {
  float:left;
  width:380px;
  text-align:right;
  display:inline;
}
#bottom_main {
  float:right;
  width:405px;
  display:inline;
}
#footer {
  clear:both;
  padding: 2em 0;
  text-align:center;
  font-size: 80%;
  color: #cdc9d6;
  border-top: 1px solid #dfdbe8;
  width: 860px;
  margin: 0 auto;
}


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

#approval_required{
  padding: 10px;
  background: #742d4a url(/wp-content/themes/laplaza/images/player_background.gif) no-repeat top left;
  color: white;
}
.comment_content{
  border-top: 1px solid #dfdbe8;
  padding: 1em 0;
}
.comment_content p{
  font-size: 90%;
  color: #27181e;
  line-height: 1.4em;
}
.comment_content p.by{
  font-size: 85%;
  color: #724658;
  line-height: 1.4em;
}
#comments h3{
  margin: 0 0 2em 0;
}
table#comment_form {
  margin-top: 10px;
}
table#comment_form td {
  padding: 5px 2px 5px 0;
}
table#comment_form td.labels {
/*  width: 130px;*/
  text-align:right;
  padding-right: 10px;
}
#errorExplanation{
  color: white;
  background: red;
  padding:10px;
}
#errorExplanation li{
  list-style: square;
  margin-left: 20px;
  padding-left: 10px;
}
#header{
  padding: 30px 0;
/*  text-align:center;*/
}
#issue_body h2{
  font-size: 150%;
  color: #3d4576;
  margin-bottom: .5em;
  margin-top: 0;
  font-weight: bold;
}
#issue_body p{
  color: #27181e;
  line-height: 1.5em;
  font-size: 95%;
}
.links h4{
  color: #684152;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 2em;
}
.links ul li{
  font-size: 90%;  
  line-height: 2em;
}
.links li a{
  color: #684152;
}
.links li a:visited{
  color: #925b73;
}
.links li a:hover{
  color: #4a2e3a;
}
#new_comment{
  margin-bottom:2em;
  padding: 20px;
  background: #f7f4fb;
}
#player{
  width: 320px;
  background: #742d4a url(/wp-content/themes/laplaza/images/player_background.gif) no-repeat top left;
  padding: 30px;
  margin-bottom: 2em;
}
#post_list_links li{
  padding: .5em 0 .75em;
}
#post_list_links h3{
  line-height: 1em;
  font-size: 120%;
  margin-bottom: .15em;
  font-weight: bold;
}
#post_list_links h3 a{
  color: #3d4576;
}
#post_list_links h3 a:visited, #post_list_links h3 a:active{
  color: #565e89;
}
#post_list_links h3 a:hover{
  color: #202c76;
}

#post_list_links li p, #post_list_links li h4{
  margin: 0;
}
#sponsors{
/*  background: #ccc;*/
/*  padding: 40px 20px;*/
  text-align:center;
  margin-bottom: 2em;
}

a#tell_the_world, a#tell_the_world img{
  background: #bdbfdf;
}
a#tell_the_world:hover, a#tell_the_world:hover img{
  background: #fff;
}


/* Globals -------------------------------- */
/* --------------------------------------------- */

input.text, textarea.textarea, select.select{
	margin:0;
	font-size:100%;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
  background:#fff url(/wp-content/themes/laplaza/images/field_bg.gif) repeat-x top;
	color:#333;
	font-size: 12px;
  font-family:'lucida grande', tahoma;
}
input.text{
	padding:2px 0 2px 0;
}









/* Navigation -------------------------------- */
/* --------------------------------------------- */
#nav {
	margin: 0;
	padding: 0;
	height: 9px;
	list-style: none;
	display: inline;
	overflow: hidden;
	line-height: 9px;
	padding: 15px 0;
  margin-left: 20px;
	float:left;
	width: 574px;
}
#nav {
/*  text-align:right;*/
}
#search_form{
  text-align:right;
  float:right;
	width: 245px;
  padding-top: 9px;
	margin-right:20px;
}
#search_form input#search_field{
  background: #7c8ebd;
  color: #fff;
  width: 210px;
}
#search_form #submit{
  background: #2f365c;
  color: #bdbfdf;
  font-size:90%;
}

#nav li {
	margin: 0; 
	padding: 0;
  list-style: none;
	display: inline;
	line-height: 9px;
}
#nav a{
	margin-right: 40px;
	float: left;
	padding: 9px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:9px; /* for IE5/Win only */
}

#nav a:hover{
	background-position: 0 -9px;
}

#nav a:active, #nav a.selected{
	background-position: 0 -18px;
}

#about_la_plaza a  {
  width: 113px;
  background: transparent url(/wp-content/themes/laplaza/images/navigation/about_la_plaza.gif) top left no-repeat;
}
#about_joseph_tovares a  {
  width: 169px;
  background: transparent url(/wp-content/themes/laplaza/images/navigation/about_joseph_tovares.gif) top left no-repeat;
}
#archive a  {
  width: 56px;
  background: transparent url(/wp-content/themes/laplaza/images/navigation/archive.gif) top left no-repeat;
}
#rss_feed a  {
  width: 61px;
  background: transparent url(/wp-content/themes/laplaza/images/navigation/rss_feed.gif) top left no-repeat;
}
#search a  {
  width: 52px;
  background: transparent url(/wp-content/themes/laplaza/images/navigation/search.gif) top left no-repeat;
}




form ul{
	margin:0; 
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	margin:0;
	padding:4px 5px 2px 0px;
	position:relative;
}
form li:after, .buttons:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
form li, .buttons{display:inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

form li div, form li span{
	margin:0 5px 0 0;
	padding:0 0 8px 0;
	color:#000;
}
form li span{
	float:left;
}
form li div.left{
	display:inline;
	float:left;
	width:48%;
}
form li div.right{
	display:inline;
	float:right;
	width:48%;
}
form li div.left .medium, form li div.right .medium{
	width:100%;
}

.clear{
	clear:both;
}

form li div label.mini_desc, form li span label.mini_desc{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:10px;
	line-height:10px;
	color:#000;
	display:block;
}
form li .icon{
	float:left;
	margin:.1em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
}


/* ----- INFO ----- */

.info{
	display:inline-block; 
	clear:both;
	margin:0 0 1em 0;
	border-bottom:1px dotted #ccc;
}
.info[class]{
	display:block;
}
.info h2{
	font-weight:normal;
	font-size:160%;
	margin:0 0 3px 0;
	clear:left;
}
.info p{
	font-size:95%;
	line-height:130%;
	margin:0 0 1em 0;
}

/* ----- SECTIONS ----- */

form hr{
	display:none;
}
fieldset.section{
	border:1px dotted #ccc;
	margin:12px 0 15px 0;
	padding:5px 0 0 0;
}
fieldset ul{
	width:97%;
	margin:0 10px 10px 10px;
}
fieldset.section legend{
	font-weight:normal;
	font-size:110%;
	line-height:110%;
	margin:0 0 0 0;
	padding:0 5px 0 5px;
	display:inline-block;
	background:#000;
}
fieldset.section[class] legend{
	display:block;
	margin:0 0 0 8px;
}
fieldset.section p.secTxt{
	font-size:85%;
	margin:7px 15px 10px 13px;
}

/* ----- CRAP SECTIONS ----- */

fieldset.section{
	display:block;
	position:relative;
	border-left:none;
	border-right:none;
	border-bottom:none;
	margin-bottom:0;
}
fieldset.first{
	border-top:none !important;
	margin-top:0px;
	padding-top:1px;
}
fieldset.first h3{
	margin-top:0 !important;
}
fieldset ul{
	margin:0;
}
fieldset.section legend{
	display:none !important;
}
form .section h3{
	font-weight:normal;
	font-size:110%;
	line-height:130%;
	margin:9px 0 2px 9px;
}
form .section p.secTxt{
	margin-left:9px;
	margin-top:3px;
}

/* ----- BUTTONS ----- */

.button{
	cursor:hand !important;
}
input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.buttons{
	clear:both;
	margin-top:10px;
}
.buttons input{
	font-size:120%;
	margin-right: 5px;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
	line-height:150%;
	padding:0 4px 1px 0;
	border:none;
	color:#000;
	display:block;
	font-size:95%;
	font-weight:bold;
}
input.text, textarea.textarea, select.select{
	margin:0;
	font-size:100%;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(http://wufoo.com/images/fieldbg.gif) repeat-x top;
	color:#333;
}
input.text{
	padding:2px 0 2px 0;
}
input.currency{
	text-align:right;
}

input.checkbox, input.radio{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}
label.choice{
	font-size:100%;
	display:block;
	line-height:1.4em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	color:#000;
	width:90%;
}

textarea.textarea{
	margin-top:1px;
	font-family:Verdana, sans-serif;
}
select.select{
	margin:1px 0;
	padding:1px 0 0 0;
}
select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}
.safari select.select{
	margin-bottom:1px;
	font-size:120% !important;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}
input.tags{
	width:315px;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
	width:97%;
	background:#000;
	border:1px dotted red;
	margin-bottom:1em;
	text-align:center;
}
#errorMsgLbl{
	margin:7px 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000;
}
#errorMsg{
	margin:0 0 .8em 0;
	color:#000;
	font-size:100%;
}
#errorMsg strong{
	background-color: #FFDFDF;
	padding:2px 3px;
	color:red;
}
form li.error{
	background-color: #FFDFDF !important;
	border-bottom:1px solid #EACBCC;
	border-right:1px solid #EACBCC;
	margin:3px 0;
}
form li.error label{
	color:#DF0000 !important;
}
form p.error{
	color:red;
	font-weight:bold;
	font-size:10px;
	margin:0 0 5px 0;
	clear:both;
}

/* ----- REQUIRED ----- */

form .req{
	float:none;
	color:red;
	font-weight:bold;
}

form .required, form .required label{
  background: url(/wp-content/themes/laplaza/images/required.gif) no-repeat left 4px;
  padding-left: 10px !important;
/*  color: #993232;*/
  font-weight: bold;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
	background-color:#0007c0;
}
form .instruct{
	display:none;
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130%;
	font-size:80%;
	color:#000;
}
form .instruct small{
	font-size:100%;
}
form li.focused .instruct, form li:hover .instruct{
	display:block;
}
.noI form li{
	width:97% !important;
}
.noI .instruct{
	display:none !important;
}

/* ----- Password ----- */

ul.protected{
	list-style:none;
	margin:60px 0;
}
.protected li{
	text-align:center;
	padding:10px 0;
}
.protected h2{
	font-weight:bold;
	color:#DF0000;
	margin:0 auto 10px auto;
}
.protected label{
	font-size:120% !important;
	padding-top:10px;
	display:block;
}
.protected input.text{
	font-size:170% !important;
	width:380px;
	text-align:center;
}
.protected .buttons{
	margin:0;
}
.protected #saveForm{
	font-size:120% !important;
}


#errorExplanation{ background: #990000; color: white; padding: 10px 20px; margin: 1em 0; }
#errorExplanation ul { margin-left: 20px; list-style:disc; }
.fieldWithErrors { padding: 0; }

img.regular{
  padding: 20px;
  background: #b4602a url(/wp-content/themes/laplaza/images/image_background.gif) repeat top left;
}
img.right{
  float:right;
  margin: 0 0 20px 30px;
}
img.left{
  float:left;
  margin: 0 30px 20px 0;
}

.page_content ul li{
  list-style-type: disc;
  margin-left: 25px;
  padding-left: 10px;
}

.page_content a{
  color: #000;
  text-decoration: underline;
  padding:1px 2px;
}
.page_content a:hover{
  color: #fff;
  background: #b4602a url(/wp-content/themes/laplaza/images/image_background.gif) repeat top left;
}