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

version: 1.0
date created: 08/24/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 {
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
}
html
	{ overflow:-moz-scrollbars-vertical; }

body {
	line-height: 1;
	margin: 0;
	background-color: #0000ff;
	background-image: url(/images/body-bg.png);
	background-position: center;
}
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;
	text-decoration: none;
} /*removes blue boarder in */
img
{
}

/* ------------------------------------------------------------------------------------
                                               TYPOGRAPHY
--------------------------------------------------------------------------------------- */ 

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

 
h1 
	{ padding:30px 0 25px 0; letter-spacing:-1px; font-size:2em; }
 
h2 
	{ padding:20px 0; letter-spacing:-1px; font-size:1.5em; }
 
h3 
	{ font-size:1em; font-weight:bold; }

/* COMMON FORMATTING TAGS
--------------------------------------------------------------------------------------- */
 
p, ul, ol
	{ margin:0; padding:0 0 15px 0; }
P + p
	{ }
 
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 
	{
	list-style-type:inherit

}
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: 0;
	margin: 0;
}
	
sup 
	{
	position:relative;
	bottom:0.05em;
	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 
	{ color:blue; }
:visited 
	{ color:green; }
:link:hover, :visited:hover 
	{ color:#996600; }
:link :active, :visited :active  
	{ color:fuchsia; }
 
/* FORMS 
--------------------------------------------------------------------------------------- */
form 
	{
	margin:0;
	padding:0;
}
form p
	{padding:5px }	
fieldset 
	{ padding:15px 10px; margin:8px 0px; border:1px solid #996600; font:14px sans-serif; background:#FFFFCC; }
legend
	{ margin-bottom:15px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; border:3px solid #000066; background-color:#000066; color:#FFFFCC; }
label 
	{ float:left; width:25%; margin-right:0.5em; padding-top:0.2em; text-align:right;  cursor:pointer; }
input, select, textarea 
	{ font:1em Arial, Helvetica, sans-serif; }
textarea 
	{
	line-height:1.25;
}
/* TABLES 
--------------------------------------------------------------------------------------- */
 
table
	{ border:0; margin:0 0 1.25em 0; padding:0; }
table tr td
	{ padding:2px; }

/* GENERIC GLOBAL CLASSES 
--------------------------------------------------------------------------------------- */
.clear
	{ clear:both; }
.float-left
	{ float:left; }
.float-left-img  
{
	float: left;
	margin: 0 25px 25px 0;
}

.float-right
	{ float:right; }

.float-right-img
{
	float: right;
	margin: 0 0 25px 25px;
}

.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-center
	{ text-align:center; }
.text-justify
	{ text-align:justify; }

.text-singlespace
	 { margin:0; padding:0;}
.text-highlight-outline
{
	background-color: #FFFF00;
	outline: solid #000000 1px;
}


.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; }
 
.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; }	
.image-box-caption	
	{ border:1px solid #000099; }
	
.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 -1.5em 0 1.5em;
}
/*---------------------------------------------------------------------------------------
                        PSEUDO-CLASS SELECTORS & CORRESPONDING CLASSES
--------------------------------------------------------------------------------------- */

/* HEADER LAYOUT
--------------------------------------------------------------------------------------- */
 
#wrap {
	width:960px;
	margin:0 auto;
	overflow: auto;
	background-color: #FFFFFF;
}

#header
	{
	height:100px;
	border-top: solid #0000ff 4px;
}
#main 
	{
	width:960px;
	overflow: auto;
	clear: both;
	background-color: #FFFFFF;
}


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

#content 
	{
	width:581px;
	margin:0 25px;
	background-color:#FFFFFF;
	padding:35px 5px 15px 5px;
	float: left;
}
	
/* SIDEBAR LAYOUT
--------------------------------------------------------------------------------------- */
#side-bar 
	{
	width:319px;
	float:left;
	clear: both;
}

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

#footer
	{
	width:960px;
	background-color:#EFA53C;
	padding:5px 0 5px 0;
	text-align:center;
	clear: both;
	margin: auto;
}
#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; }
#yelp
{
	width: 122px;
	float: left;
}
#yelp-reviews
{
	width: 197px;
	float: left;
}
#santa-clara-website-design 
	{
	text-decoration:none;
	color:#999999;
	width: 960px;
	text-align: center;
	margin: auto;
	padding: 15px 0 0 0;
	background-color: #0000FF;
}

#left-col
{
	width: 310px;
	float: left;
}

#right-col
{
	width: 641px;
	float: left;
}
#pricelist
{
	background-image: url(/images/chalk-board.jpg);
	width: 500px;
	height: 475px;
	background-repeat: no-repeat;
	text-align: center;
	margin: auto;
	padding: 35px 0 0 0;
	color: #FFFFFF;
}

.prices #wrap #main #content p
{
	text-align: center;
	font-size: 36px;
}
#ticker
{
	width: 319px;
	text-align: center;
	padding: 25px 0 50px 0;
	margin: 0;
	height: 15px;
	color: #990000;
}