/*
Theme Name: Passport Boutique Default Theme
Theme URI: http://www.franklinsquarehousefoundation.org
Description: Default theme for the Franklin Square House.  Designed by Fyfe Design.  Built by Splendid Noise.
Author: Fyfe Design
Author URI: http://www.fyfe.com
Tags: fyfe, three column

	This theme was built by Jesse Beach, Splendid Noise Design

*/

/* RESET DEFAULT BROWSER STYLES */
body, h1, h2, h3, h4, p, a, ul, ol {margin:0;padding:0;}
li {list-style-type:none;}
img {border:none;}
body {
	font-size: 0.625em; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color: #4A3636;
	text-align: center;
	min-width:925px;
	background: white url(images/pattern2.jpg) top left repeat;
}
/* TEXT STYLES */
h1, h2, h3, p, a, ul, ol {font-size: 1em;}
p, a, h2 {
	line-height: 1.8em;
	letter-spacing: 0.01em;
}
a {
	color: #4A3636;
	text-decoration:none;
}
a:hover {
	color: #CF1C6A;
	text-decoration:none;
}
*:focus {
	outline-style: none; 
	-moz-outline-style:none;
}
h1 {
	font-size: 1.4em;
}
h1,h2,h3,h4,h5,h6 {
	color: #6699cc;
}
.entry ul,
.entry ol {
	padding:0 0 0 25px;
}
.entry ul li {
	list-style-type: disc;
}
.entry ol li {
	list-style-type: decimal;
}
.entry p,
.entry ul {
	margin:0 0 1em 0;
}
.entry ul {
	overflow: hidden;
}
#main-column.press .entry p,
#main-column.press .entry ul {
	margin: 0;
}
blockquote {
	font-style: italic;
}
strong {
	color: #CF1C6A;
}
/* ANCHOR STYLES */
#wrapper {
	position: relative;
	width:900px;
	height: 700px;
	overflow:hidden;
	margin: 48px auto 100px;
	background: transparent;
}
#wrapper-bg {
	position: absolute;
	top:0; right:0; bottom:0; left:0;
	width: 900px;
	height: 700px;
	background-color: #67BEC5;
	z-index: 10;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#remove-flash-wrapper {
	position: absolute;
	top: 20px;
	width:100%;
	height: 20px;
	overflow:hidden;
	background: transparent;
	text-align:center;
}
#page {
	width: 855px;
	height:570px;
	text-align:left;
	position:absolute;
	background-color: #FFF;
	z-index: 500;
	top: 63px;
	left: 23px;
}
#mast {
	position: absolute;
	top: 0;
	width: 840px;
	height: 98px;
	text-align: right;
}
#headline {
	position: absolute;
	top: 0;
	left: 14px;
	width: 400px;
	height: 98px;
	text-align: left;
	background: transparent url("images/image-sprite.gif") left -386px no-repeat;
	text-indent: -9999px;
	}
/* Mast */
#mast {
	font-size: 1.1em;
}
#mast .contact {
	position: absolute;
	top: 10px;
	left: 400px;
	text-align: left;
}
#mast span.address {
	color: #CF1C6A;
}
#mast .description {
	position:  absolute;
	top: 40px;
	left: 355px;
	color: #00929F;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}
/* Center column */
#main-column {
	position: absolute;
	width: auto;
	height: 426px;
	top: 168px;
	left: 250px;
	right: 75px;
	overflow: hidden;
	z-index:100;
}
#main-column.high { /* for ie6, may it rot */
	top: 90px;
}
#main-column.press {
	z-index:100;
	height: 506px;
	right: 75px;
	width: 5
}
#main-column.blog {
	height: 502px;
	width: 586px;
}
#main-column.press #press-title {
	position: absolute;
	top: 383px;
	left: 3px;
	color: #4A3636;
	font-weight: normal;
}
.blog #the-posts {
	overflow:auto;
	height: 502px;
	width: 471px;
}
/* Content */
.entry {
	overflow: hidden;
	clear:both;
}

/* Nav */
#nav {
	position: absolute;
	top: 148px;
	left: 0;
	width:230px;
}
#nav li {
	display:block;
	width: auto;
}
#nav li a {
	display: block;
	height: 68px;
	width: 250px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(images/image-sprite.gif);
	text-indent: -9999px;
	}
#nav li a:hover {
	}
#nav li.current_page_item a:hover {
	cursor:default;
	}
/* Pages */
.general #the-posts,
.designers #the-posts{
	height: 426px;
	width: 551px;
}
.general #the-posts .post,
.designers #the-posts .post{
	width: 530px;
}
/* Archive List */
#archive-list {
	position: absolute;
	width: 120px;
	top: 84px;
	right: 0;
	text-align: center;
}
#archive-list li {
}
#archive-list li a {
	color: #CF1C6A;
}
#archive-list li a:hover {
}
#archive-list li.current-cat a {
	color: #4A3636;
	font-weight: bold;
	cursor: pointer;
}
#archive-list h4 {
	background: transparent url(images/image-sprite.gif) -406px -394px no-repeat;
	text-indent: -9999px;
	width: 120px;
	height: 34px;
}
#archive-list li ul {
	margin-top: 12px;
}
/* Designer Page */
#main-column.designers li {
	padding: 3px 0 0 0;
}
#main-column.designers li.column-header {
	padding: 10px 0 0 0;
	color: #CF1C6A;
}
#main-column.designers li.first {
	padding: 0;
}
#main-column.designers div.li_container ul {
	margin: 0 30px 0 0 ;
}
#main-column.designers #li_container1 {
	height: 26em;
	overflow: hidden;
}
/* Blog */
#main-column.blog .post {
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-style: solid;
	border-color: #4A3636;
	border-width: 0 0 1px 0;
	overflow: hidden;
	width: 450px;
}
#main-column.blog .last {
	border: medium none;
}
#main-column.blog .post h2 {
	display: block;
	font-size: 1em;
	font-weight: bold;
	color: #CF1C6A;
	line-height: 1.8em;
}
#main-column.blog .post h2 .small {
	display: inline-block;
	font-size: 0.9em;
	color: #4A3636;
	line-height: 1.8em;
}
#main-column.blog .post .image {
	clear: both;
	margin-top: 1em;
}
#main-column.blog .post .first-image {
	margin: 0;
}
#main-column.blog #the-posts .postmetadata {
}
.archive .navigation,
.single .navigation{
	width: 450px;
	height: 20px;
}
.archive #the-posts {
	height: 460px;
}
.single #the-posts {
	height: 480px;
}
#main-column.blog #commentform textarea {
	width: 380px;
	height: 80px;
}
/* Footer */
#footer {
	position: absolute;
	text-align: center;
	font-size: 0.89em;
	z-index:100;
	bottom: 8px;
	width: 100%;
	left:0;
}
#footer li {
	display:inline;
	padding: 0 4px;
}
/* Rounded Boxes */
.page-top,
.page-top div,
.page-bottom,
.page-bottom div {
	position: relative;
	background:transparent url(images/image-sprite.gif) -10px -20px no-repeat;
	background-color: inherit;
	font-size:1px;
	height:45px;
	line-height:0pt;
	overflow: hidden;
}
.page-top {
	position: absolute;
	top:18px; right:22px; left:23px;
	background-position:-23px -526px;
	border:medium none;
	padding:0pt 0pt 0pt 45px;
	z-index:100;
}
.page-bottom {
	position: absolute;
	right:22px; bottom:32px; left:23px;
	background-position:-223px -526px;
	border:medium none;
	padding:0pt 0pt 0pt 45px;
	z-index:100;
}
.page-top div {
	background-position:634px -526px;
	padding:0pt 45px 0pt 0pt;
	z-index: 20;
}
.page-bottom div {
	background-position:434px -526px;
	padding:0pt 45px 0pt 0pt;
	z-index: 20;
}
.page-top div div,
.page-bottom div div {
	background-image: none;
	background-color: #FFF;
	width: auto;
	height: 45px;
	z-index: 30;
	padding: 0;
	/*background:none repeat scroll 0% 0%;*/
}
/* Sliding Divs */
div.scrollable { 
	/* required settings */ 
	position:relative; 
	overflow:hidden;          
	width: 530px;     
	height:380px;     
} 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;         
}
div.scrollable div.items div.post {
	width: 530px;
	float: left;
}
#controls {
	clear: both;
	height: 23px;
	background-color: #cce9ec;
	padding: 2px 2px 0 0;
}
#controls li {
	float: right;
}
#controls a {
	display: block;
	background-image:url(images/pressNav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height:21px;
}
#controls a:hover {
	cursor: pointer;
}
#controls a.next {
	background-position: -109px 0;
	width: 31px;
}
#controls a.play {
	background-position: -84px 0;
	width: 25px;
}
#controls a.stop {
	background-position: -60px 0;
	width: 25px;
}
#controls a.prev {
	background-position: -29px 0;
	width: 31px;
}
#controls a.download {
	display:block;
	background: transparent url(images/further-action.gif) 0 0 no-repeat;
	width: 112px;
	height: 21px;
	overflow: hidden;
	margin: 0 8px 0 0;
}
 
/* you may want to setup some decorations to active item */ 
div.items div.active {
}
#thumbnails {
	margin-top: 7px;
	height: 92px;
	width: 530px;
	z-index: 120;
}
#thumbnails li {
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 4px 5px 0;
	width: 44px;
	height: 44px;
	text-align: center;
}
#thumbnails a {
	color: #FFF;
	display: block;
	border: 2px solid #F3F3F3;
	text-align: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
}
#thumbnails a:hover {
	border-color: #CF1C6A;
}
#thumbnails a.active {
	border-color: #CF1C6A;
}

/* JScrollPane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	display:none;
	position: absolute;
	cursor: pointer;
	left: 20px;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 20px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: transparent url("images/arrows.gif") 0 0 no-repeat;
	height: 16px;
	width: 16px;
}
a.jScrollArrowUp:hover {
	background-position: -16px 0;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: transparent url("images/arrows.gif") 0 -18px no-repeat;
	height: 16px;
	width: 16px;
}
a.jScrollArrowDown:hover {
	background-position: -16px -18px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* Tables */
table td {
	vertical-align: top;
	width: 62%;
	padding: 0 10px 0 0;
	line-height: 1.8em;
}
table td li { /* This is just for the Contact page table */
	margin: 0 0 10px;
}
/* Generic Classes */
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.centered-content {
	text-align: center;
}
/* Intro Flash Movie */
#intro-flash {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 580px;
	overflow: hidden;
	background-color: #02919f;
	z-index:1000;
	padding: 120px 0 0 0;
}
#remove-flash {
	display: block;
	width: 900px;
	margin: 0 auto;
	text-align: right;
}
/* Image management */
.img-cropper-wide,
.img-cropper-wide-tall {
	width: 530px;
	max-height: 136px;
	height: auto !important;
	height: 136px;
	overflow: hidden;
	margin: 0 0 16px;
}
.img-cropper-wide-tall {
	max-height: 186px;
	height: auto !important;
	height: 186px;
}
.img-cropper-normal {
	width: 450px;
	max-height: 200px;
	height: auto !important;
	height: 200px;
	overflow: hidden;
	margin: 0 0 12px;
}

.img-cropper-left {
	width: 450px;
	max-height: 200px;
	height: auto !important;
	height: 200px;
	overflow: hidden;
	margin: 0 0 12px;
}

.img-cropper-right {
	width: 450px;
	max-height: 200px;
	height: auto !important;
	height: 200px;
	overflow: hidden;
	margin: 0 0 12px;
}
.img-cropper-center {
	width: 450px;
	max-height: 200px;
	height: auto !important;
	height: 200px;
	overflow: hidden;
	margin: 0 0 12px;
}