/* CSS sheet for Sunfruit Studios. Miniflex javascript and sliders javascript taken from open-source scripts. All other coding copyright 2009 Abigail M. H.*/

body {
        font-family: verdana, sans-serif;
        font-size: 11px;
        text-align:center;
        border:0;
        margin:0;
        padding:0;
        }
p
        {
        margin-top:10px;
        line-height:1.5;
        }
#container {
        padding: 30px;
        margin: 20px 0;
        width:65%;
        margin:40px auto;
        }
#miniflex {
        width: 97%;
        float: left;
        font-size: small; /* could be specified at a higher level */
        margin: 0;
        padding: 0 10px 0 10px;
        border-bottom: 1px solid #696;
        position:relative;
        z-index:2;
        }

#miniflex li {
        float: left;
        margin: 0;
        padding: 0;
        display: inline;
        list-style: none;
        position:relative;
        }

#miniflex a:link, #miniflex a:visited {
        float: left;
        font-size: 85%;
        line-height: 20px;
        font-weight: bold;
        margin: 0 10px 0 10px;
        text-decoration: none;
        color: #9c9;
        }

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
        border-bottom: 4px solid #696;
        padding-bottom: 2px;
        color: #696;
        }
        
#animated-tab {
        position: absolute;
        z-index: 1;
        font-size: 85%;
        line-height: 20px;
        padding-bottom: 2px;
        border-bottom: 4px solid #696;
        }
br
        {
        clear:both;
        }
		/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*Begins my code. */
#backdrop
{
	width: 100%;
	height: 1000px;
	background-image: url();
	margin-left: auto;
	margin-right: auto;
}

wrapper {
	width: 92%;
}

content {
	width: 73%;
}

sidebar {
	width: 25;
}

body,td,th {
	color: #FFFFFF;
}

/* Main background color. */
body {
	background-color: #2F5258;
}

/* Refers to the top area of the site, where the banner is located. */
#banner {
	width:820px;
	height:115px;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;

}

/* The strip where all the top links are located. */
#navigationbar {
	width:820px;
	height: 27px;
	margin-left:auto;
	margin-right:auto;
	background-color: #F7E1A2;
}

/* Lefthand column: newsfeed and such. */
#rightcolumn {
	position: relative;
	float: right;
	width: 300px;
	height: 900px;
	background-color: #ECE9D9;
	position: static;
}


/* Righthand column: widgets, "about me", shoutbox. */
#leftcolumn {
	width:820px;
	height:900px;
	z-index:1;
	background-color:#FFFFFF;
	background-image: url(http://abigailmh.com/images/tablebg.png);
	margin-left: auto;
	margin-right: auto;
	position: static;
}

#news {
	width:80%;
	height:860px;
	margin-left: auto;
	margin-right: 19%;
	z-index: auto;
	text-align: center;
}	

/* This begins the area for text styles and the link. "Navlinks" is for the top links. "Titles" refers to the bright orange News-like titles, "bottomtext" is the layer for the link area. */

P.blocktext {
	margin-left: 2%;
	margin-right: 10%;
    width: 40em
}

.navlinks {
	font-family: Papyrus;
	font-size: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #0091C1;
}

.titles {
	font-family: "Gill Sans Ultra Bold";
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #F7962D;
}
.newstext {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	margin-left: auto;
	margin-right: auto;
}

#bottomtext {
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	font-weight: normal;
	font-variant: small-caps;
}

a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #F7962D;
}
a:active {
	text-decoration: none;
	color: #F7962D;
}

.whitetext {color: #000000}
.copyright {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	font-variant: normal;
}
.newscolumn {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-color: 333333;
	position: inherit;
	height:758px;
	overflow-y: scroll;
}
.bottomtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #FFFFFF;
}

.abouttheauthor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-left: 8%;
	margin-right: 8%;
}

.style2 {color: #F7962D}
.style3 {
	color: #9c9;
	font-weight: bold;
}

.style4 {
	color: #F7962D;
	font-size: 18px;

}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-align: right;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
}