/*
Theme Name: F-I Forum (DO NOT ACTIVATE OR DELETE!)
Theme URI: http://www.fashion-incubator.com
Description: DO NOT ACTIVATE OR DELETE THIS THEME! This is NOT a functioning WordPress theme. It is the style sheet and image assets for the original (now retired) WordPress theme for Fashion Incubator, and it still provides the outer layout wrapper for the F-I phpBB forum.
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(forum/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(forum/logo.png) 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(forum/icon-rss.gif) 0 2px no-repeat; }
		#top li#email-subscribe { background: transparent url(forum/icon-email.gif) 0 2px no-repeat; }
		#top li#donation { background: transparent url(forum/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: #26408B;
	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(forum/icon-group.gif) 0 3px no-repeat; }
			ul#post-actions li#email-friend { background: transparent url(forum/icon-email.gif) 0 3px no-repeat; }
			ul#post-actions li#add-comment { background: transparent url(forum/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(forum/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(forum/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(forum/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(forum/icon-rss.gif) 0 3px no-repeat;
	padding: 0 0 0 15px;
}

.comment {
	background: transparent url(forum/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;
	}