/*----------------------------------------------------------------------------- 
GLOBAL Stylesheet for TrishasDesignStudio.com

version: 1.0
date created: 07/26/09 
date modified:	
author: Patricia Rorabaugh 
email: Trisha@TrishasDesignStudio.com
website: www.TrishasDesignStudio.com
-----------------------------------------------------------------------------*/ 

/* ------------------------------------------------------------------------------------
                                               GLOBAL RESET DEFAULTS
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
}
html
	{ overflow:-moz-scrollbars-vertical; }

body {
	line-height: 1;
	background-color: #666666;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {outline: none;} /*removes (in compliant browsers) the dotted box that appears around links when you click them */

a img { border: none } /*removes blue boarder in */
/* ------------------------------------------------------------------------------------
                                               TYPOGRAPHY
--------------------------------------------------------------------------------------- */ 

/* HEADINGS
--------------------------------------------------------------------------------------- */

 
h1 
	{
	padding:10px 0 0 0;
	letter-spacing:-1px;
	font-size:20px;
	color: #B61A28;
}
.page-title
{
	font-size: 36px;
	text-align: center;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 25px;
}


.article-link 
{
	font-size: 12px;
	padding: 0;
}

 
h2 
	{
	padding:15px 0;
	letter-spacing:-1px;
	font-size:18px;
	color: #C40F21;
	margin: 0;
}
 
h3 
	{ font-size:1em; font-weight:bold; }

/* COMMON FORMATTING TAGS
--------------------------------------------------------------------------------------- */
 
p, ul, ol
	{ margin:0; padding:0 0 15px 0; }
p  + p
	{ }
p
{
	line-height: 1.3;
	padding: 0 0 10px 0;
}

 
ul, ol
	{ padding:0 0 1.25em 1.5em; }
	
ul, ul ul, ul ul ul
	{	list-style-image:none; }
ul
	{ list-style-type:disc; }	
ul ul
	{ list-style-type:circle; }
ul ul ul 
	{ list-style-type:square; }
	
ol 
	{}
ol ol 
	{ list-style-type:lower-alpha; }
ol ol ol 
	{ list-style:lower-roman; }

blockquote 
	{ margin:1.25em; padding:1.25em 1.25em 0 1.25em; }
	
address
	{ margin:10px 0; }
address p 
	{ font-style:italic; padding:0px; }
 
small
	{ font-size:0.85em; }
 
img 
	{ border:0; }
.padding-left
{
	padding-left: 10px;
}

.padding-right
{
	padding-right: 10px;
}

.inline-right {
	display: inline;
	float: right;
	margin: 3px 0 10px 31px;
}
.inline-right img {
	margin-bottom: 4px;
}
.inline-left {
	display: inline;
	float: left;
	margin: 3px 31px 10px 0;
}
.inline-left img {
	margin-bottom: 0;
}	
.image-caption {
	color: #666;
	font: normal 11px Arial;
	margin:0;
}
	
sup 
	{ position:relative; bottom:0.3em; vertical-align:baseline; }
 
sub
	{ position:relative; bottom:-0.2em; vertical-align:baseline; }
 
acronym, abbr 
	{ cursor:help; letter-spacing:1px; border-bottom:1px dashed; }

/* LINKS 
--------------------------------------------------------------------------------------- */
/* a, a:link, a:visited, a:hover 
	{ text-decoration:underline; outline-style:none; } */

:link, :visited 
	{}
:-moz-any-link:focus 
	{outline:none;}
:link:focus, :visited, :focus 
	{  }
:link 
	{ color:blue; }
:visited 
	{
	color:#003399;
}
:link:hover, :visited:hover 
	{ color:#996600; }

a[rel~="nofollow"]::after 
	{ content:"\2620" color:#9900FF;	font-size:x-small; }
a[rel~="tag"]::after 
	{ content:url(images/favicon.ico); }
a[href^="http://"]:not([href*="carcampingfestival.org"])::after 
	{ content:"\2197"; }

a[rel~="nofollow"] { border:1px dotted red; background-color:#EED3DE !important }

{
}





 
/* FORMS 
--------------------------------------------------------------------------------------- */
form 
	{ margin:0; padding:0; display:inline; }
form p
	{padding:5px }	
fieldset 
	{
	padding:15px 10px;
	margin:8px 0px;
	border:1px solid #996600;
	font:14px sans-serif;
}
legend
	{
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	border:3px solid #000066;
	background-color:#000066;
}
label 
	{ float:left; width:25%; margin-right:0.5em; padding-top:0.2em; text-align:right; font-weight:bold; cursor:pointer; }
input, select, textarea 
	{ font:1em Arial, Helvetica, sans-serif; }
textarea 
	{ width:100%; line-height:1.25; }
/* TABLES 
--------------------------------------------------------------------------------------- */
 
table
	{ border:0; margin:0 0 1.25em 0; padding:0; }
table tr td
	{
	padding:2px;
	vertical-align: top;
}

/* GENERIC GLOBAL CLASSES 
--------------------------------------------------------------------------------------- */
.clear
	{ clear:both; }
.float-left
	{ float:left; }
.float-right
	{ float:right; }
.dropcap 
	{
	float: left;
	color: #999999;
	padding-right: 5px;
	line-height: 50%;
	font-size:5em;
}
.text-left
	{ text-align:left; }
.text-right
	{ text-align:right; }
.text-singlespace
{
	padding: 0;
	margin: 0;
}

.text-center
	{ text-align:center; }
.text-justify
	{ text-align:justify; }

.text-singlespace.
	 { margin:0; padding:0;}

.discreet 
	{ padding:0 0 8px 0; margin:0; color:#999999; font-size:10px; }
 
.bold
	{ font-weight:bold; }
.italic
	{ font-style:italic; }
.underline
	{ border-bottom:1px solid; }
.highlight
	{ background:#ffc; }
 
.wrap
	{ width:960px; margin:0 auto; }
 
.nopadding
	{ padding:0; }
.noindent
	{ margin-left:0;padding-left:0; }
.nobullet
	{ list-style:none;list-style-image:none; }

.img-left, .img-right
	{ padding:10px; }

.img-left
	{ float:left; margin:4px 10px 4px 0;}
.img-right 
	{ float:right; margin:4px 0 4px 10px; }
.img-right p, .img-left p
	{ padding:0 0 0 0; font-size:small; color:#7F8E29; font-style:italic; }	
.img-with-caption, .image-box-caption
	{ width:190px; text-align:center; }	
.img-caption
{
	font-size: 12px;
}
.img-caption-wrap
{
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
}


.image-box-caption	
	{ border:1px solid #000099; }

/*---------------------------------------------------------------------------------------
                        PSEUDO-CLASS SELECTORS & CORRESPONDING CLASSES
--------------------------------------------------------------------------------------- */

/* HEADER LAYOUT
--------------------------------------------------------------------------------------- */
 
#wrap {
	width:960px;
	margin:0 auto;
	background-image: url(/images/background-content-border.jpg);
	background-repeat: repeat-y;
	background-position: 3px 34px;
	padding: 0;
	border-left: solid black 1px;
	border-right: solid black 1px;
	background-color: #FFFFFF;
}
#top-border
{
	background-image: url(/images/background-border-bottom-top.jpg);
	height: 34px;
}


#header
	{
	height:254px;
	background-image: url(/images/website-header-sm.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
#main 
	{
	width:960px;
	background-color:#F9EFC5;
}


/* MIDDLE LAYOUT
--------------------------------------------------------------------------------------- */

#content 
	{
	margin:0 35px 0 35px;
	padding:30px;
	background-color: #F9EFC5;
	color: #333333;
	border-top: 0;
}
	
/* SIDEBAR LAYOUT
--------------------------------------------------------------------------------------- */
#side-bar 
	{
	width:200px;
	float:left;
	background-color:#66FF99;
}
#cta{
	width:150px;
	padding: 5px;
	margin: 5px;
	float: left;
	border: solid gray 1px;
	background-color: #FFFFFF;
}
#cta ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
#cta ul li {
  margin: 2px 0 6px 0; 
  padding: 0;
  font-weight: bold;
  line-height: 24px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 50%;
  }
#cta a {
	padding-left: 30px;
	color: #999999;
	text-decoration: none;
  }
#cta a:hover   {
	color: #0099FF;
}
#cta-1{
	background-image: url(/images/cta-email.gif);
}
#cta-2 {
	background-image: url(/images/cta-donate.gif);
}
#cta-3 {
	background-image: url(/images/cta-tell-a-friend.gif);
}
#cta-4 {
	background-image: url(/images/cta-active.gif);
}
#cta-5 {
	background-image: url(/images/cta-register.gif);
}

/* FOOTER LAYOUT
--------------------------------------------------------------------------------------- */

#footer
	{
	width:960px;
	padding:0 0 5px 0;
	text-align:center;
	background-color: #CCCCCC;
}
#legal 
	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000066; padding:2px; margin-bottom:10px; }
#footer-address p
	{ font-size:12px; color:#666666; padding:0; }
#santa-clara-website-design
{
	padding-top: 15px;
}
	
#santa-clara-website-design p  
	{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666; margin:15px 0 0 0; }

#santa-clara-website-design  a
	{ text-decoration:none; color:#999999; font-weight:bold; font-size:10px; }
#santa-clara-website-design  a:hover 
	{ color:#333333; }

.headline
{
	font-size: 16px;
}

.read-more
{
	font-size: 10px;
}

#homeless-arrests-80s
{
	width: 200px;
	float: right;
	margin: 0 0 0 15px;
	text-align: center;
	background-color: #FFFFFF;
	border: solid #000000 1px;
	font-size: 14px;
	font-weight: bold;
}

.image-padding-bottom
{
	padding: 0 25px 25px 0;
}

#join-us
{
	text-align: center;
	width: 450px;
	margin: 15px  auto;
	border: solid black 1px;
	background-color: #FFFFFF;
}