@charset "UTF-8";

/********** COMBINED.CSS **********/

/******************
	
	This style sheet combines into one file all the seperate 
	working files created during production, in order to cut
	down on the http requests and speed-up page loads.
		
	Author: InLikeALion
	For: www.marybainton.com and www.marybliss.com
	Last Modified: 20 September 2008 - 16:35

******************/


/********** RESET.CSS **********/

/******************
  	This is a modified reset derived from Eric Meyer's reset.
	See http://meyerweb.com/eric/tools/css/reset for the original.
	Author: InLikeALion
	For: www.marybainton.com and www.marybliss.com
	Last Modified: May 30 2008
******************/

/* v1.0 | 20080212 */

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;
}

body {
	color: #CCCCCC;
	background-color: #000000;
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
:link, :visited, a:hover, :active {
	color: #FFFFFF;
	text-decoration: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

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



/********** STRUCTURE.CSS **********/

/******************
	Author: InLikeALion
	For: www.marybainton.com and www.marybliss.com
	Last Modified: 23 September 2008 - 12:31
******************/
html,
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	background-attachment: fixed;
	background-image: url(../images/bg_body_gradient.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0;
	height: 100%;
	width: 100%;
}

#header {
	height: 60px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	position: fixed;
	top: 0px;
	border-bottom-color: #CC9933;
	z-index: 7;
	background-color: #000000;
	background-image: url(../images/bg_body_gradient.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#branding {
	width: 319px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	position: relative;
}

#nav-main {
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
	top: 26px;
	right: 20px;
}

#nav-port {
	margin: 0px;
	position: fixed;
	left: 30px;
	top: 52px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
	background-image: url(../images/bg_nav_port_transparent_300x400.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index: 5;
	display: block;
	width: 7em;
}

#portfolio   {
	position: absolute;
	left: 30px;
	top: 30px;
	margin: 0px;
	padding: 0px;
}

#mask-left {
	background-attachment: fixed;
	background-image: url(../images/bg_mask_left_gradient_26x200.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin: 0px;
	height: 100%;
	width: 26px;
	position: fixed;
	z-index: 30;
	left: 0px;
	top: 0px;
	padding: 0px;
}

#mask-right {
	background-attachment: fixed;
	background-image: url(../images/bg_mask_right_gradient_26x200.png);
	background-repeat: repeat-y;
	background-position: right top;
	margin: 0px;
	height: 100%;
	width: 26px;
	position: fixed;
	z-index: 30;
	top: 0px;
	padding: 0px;
	right: 0px;
}

#content {
	position: relative;
	z-index: 0;
}

#siteinfo {
	height: 40px;
	width: 100%;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CC9933;
	margin-top: auto;
	margin-right: 0px;
	margin-left: 0px;
	position: fixed;
	bottom: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	color: #999999;
	z-index: 6;
	background-color: #000000;
}

.siteinfo-legal {
	clear: both;
	float: left;
	margin-left: 30px;
	display: inline;
	margin-top: 8px;
}

.siteinfo-credits {
	text-align: right;
	margin-right: 30px;
	margin-top: 8px;
}



/********** CONTENT-LAYOUT.CSS **********/

/******************
	Author: InLikeALion
	For: www.marybainton.com and www.marybliss.com
	Last Modified: 19 September 2008 - 12:35
******************/

.display-thumbs {
	height: 250px;
	margin-left: 200px;
	position: relative;
	z-index: 0;
	top: 50%;
	margin-top: -125px;
}

.display-article-1page {
	text-align: justify;
	width: 650px;
	height: auto;
/*	border: 1px solid #FFF; */
	top: 22%;
	margin: 0 auto 3em;
	padding-bottom: 70px;
	position: relative;
	z-index: 2;
}

.width-oil {
	width: 4200px;
}

.width-watercolor {
	width: 5180px;
}

.width-pencil {
	width: 1840px;
}

.width-animals {
	width: 2420px;
}

ul.thumbnails {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	text-align: center;
	line-height: 1em;
}

ul.thumbnails li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.thumbnails a {
	display: block;
	float: left;
	margin: 0 30px 0 0;
	padding: 5px 5px 12px 5px;
	border: 1px solid #CCCCCC;
	border-top-color: #EEEEEE;
	border-right-color: #DDDDDD;
	border-bottom-color: #BBBBBB;
	background-color: #FFFFFF;
	text-align: center;
}
.img-in-article {
	float: left;
	margin: .38em 1.25em 1em 0;
}

table {
	margin-bottom: 20px;
}

tr {
}

th {
	padding-bottom: 14px;
	text-align: left;
}

td {
	padding-bottom: 10px;
}



/********** TYPOGRAPHY.CSS **********/

/******************
	Author: InLikeALion
	For: www.marybainton.com and www.marybliss.com
	Last Modified: 19 September 2008 - 12:35
******************/

#branding h1 {
	font-family: Futura, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	color: #FFCC33;
	line-height: 1em;
	margin-top: 16px;
	text-transform: uppercase;
	font-variant: normal;
	height: 33px;
	width: 319px;
	position: relative;
	overflow: hidden;
}

#branding h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-style: italic;
	font-weight: normal;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#branding  h1 a {
	font-family: Futura, Geneva, Arial, Helvetica, sans-serif;
	color: #FFCC33;
	line-height: 1em;
	margin-top: 16px;
	text-transform: uppercase;
	font-variant: normal;
}

#branding-txtreplace {
	background-image: url(../images/logo_mbb_319x44px.png);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #FFFFFF;
	margin-bottom: 16px;
}

h3, h3:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFCC33;
	font-style: italic;
	font-weight: normal;
	font-size: 1.25em;
	margin-bottom: 10px;
}

p {
	color: #c8c8c8;
	font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.88em;
	font-weight: 300;
	line-height: 1.7em;
	text-shadow:rgba(0,0,0,0.01) 0 0 0;
}

#content p {
	margin-bottom: 1em;
	text-align: left;
}

#content p:first-letter {
/* 	color: #ffffff; */
	font-size: 1.25em;
/* 	font-weight: 700; */
	}

/*#body-home #content p {
	text-align: justify;
}*/

.stand-out-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFCC33;
	font-style: italic;
	font-weight: normal;
	font-size: 1.5em;
	letter-spacing: .05em;
}

td {
	color: #CCCCCC;
}



/********** LINKS.CSS **********/

/******************
	Author: InLikeALion
	For: www.marybainton.com and www.marybliss.com
	Last Modified: 23 September 2008 - 12:22
******************/

a {
	color: #CCCCCC;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: none;
}

#nav-main li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

#nav-main a {
	text-align: center;
	float: left;
	font-size: 0.85em;
	padding: 10px;
}

#nav-main a:visited {
	color: #999999;
}

#nav-main a:hover {
	color: #FFCC33;
}

/* for current location indication */
#body-about #nav-main-about a,
#body-rates #nav-main-rates a,
#body-contact #nav-main-contact a {
	color: #FFCC33;
}


#nav-port li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#nav-port a {
	text-align: left;
	font-size: 0.85em;
	display: block;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}

#nav-port a:hover {
	color: #FFCC33;
	background-image: url(../images/bg_a_hover_transparent_200x50.png);
	background-position: 0px 0px;
}

/* for current location indication */
#body-oil #nav-port-oil a, 
#body-watercolor #nav-port-watercolor a, 
#body-pencil #nav-port-pencil a,
#body-animals #nav-port-animals a,
#body-other #nav-port-other a {
	color: #FFCC33;
}

.siteinfo-credits a {
	font-style: italic;
	font-weight: bold;
	color: #CCCCCC;
}

.siteinfo-credits a:visited {
	color: #FF3366;
}

.siteinfo-credits a:hover {
	color: #FFCC33;
}