/*
Theme Name: Fashion Incubator
Theme URI: http://www.fashion-incubator.com
Description: Custom WordPress theme for Fashion Incubator
Version: 1.0
Author: Derek Ashauer, ashwebstudio
*/
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #ddd9d4 url(_images/bg.gif) center top repeat-y;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Verdana;
    font-size: 12px;
    color: #000;
    line-height: 17px;
}
p, h1, h2, h3, h4, #content ul, #content ol, #content table, #wrapcentre ul {
	margin-bottom: 15px;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #0f314e;
    text-decoration: underline;
}
a:hover, a:active {
    color: #567b9a;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

img.alignright {
	float: right;
	margin: 0 0 10px 15px;
}
img.alignleft {
	float: right;
	margin: 0 15px 10px 0;
}

/* ----------------------------------- */
/* WRAPPER
/* ----------------------------------- */
#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {
	height: 129px;
	background: transparent url(_images/top.jpg) 0 0 no-repeat;
}
	#top ul {
		float: right;
		background: #FFF;
		padding: 0 10px;
		margin: 75px 0 0 0;
	}
		#top li {
			display: inline;
			padding: 0 30px 0 18px;
			line-height: 30px;
		}
		#top li#rss { background: transparent url(_images/icon-rss.gif) 0 2px no-repeat; }
		#top li#email-subscribe { background: transparent url(_images/icon-email.gif) 0 2px no-repeat; }
		#top li#donation { background: transparent url(_images/icon-money.gif) 0 0 no-repeat; }
		#top li a:link, #top li a:visited {
			color: #b22222;
			text-decoration: none;
		}
		#top li a:hover, #top li a:active {
			text-decoration: underline;
		}

/* ----------------------------------- */
/* MENU
/* ----------------------------------- */
#menu {
	background: #26408b;
	margin: 0 0 10px 0;
}
	#menu ul {
		padding: 0 20px;
	}
		#menu li {
			display: inline;
			line-height: 37px;
			list-style: none;
			padding: 0 10px 0 0;
			text-transform: uppercase;
			font-size: 12px;
		}
		#menu li a:link, #menu li a:visited {
			color: #FFF;
			text-decoration: none;
		}
		#menu li a:hover, #menu li a:active {
			text-decoration: underline;
		}

#search {
	float: right;
	height: 37px;
	line-height: 37px;
	background: #1e367d;
	padding: 0 20px;
}
	#search input {
		vertical-align: center;
	}

/* ----------------------------------- */
/* MAIN STRUCTURE / COMMON
/* ----------------------------------- */
#content {
	width: 625px;
	float: left;
}
	.post-data, .post-data a {
		font-size: 12px;
		color: #676767;
		font-family: Georgia;
	}
	.post-actions {
		font-size: 12px;
	}
		.post-actions a:link, .post-actions a:visited {
			color: #b22222;
		}
		.post-actions a:hover, .post-actions a:active {
			color: #d46a6a;
		}
	ul#post-actions {
		background: #EFEFEF;
		padding: 7px 10px;
	}
		ul#post-actions li {
			display: inline;
			list-style: none;
			padding: 0 30px 0 20px;
			font-size: 16px;
			margin: 0 !important;
		}
			ul#post-actions li#share { background: transparent url(_images/icon-group.gif) 0 3px no-repeat; }
			ul#post-actions li#email-friend { background: transparent url(_images/icon-email.gif) 0 3px no-repeat; }
			ul#post-actions li#add-comment { background: transparent url(_images/icon-comment.gif) 0 3px no-repeat; }
		ul#post-actions li a { text-decoration: none; }

#side {
	width: 275px;
	float: right;
	margin: 20px 0 0 0;
	display: inline;
}
	#side h2 {
		font-size: 18px;
		font-weight: normal;
		font-family: Georgia;
	}
	
	#colophon, #book, #subscriptions, #archives {
		margin: 0 0 35px 0;
	}
	
	#colophon p, #book p {
		font-size: 12px;
		line-height: 16px;
		color: #707070;
	}
	
	#subscriptions p {
		text-align: center;
	}
		#subscriptions img {
			vertical-align: middle;
			margin: 0 3px 5px 3px;
		}
	
	p#donate {
		padding: 0 0 0 18px;
		background: transparent url(_images/icon-money.gif) 0 3px no-repeat;
		font-size: 12px;
		line-height: 18px;
	}

.ad {
	text-align: center;
}
	.ad img {
		vertical-align: middle;
		margin: 0 20px;
	}
	
	#ad-area-1 {
		clear: both;
	}
	
	.ad	font { display: none !important; }
	

/* ----------------------------------- */
/* HOME
/* ----------------------------------- */

#featured {
	background: #f2f2f2;
	padding: 20px;
	margin: 0 0 25px 0;
}
	#featured h1, #featured h1 a {
		font-size: 24px;
		font-weight: normal;
		color: #0f314e;
		text-decoration: none;
		font-family: Georgia;
		margin: 0 0 5px 0;
	}
	#featured p {
		margin: 0 0 5px 0;
	}	

/* Tabs */
#overview {
	background: transparent url(_images/dot.gif) left bottom repeat-x;
	height: 375px;
	margin: 0 0 25px 0;
}

ul.col {
	width: 205px;
	float: left;
	margin: 0 25px 0 0;
}
	ul.col li {
		list-style: none;
		margin: 0 0 5px 0;
	}
	ul.col li span, ul.col li span a {
		font-size: 12px;
		color: #626262;
	}

.more-info {
	width: 150px;
	float: right;
}
	.more-info h3 {
		font-size: 18px;
		font-weight: normal;
		color: #0f314e;
		font-family: Georgia;
	}

#fragment-2 li {
	float: left;
	width: 285px;
	margin: 0 25px 5px 0;
	list-style: none;
}
	#fragment-2 li span, #fragment-2 li span a {
		font-size: 12px;
		color: #626262;
	}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 2px 4px;
	background: transparent url(_images/dot.gif) left bottom repeat-x;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    min-width: 84px; /* be nice to Opera */
	font-family: Georgia;
    font-size: 15px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 5px 10px;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    color: #66625e;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-selected a {
    position: relative;
    z-index: 2;
    margin-top: 0;
    color: #0f314e;
	font-size: 18px;
	background: #EFEFEF;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-right: 0;
	padding-top: 6px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 1em 0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
#content.text li {
	margin-left: 25px;
}

.navigation {
	height: 15px;
	margin: 0 0 15px 0;
}
	.navigation .alignleft {
		float: left;
	}
	.navigation .alignright {
		float: right;
	}

#content.text h1 {
	font-size: 24px;
	font-weight: normal;
	color: #0f314e;
	font-family: Georgia;
	margin: 20px 0 20px 0;
}

#content.text h2 {
	font-size: 18px;
	font-weight: normal;
	color: #000;
	font-family: Georgia;
}

#content.text li {
	margin-left: 25px;
}
#content.text blockquote {
	border-left: 2px solid #EFEFEF;
	padding-left: 15px;
	font-style: italic;
}

#comments {
	margin: 30px 0 0 0;
}

p.comment-feed {
	background: transparent url(_images/icon-rss.gif) 0 3px no-repeat;
	padding: 0 0 0 15px;
}

.comment {
	background: transparent url(_images/dot.gif) left bottom repeat-x;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
}
	.comment-data {
		width: 150px;
		float: left;
		font-size: 12px;
		color: #676767;
	}
		.comment-name {
			font-size: 14px;
			font-weight: bold;
			color: #000;
		}
	.comment-text {
		width: 460px;
		float: right;
	}

#archive-list li {
	list-style: none;
	margin: 0 0 10px 0 !important;
}
	#archive-list li span, #archive-list li span a {
		font-size: 12px;
		color: #676767;
	}

.post {
	margin: 0 0 40px 0;
}

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	clear: both;
	background: #494949;
	padding: 20px;
	margin: 0 0 20px 0;
}
	#footer p, #footer ul {
		margin: 0;
		color: #FFF;
		font-size: 12px;
	}
	#footer li {
		display: inline;
		list-style: none;
		padding: 0 10px 0 0;
		text-transform: uppercase;
	}
	#footer li a:link, #footer li a:visited {
		color: #FFF;
		text-decoration: none;
	}
	#footer li a:hover, #footer li a:active {
		text-decoration: underline;
	}