/* @override http://ambientstudios.ca/themes/AmbientStudios/css/style.css?e */

/* $Id: style.css,v 1.1.2.9 2009/05/22 08:46:11 jmburnz Exp $ */

/**
 * @file style.css
 *
 * Use this file to override the Genesis core modular styles 
 * (such as the HTML elements in typography.css), module CSS 
 * and other Drupal styles. Anything that doesn't fit logically
 * into page.css, nodes.css, blocks.css or comments.css can go here.
 */

/**********************************************************
 *                    Body
 **********************************************************/
body {
  font-family:"Century Gothic", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
} 
body.front, body.not-front {
   /* all style rules pertaining to the font & background color or image. e.g.: */
   background: #b2b2b2 url(../images/bg_back.jpg) no-repeat top center;
}


/**********************************************************
 *                 HTML Elements
 **********************************************************/

h1 {}
h2 {
	font-weight:lighter;
	}
h3 {}
h4 {}
h5 {}
h6 {}

td, th {
border-bottom:0px solid #FFF;
margin:0;
padding:0.375em 0.5em;
}

p {
	margin-left:5px;
	}

strong {}
em, dfn {}
dfn {}

sup, sub {}

del {}
ins {}

blockquote {}
cite {}
q {}

address {}

ul {}
ol {}
li {}

dl {}
dd {}
dt {}


abbr {}
acronym {}

pre, code, tt {}
p code {}
samp {}
kbd {}
var {}


/**********************************************************
 *                 Global Link Styles
 **********************************************************/
a {
  text-decoration:none;
  margin: 0; 
  padding: 0;
}

a:link    {
	font-family:"Century Gothic", sans-serif;
	font-weight: lighter;
	color: #a61818;
	}
a:visited {
	font-family:"Century Gothic", sans-serif;
	font-weight: lighter;
	color: #a61818;
	}
a:hover   {
	font-family:"Century Gothic", sans-serif;
	font-weight: bold;
	color: #a61818;
	}
a:active  {
	font-family:"Century Gothic", sans-serif;
	font-weight: lighter;
	color: #a61818;
	}
a.active  {
	font-family:"Century Gothic", sans-serif;
	font-weight: lighter;
	color: #a61818;}

/* Set global a:active and a:focus styles. */
a:active,
a:focus {
  color: #C00000;
  border: 0;
}

/* Drupal sets this to black. */
li a.active {
	font-family:"Century Gothic", sans-serif;
	color: #a61818;
	}

/* Remove borders on linked images. */
a img {
  border: none;
}


/**********************************************************
 *                 Accessibility Classes
 **********************************************************/

/* Hide content without positioning issues. */
.invisible {
  height: 0;
  overflow: hidden;
}

/* Move content off screen where appropriate. */
.offscreen {
  position: absolute;
  left: -999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Completely remove content for all users.
   DO NOT use this for Skip links, display:none 
   hides content from screen readers! */
.remove {
  display: none;
}


/**********************************************************
 *                 Custom Styles
 **********************************************************/
/**
 * Here you can add custom stles for your theme that do not fit
 * into one if the modular stylesheets (such as the nodes, blocks,
 * page and comments stylesheets).
 */
	
.form-text:focus, .form-checkbox:focus, .form-radio:focus, .form-select:focus {
/* -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding; */
background:#f3e4e4 none repeat scroll 0 0;
border:1px solid #971f1f;
}
#block-views-tweets-block2 .block-content {
	font-size:10px;
}
#block-block-3 .block-inner {
	background-color:#FFFFFF;
	padding:0px;
	width:180px;
}

#block-block-3, #block-block-2, #block-views-comments_recent-block {
	float:left;
display:block;
width:180px;
}

#block-block-4 {
	float:left;
display:block;
clear:none;
float:left;
margin-right:10px;
width:350px;
}

#block-block-4 .block-inner {
	padding:0;
	line-height:110%;
	height:167px;
	width:350px;
	background-color:#edeff0;
}

#block-block-2 .block-inner {
	background: url(../images/sb_feature.jpg) no-repeat top left;
	width: 170px;
	height: 160px;
	padding-top:30px;
}


#block-views-comments_recent-block .block-inner {
	background-color:#FFF;
	padding: 10px 10px 10px 0;
	width:180px;
}

#block-views-comments_recent-block {
	background-color:#FFF;
	width:190px;
}
table.greet {
	margin:0;
	margin-top:4px;
}

	
#columns {
	display:inline-block;
	margin-bottom:-80px;
	margin-top: 50px;
}
.end {
	float:right;
	width:auto;
}
.latest_comment {
	font-size: 14px;
	font-weight:lighter;
	color:#a61818;
	float:right;
	width: auto;
}
.comment_view {
	float:right;
	width:auto;
}

.field-content {
	font-size:10px;
	line-height:110%;
}

#pricing {
	border:0px;
	border-color:#FFF;
}
#pricing .tr{
		border:0px;
	border-color:#FFF;
}
tbody {
border-top:0px solid #CCCCCC;
}

h1.price{
	font-size:20px;
	font-weight:lighter;
	color:#a61818;
}
h1.featured{
	font-size:12px;
	font-weight:lighter;
	color:#a61818;
}
#and {
	color:#a61818;
	font-size:16px;
	font-style:italic;
}
#meet{
	color:#000;
	font-size:15px;
}
#greet
{
	font-size:10px;
}
	

#eight {
	background: url(http://ambientstudios.ca/themes/AmbientStudios/images/a_eight.jpg) no-repeat top left;
	padding-top: 30px;
	padding-left: 10px;
	height: 200px;
	border:0px;
	border-color:#FFF;
}
#ten {
	background: url(http://ambientstudios.ca/themes/AmbientStudios/images/a_ten.jpg) no-repeat top left;
	padding-top: 30px;
	padding-left: 10px;
	border:0px;
	height: 200px;
}
#complete {
	background: url(http://ambientstudios.ca/themes/AmbientStudios/images/a_complete.jpg) no-repeat top left;
	padding-top: 30px;
	height: 200px;
	padding-left: 10px;
	border:0px;
}
#perhour {
	background: url(http://ambientstudios.ca/themes/AmbientStudios/images/a_custom.jpg) no-repeat top left;
	padding-top: 30px;
	padding-left: 10px;
	border:0px;
	height: 250px;
	vertical-align:top;
}
#engagement {
	background: url(http://ambientstudios.ca/themes/AmbientStudios/images/a_eng.jpg) no-repeat top left;
	padding-top: 30px;
	padding-left: 10px;
	border:0px;
	height: 250px;
	vertical-align:top;
}
#price_dl {
	background: url(http://ambientstudios.ca/themes/AmbientStudios/images/a_pricelist.jpg) no-repeat top left;
	padding-top: 60px;
	padding-left: 30px;
	border:0px;
	height: 250px;
	vertical-align:top;
}
td.portfolio {
	padding:0;
	margin:0;
	border:0;	
}
tr.portfolio {
	padding:0;
	margin:0;
	border:0;	
}
table.portfolio {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	margin:0;
	border:0;	
	border-bottom:0;
}
p.red {
	color:#a61818;
}
.red {
	color:#a61818;
}
h1.portfolio {
	font-size:20px;
	font-style:italic;
	font-weight:lighter;
	color:#a61818;
}
p.portfolio {
	color:#000;
}
#contact2
{
	background-color:#edeff0;
}
#contact
{
	padding:0;
	margin:0;
}
#lower {
	position:relative;
	top: -50px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#bigger {
	font-size:14px;
}
#node-490 {
	
}
#node-490 .node-inner{
	padding:0;
	
}
ul.primary {
border-bottom-color:#CCCCCC;
margin:1.5em 0 0;
padding:0 0 0.2em 0.3em;
position:relative;
top:-20px;
}
p.intro_red {
	float:right;
	color:#a61818;
	font-size:14px;
	margin-right:5px;
	margin-bottom:5px;
	font-style:italic;
	width:auto;
}
td.intro {
	background-color:#edeff0;
	padding:0;
}
table.intro {
	padding:0;
	border:none;
	margin:0;
	width:950px;
}
p.intro {
	font-size:12px;
	margin-left:5px;
	margin-bottom:5px;
}

/* Added Styling */

#genesis-1b {
	background-position-x: 49%;
}

#block-nice_menus-2 {
	margin-top: 80px;
}

h1#page-title {

	top: -65px;
	}

#footer-message {
	left: -100px;
}

.feed-icon {
	margin-left: 520px;
}


/* Safari hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	
	#foot-wrapper{
		margin-left: 0px;
	}

	#container {
		position: relative;
		left: 1px;
	}

	#genesis-1b {
		background-position-x: center;
		
	}	
  }