body, html {
	margin: 0;
	padding: 0;
	color: #000;
	background: #EFEFFF url(images/background-page.png) repeat-y 50% 0;
	font: normal normal normal 10pt/150% verdana,sans-serif;
}
a {
	color: #026FDE;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #d01f3c;
	text-decoration: underline;
}
img {
	border: 0;
}
#wrap {
	width: 769px;
	margin: 0 auto;
	background: #fff;
}
#jump a {
	background: #E0EBF2 url(images/jump.png) repeat-x scroll 50% 0;
	color: #C6DFF8;
	display: block;
	height: 32px;
	padding-top: 3px;
	text-align: center;
	text-decoration: none;
}
#jump a:hover, #jump a:active, #jump a:focus {
	background-position: 50% -40px;
	color: #D01F3C;
}
#navigation {
	position: relative;
	background: #c6dff8 url(images/header.png) repeat-x scroll 0 -35px;
	height: 72px;
}
#navigation ul {
	position: absolute;
	bottom: 0;
	list-style-type: none;
	margin: 0;
	float: right;
	text-transform: capitalize;
	right: 10px;
	padding: 0;
}
#navigation li.selected {
	border-color: #ea2748;
}
#navigation li.selected a {
	background: #d01d3c url(images/red-gradient.jpg) repeat-y scroll 50% 50%;
	border-color: #ea2748;
	padding-bottom: 18px;
	margin-bottom: -18px;
}
#navigation li {
	display: block;
	position: relative;
	border: 1px #026fde solid;
	float: left;
	border-width: 1px 0 0 0;
	margin: 0 4px;
	bottom: 12px;
}
#navigation li a {
	display: block;
	position: relative;
	border: 1px #026fde solid;
	float: left;
	border-width: 1px 0 0 0;
	margin: 0 -1px 0 -1px;
	padding: 0.25em 1.5em 0.45em 1.5em;
	background: #026fde url(images/blue-gradient.jpg) repeat-y scroll 50% 0;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#navigation li a:hover, #navigation li a:active, #navigation li a:focus {
	background: #d01d3c url(images/red-gradient.jpg) repeat-y scroll 50% 50%;
	border-color: #ea2748;
}
#navigation li > a:hover, #navigation li > a:focus, #navigation li:hover, #navigation li:focus {
	border-color: #ea2748;
}
#navigation #home a {
	text-indent: -100em;
	background: none;
	width: 200px;
	border: 0;
	height: 40px;
	margin-top: -21px;
	position: absolute;
	left: -340px;
}
#navigation #home a:hover, #navigation #home a:active, #navigation #home a:focus {
	border-bottom: solid 2px #fff;
}
#sub-navigation {
	text-align: center;
	padding: 5px 0;
	margin: 0;
	font-weight: bold;
	background: #e3e6e9 url(images/header.png) repeat-x scroll 0 -107px;
}
#sub-navigation li {
	padding: 0 0.75em 0 0.75em;
	display: inline;
}
#sub-navigation li a {
	color: #d01d3c;
	padding-bottom: 0.3em;
	text-decoration: none;
}
#sub-navigation li.selected a, #sub-navigation li a:hover, #sub-navigation li a:active, #sub-navigation li a:focus {
	background: transparent url(images/red-gradient.jpg) no-repeat scroll 0 1.2em;
}
#main {
	background: #fffedf no-repeat scroll 20px 20px;
	border: 1px solid #F9F7ED;
	padding: 5px 30px 10px 90px;
	width: 50%;
	margin: 70px auto 130px;
}
#iphone {
	background: url(images/iphone-large.png) no-repeat;
	display: block;
	position: relative;
	height: 770px;
	width: 414px;
	margin-left: -48px;
}
#iphone img {
	width: 320px;
	height: 460px;
	border: 0;
	display: none;
	position: absolute;
	top: 157px;
	left: 47px;
}
#itunes-download {
	text-indent: -5000px;
	width: 300px;
	height: 70px;
	display: block;			
	background-image: url(images/itunes-download.png), url(images/itunes-downloadblur.png);
	background-repeat: no-repeat;
	background-position: 50% 50%, 0 -500px;
	margin: auto;
}
#itunes-download:hover { 
	background-position: 0 -500px, 0 -39px;}

blockquote {
	background: url(images/qm.gif) no-repeat scroll -7px -7px transparent;
	font-style: italic;
	margin: 0;
	min-height: 26px;
	padding: 0 0 0 40px;
}

.error404 #main {
	background-image: url(images/signpost-48.png);
}
.error404 #main h1 {
	margin-bottom: -10px;
}

.search-page #main {
	background-image: url(images/view-48.png);
}
.search-page #main h1 {
	margin-bottom: 8px;
}

.search #main {
	background-image: url(images/view-48.png);
}
.search #main h1 {
	margin-bottom: 7px;
}
.search #main h3 {
	margin-top: 10px;
}

.baby-girl-feeds-page #main {
	background-image: url(images/bgf-icon-border.png);
	background-position: 20px 63px;
}
.baby-girl-feeds-page #sub-navigation li {
	visibility: hidden;}
.baby-girl-feeds-page #main h2 a { 
	padding-left: 70px;
	color: #D01D3C;
	display: block;
	}
.baby-girl-feeds-page #main h2 a:hover { 
	text-decoration: none;
	}

.due-date-countdown-page #main {
	background-image: url(http://www.bassett-jones.com/wp-content/uploads/2011/10/ddcicon.png);
	background-position: 20px 63px;
}
.due-date-countdown-page #sub-navigation li {
	visibility: hidden;}
.due-date-countdown-page #main h2 a { 
	padding-left: 70px;
	color: #D01D3C;
	display: block;
	}
.due-date-countdown-page #main h2 a:hover { 
	text-decoration: none;
	}	

.tags-page #main {
	background-image: url(images/funnel.png);
}
.tags-page #main h1 {
	margin-bottom: 7px;
}

.all-page #main {
	background-image: url(images/books.png);
}
.all-page #main .post {
	color: #494949;
	padding: 5px 5px 5px 20px;
	margin: 20px 0;
	position: relative;
	min-height: 50px;
	background: #fff url(images/arrowleft.png) repeat-y 0 -75px;
}
.all-page #main .page {
	color: #494949;
	padding: 5px 5px 5px 20px;
	margin: 20px 0;
	position: relative;
	min-height: 50px;
	background: #fff url(images/arrowleft.png) repeat-y 0 -75px;
}
.all-page #main .modified {
	color: #AB6F4B;
	position: absolute;
	top: 5px;
	left: -55px;
	height: 55px;
	width: 50px;
	text-align: center;
}
.all-page #main .modified .month {
	font-family: georgia;
	font-size: 16pt;
	font-weight: bold;
	position: relative;
	top: 13px;
	color: #ab6f4b;
}
.all-page #main .modified .day {
	position: relative;
	top: -25px;
}
.all-page #main .modified .year {
	color: #ab6f4b;
	position: relative;
	top: -5px;
}
.all-page #main h2 {
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 150%;
	font-size: 10pt;
	border: none;
	font-weight: bold;
}
.all-page #main p {
	display: inline;
}

.about-page #main {
	background-image: url(images/cup.png);
}

.archive-page #main {
	background-image: url(images/book_open.png);
}
.archive-page #main .post {
	color: #494949;
	padding: 5px 5px 5px 20px;
	margin: 20px 0;
	position: relative;
	min-height: 50px;
	background: #fff url(images/arrowleft.png) repeat-y 0 -75px;
}
.archive-page #main .page {
	color: #494949;
	padding: 5px 5px 5px 20px;
	margin: 20px 0;
	position: relative;
	min-height: 50px;
	background: #fff url(images/arrowleft.png) repeat-y 0 -75px;
}
.archive-page #main .modified {
	color: #AB6F4B;
	position: absolute;
	top: 5px;
	left: -55px;
	height: 55px;
	width: 50px;
}
.archive-page #main .modified .month {
	color: #ab6f4b;
	font-family: georgia;
	font-size: 15pt;
	font-weight: bold;
	left: 4px;
	position: absolute;
	top: 17px;
}
.archive-page #main .modified .day {
	position: absolute;
	left: 10px;
}
.archive-page #main .modified .year {
	color: #ab6f4b;
	position: absolute;
	bottom: 0;
	left: 10px;
}
.archive-page #main h2 {
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 150%;
	font-size: 10pt;
	border: none;
	font-weight: bold;
}
.archive-page #main p {
	display: inline;
}

.contact-page #main {
	background-image: url(images/pencil.png);
	background-position: 30px 20px;
}

.contact-page #respond h3 { display: none;}


.wedding-page #main {
	margin: 0;
	padding: 0;
	width: inherit;
	border: none;
	background: none;
}
.wedding-page #column1 {
	float: left;
	padding: 0 25px 0 20px;
	width: 340px;
	border-right: solid 1px lightgoldenrodyellow;
}
.wedding-page #column2 {
	float: right;
	padding-right: 20px;
	width: 340px;
}
#main h1, #main h1 a {
	font: italic normal normal 27px Georgia;
	color: #444;
	letter-spacing: -1px;
	margin: 17px 0 0;
	line-height: 100%;
	clear: both;
}
#main h1 .post-edit-link {
	font-size: 10pt;
	color: blue;
}
#main h2 {
	border-bottom: 1px solid #aaa;
	font: normal normal normal 22px/1.5em Verdana,sans-serif;
	margin: 0.17em 0 0.6em 0;
	padding: 0.1em 0 0 0;
	color: #D01D3C;
	letter-spacing: -1px;
	clear: both;
	text-shadow:1px 1px 1px #E0EBF2;
	margin-left: -70px;
}
#main h3 {
	font: normal normal bold 122%/1.5em Verdana,sans-serif;
	margin: 0;
	padding: 0.17em 0 0.2em 0;
	clear: both;
}
.post-info, .post-info a {
	color: #808080;
	font-size: 8pt;
	margin-top: -7px;
}
.post-info p {
	margin: 0;
	border-top: dashed 1px gainsboro;
}
#footer {
	clear: both;
	background: #fff url(images/jump.png) repeat-x 50% -99px;
	color: #c6dff8;
	text-align: center;
	padding: 4px;
	height: 20px;
}
#footer a {
	color: #c6dff8;
}
#footer ul {
	list-style: none;
	padding: 4px 10px;
	margin: 0;
	display: inline;
}
#footer ul.left {
	float: left;
	padding-right: 0;
}
#footer ul.right {
	float: right;
	padding-left: 0;
}
#footer li {
	display: inline;
}
* html #footer {
	height: 1px;
}

.hugh-page #wrap {
	position: relative;
}
.hugh-page #main {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	border: none;
	color: #444;
}
.hugh-page #main h1 {
	font-family: Georgia;
	color: #AB6F4B;
	line-height: 100%;
	margin: 0;
	padding: 0 0 2px;
	position: absolute;
	right: 30px;
	top: 270px;
	z-index: 1;
	text-shadow:1px 1px 1px #E0EBF2;
}
.hugh-page #main h1 a {
	color: #AB6F4B;
	font-size: 26pt;
	letter-spacing: 0px;
}
.hugh-page #main h1 .post-edit-link {
	display: none;
}
.hugh-page #introduction {
	position: relative;
}
.hugh-page #main #introduction h2 {
	color: #784B2F;
	font-size: 18pt;
	font-family: georgia, sans-serif;
	font-style: italic;
	position: absolute;
	top: 170px;
	letter-spacing: 0;
	right: 30px;
	border: 0;
	z-index: 1;
	width: 360px;
	text-align: right;
	line-height: 120%;
}
.hugh-page #main h3 {
	margin-bottom: -16px;
}
.hugh-page #main .left {
	margin-top: 16px;
	width: 110px;
	height: 67px;
	background: #E3E6E9 url(images/projects.png);}
	
.hugh-page #main .right {
	margin-top: 16px;
	width: 110px;
	height: 67px;
	background: #E3E6E9 url(images/projects.png);}

.hugh-page #main .sfdo { background-position: 0 -55px;}
.hugh-page #main .wedding { background-position: 0 -387px;}
.hugh-page #main .portal { background-position: 0 -274px;}
.hugh-page #main .mypassword { background-position: 0 -109px;}
.hugh-page #main .myportal { background-position: 0 -219px;}

.hugh-page #introduction img {
	width: 769px;
	height: 400px;
	background: #f9f5ea;
	display: block;
}
.hugh-page #introduction p {
	padding: 0; margin: 0;
}
.hugh-page #column1 {
	float: left;
	padding: 0 25px 0 20px;
	width: 340px;
	border-right: solid 1px lightgoldenrodyellow;
}
.hugh-page #column2 {
	float: right;
	padding-right: 20px;
	width: 340px;
}
.hugh-page #flickr {
	clear: both;
	padding: 0 20px;
}
.hugh-page #flickr ul {
	list-style: none;
	padding: 0 0 20px 0;
	margin: 0;
}
.hugh-page #flickr li {
	display: inline;
}
.hugh-page #flickr li img { background: #E3E6E9; }

.right {
	float: right;
}
.left {
	float: left;
}

.contact-page #commentform {
	font-weight: bold;
	display: block;
	padding-top: 7px;
}
.contact-page #commentform input, .contact-page #commentform textarea {
	color: Navy;
	font-family: Verdana;
	font-size: 10pt;
	padding: 4px;
	width: 95%;
}
.contact-page #commentform #submit {
	width: 20%;
}
.contact-page #commentform .contactform_error {
	padding: 5px;
	border: solid 1px red;
	background: #fff;
}
.nobreak {
	white-space: nowrap;
}
.search-results .result {
	color: #494949;
	padding: 5px 5px 5px 20px;
	margin: 20px 0;
	position: relative;
	min-height: 50px;
	background: #fff url(images/arrowleft.png) repeat-y 0 -75px;
}
.search-results #main .modified {
	color: #AB6F4B;
	position: absolute;
	top: 5px;
	left: -55px;
	height: 55px;
	width: 50px;
}
.search-results #main .modified .month {
	font-family: georgia;
	font-size: 15pt;
	font-weight: bold;
	left: 4px;
	position: absolute;
	top: 17px;
}
.search-results #main .modified .day {
	position: absolute;
	left: 10px;
}
.search-results #main .modified .year {
	position: absolute;
	bottom: 0;
	left: 10px;
}
.search-results #main h2 {
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 150%;
	font-size: 10pt;
	border: none;
	font-weight: bold;
}
.search-results #main p {
	display: inline;
}
#slideshow {list-style:none; color:#fff}
#wrapper { display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:769px; height:515px; padding: 0; border:none; background:#fff;}
#information {position:absolute; bottom:0; width:769px; height:0; background-color: rgba(51, 51, 51, 0.6); color:#fff; overflow:hidden; z-index:200; }
#information h3 {padding:4px 8px 3px; font-size:22pt; font-family: georgia; font-style: italic; font-weight: normal;letter-spacing: -1px;}
#information p {padding:0 8px 8px; display: none;}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:45%; height:500px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {display: none;}
#thumbnails {margin-top:15px; margin-bottom: 65px;}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat;}
#slideleft:hover {background-color: white;}
#slideright {float:right; width:20px; height:81px; background: url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color: white;}
#slidearea {float:left; position:relative; width:724px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; width: 125px;}

/* small screen 	*/
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { 
	body, html { background: none; }
	#wrap {position: relative; width: auto; padding-top: 72px; background: #c6dff8 url(images/header.png) repeat-x scroll 0 -35px;}
	#main { margin: 0; width: auto;}
	#jump { display: none;}
	h1 { padding-bottom: 10px;}
	.all-page #main { background-position: 12px 12px;}
	.all-page #main .post { margin-left: -30px; margin-right: -15px; width: auto; background-position: 0 -65px;}
	.all-page #main .page { margin-left: -30px; margin-right: -15px; width: auto; background-position: 0 -65px;}
	#navigation {  position: absolute; bottom: -50px; text-align: left; width: 100%; height: auto; background: none;}
	#navigation ul { bottom: auto; float: none; position: inherit; right: auto; }
	#navigation li { display: block; text-align: left; width: auto; position: inherit; float: none; bottom: auto;}
	#navigation li a{ float: none; position: inherit;}
	#sub-navigation { position: absolute; bottom: -1040px; text-align: left; width: auto;background: none;}
	#sub-navigation li { display: block; padding: 15px; width: auto; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAABkCAIAAAA0W+b9AAAAVklEQVRIx+3WMQ6AIBBE0bn/XW0VRVFDCIHIb2hs5lebfdl+dUPaIeGFwWAwGAyGnyBBE3BBDCc0gJhThHTkEL4NoDws+MkghKa6fecO2rRBWqEJWKAH4OpMPw0oicoAAAAASUVORK5CYII=) repeat-x 0 -33px;  }
	#sub-navigation li a {display: block; padding-bottom: 20px;}
}