/* @override http://localhost/tina_site/site/css/base.css */
/**
 * tinadurocher.com
 * 
 * base styles css
 * @author Mark Story <mark@mark-story.com>
 */
/* 
@group Reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;
	background: #fff;
	min-width: 850px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
h2 {
	margin: 0 0 1em 0;	
}
/* @end */ 

/* Containers */
body,
#header,
#content,
#main,
#nav,
#footer {
	font-family: helvetica, tahoma, verdana, sans-serif ;
	position: relative;
}
#header {
	min-height: 125px;
	width: 100%;
}
* html #header {
	height: 125px;
}

#content-inner {
	width: 900px;
	margin: 0 auto;
	padding: 25px 0 250px 0;	 
}

#main {
	float: left;
	width: 650px;
	padding: 14px;
}
#navigation {
	float: right;
	width: 202px;
}

/** clear fixes **/
#content-inner:after,
#header:after,
.gallery .thumbnails:after {
	content: '.';
	display: inline-block;
	display: block;
	clear: both;
	visibility: hidden;	
	height: 0;
}


/* @group header elements */
#header h2,
#header h1 {
	margin: 0 auto;
	width: 815px;
}
#header h1 {
	padding:42px 0 0 170px;
}
#header h2 {
	width: 730px;
	padding: 0 0 0 250px;
}


#contact {
	float: right;
	width: 271px;
	height: 129px;
	position: absolute;
	top:  20px;
	right: 10%;
}
#contact h2 {
	padding: 0;
	width: auto;	
}

/* @end */

/* @group content */
.home-image {
	margin-bottom: 1em;
}
#main p {
	margin:1em 0;
}

/** portfolio **/
.gallery h2 {
	padding: 0 0 0 106px;	
}
.gallery .thumbnails {
	margin: 2em 0;
	padding: 0 0 0 80px;
}
.thumbnails li {
	margin:10px;
	float: left;
	padding: 10px;
	background: #ccc;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px
}
.thumbnails li a {
	padding: 0;
	display: block;
}
.single-image {
	margin: 2em 0;
}


/** Greeting card listings **/
.gallery .greeting-cards {
	padding: 0 0 0 50px;
}
.gallery .greeting-cards li {
	width: 110px;
	float: left;
	clear: none;
	margin: 0 1em 1em 0;
}
.gallery .greeting-cards .order-code {
	display:block;
	float:right;
	font-size:10px;
}
.gallery .greeting-cards img {
	border: 1px dashed #ddd;
}
/* @group news */
.home-news h2 {
	margin-bottom: 1.3em;
}

.news-listing li,
.news-item {
	margin:0 2em 2em;
	position: relative;
}

#main .news-listing li .news-date,
#main .news-item .news-date {
	margin: 0.4em 0;
	position: absolute;
	top: 0px;
	right: 0px;
}
.news-listing h4,
.news-item h4 {
	margin: 0 0 0.6em 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ececec;
}


/* @end */
.paging .disabled {
	color: #999;
}
/* @end */


/* @group navigation */
#navigation li {
	padding:4px 0
}
.gallery .categories li li, 
#navigation li li {
	padding: 2px 5px;
}



/* @end */

#welcome { 
	width: 118px;
	margin:0 auto;
	display:block;
	text-align: center;
}
#welcome img {
	display:block;
}


/* @group Footer Elements */
#footer .inner {
	position: relative;
	width: 460px;
	margin: 0 auto;
	padding: 10px 0 10px 300px;
}
#contact-flower{
	position: absolute;
	top: -30px;
	left: -40px;
	
}
/* vcard reformat */
.vcard {
	margin: 1em 0;
}
.region, .postal-code, .country {
	display: none;
}

/* @end */