/*
Theme Name: Fictional Office
Theme URI: http://www.atfics.com
Description: The At Office WordPress Theme.
Version: 1.0
Author: Ariolander
Author URI: http://www.jnekomode.com/
Tags: WordPress, Office, Professional

This theme was designed by Ariolander and is 
based off a theme built by Jason Schuller.

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* Lets Begin */
HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(images/bg.gif) #213843 repeat-x left top; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #213843; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(images/bg.gif) #213843 repeat-x left top; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #213843; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
SMALL {
	FONT-SIZE: 0.9em; LINE-HEIGHT: 1.5em; FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
H1 {
	FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H2 {
	FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H3 {
	FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H1 {
	FONT-SIZE: 4em; TEXT-ALIGN: center
}
H2 {
	FONT-SIZE: 1.8em; PADDING-BOTTOM: 0.2em; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.3em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
A:link {
	COLOR: #213843; TEXT-DECORATION: none
}
A:visited {
	COLOR: #213843; TEXT-DECORATION: none
}
A:hover {
	COLOR: #4B6673; TEXT-DECORATION: underline
}
.clear {
	CLEAR: both
}
P {
	MARGIN: 0px 0px 10px; LINE-HEIGHT: 140%; margin-bottom: 10px;
}
.wrapper {
	MARGIN: 0px auto; WIDTH: 780px
}
#masthead {
	FLOAT: left; WIDTH: 780px; HEIGHT: 142px
}
#tagline {
	FLOAT: left; WIDTH: 780px; COLOR: #ffffff; PADDING-TOP: 6px; HEIGHT: 22px
}
#logo {
	FLOAT: left; WIDTH: 250px; HEIGHT: 115px
}
#headright {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 3px; WIDTH: 530px; PADDING-TOP: 10px; HEIGHT: 70px; TEXT-ALIGN: right
}
#bannerwrap {
	MARGIN: 5px; FLOAT: right; HEIGHT: 60px; WIDTH: 468px
}
* + HTML #searchwrap {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 1px
}
#navigation {
	FLOAT: left; WIDTH: 530px; HEIGHT: 31px
}

#nav UL {
	PADDING-RIGHT: 0px; Z-INDEX: 999; PADDING-RIGHT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav LI {
	FONT-SIZE: 12px; BACKGROUND: url(images/navbg.gif) no-repeat right top; FLOAT: left; MARGIN-LEFT: 5px
}
#nav LI.current {
	BACKGROUND-POSITION: right bottom
}
#nav LI A {
	PADDING-RIGHT: 14px; DISPLAY: block; PADDING-LEFT: 14px; BACKGROUND: url(images/navbg2.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 9px; HEIGHT: 22px; TEXT-DECORATION: none
}
#nav LI.current A {
	BACKGROUND-POSITION: left bottom; COLOR: #ffffff
}
#nav LI:hover {
	BACKGROUND-POSITION: right -31px
}
#nav LI.sfhover {
	BACKGROUND-POSITION: right -31px
}
#nav LI.current:hover {
	BACKGROUND-POSITION: right bottom
}
#nav LI.current.sfhover {
	BACKGROUND-POSITION: right bottom
}
#nav LI:hover A {
	BACKGROUND-POSITION: left -31px; COLOR: #ffffff
}
#nav LI.sfhover A {
	BACKGROUND-POSITION: left -31px; COLOR: #ffffff
}
#nav LI.current:hover A {
	BACKGROUND-POSITION: left bottom; COLOR: #c7cbc0
}
#nav LI.current.sfhover A {
	BACKGROUND-POSITION: left bottom; COLOR: #c7cbc0
}
#nav LI.current#nav_home {
	BACKGROUND-POSITION: right top
}
#nav LI.current#nav_home A {
	BACKGROUND-POSITION: left top; COLOR: #ffffff
}
#nav LI.current#nav_home:hover {
	BACKGROUND-POSITION: right -31px
}
#nav LI.sfhover.current#nav_home {
	BACKGROUND-POSITION: right -31px
}
#nav LI.current#nav_home:hover {
	BACKGROUND-POSITION: left -31px; COLOR: #ffffff
}
#nav LI.sfhover.current#nav_home A {
	BACKGROUND-POSITION: left -31px; COLOR: #ffffff
}
#nav LI UL {
	CLEAR: left; BORDER-RIGHT: #213843 1px solid; BORDER-TOP: #213843 0px solid; MARGIN-TOP: 31px; PADDING-LEFT: 0px; Z-INDEX: 999; LEFT: -999em; MARGIN-LEFT: 0px; BORDER-LEFT: #213843 1px solid; WIDTH: 161px; LINE-HEIGHT: 1; BORDER-BOTTOM: #213843 0px solid; LIST-STYLE-TYPE: none; POSITION: absolute; 
}
* + HTML #nav LI UL {
	MARGIN-TOP: 0px
}
#nav LI LI {
	DISPLAY: inline; FONT-SIZE: 0.91em; FLOAT: none; MARGIN: 0px; TEXT-TRANSFORM: none;
}
#nav LI UL UL {
	MARGIN: -31px 0px 0px 161px
}
#nav LI:hover UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL {
	LEFT: -999em
}
#nav LI:hover UL {
	LEFT: auto
}
#nav LI LI:hover UL {
	LEFT: auto
}
#nav LI.sfhover UL {
	LEFT: auto
}
#nav LI LI.sfhover UL {
	LEFT: auto
}
#nav LI LI LI {
	FONT-SIZE: 1em
}
#nav LI:hover LI A {
	PADDING-RIGHT: 14px; PADDING-LEFT: 14px; BACKGROUND: #E1EBF2; FLOAT: none; PADDING-BOTTOM: 9px; WIDTH: 133px; COLOR: #213843; PADDING-TOP: 9px; BORDER-BOTTOM: #213843 1px solid; HEIGHT: auto
}
#nav LI.sfhover LI A {
	PADDING-RIGHT: 14px; PADDING-LEFT: 14px; BACKGROUND: #E1EBF2; FLOAT: none; PADDING-BOTTOM: 9px; WIDTH: 133px; COLOR: #213843; PADDING-TOP: 9px; BORDER-BOTTOM: #213843 1px solid; HEIGHT: auto
}
#nav LI:hover LI A:hover {
	BACKGROUND: #D7E1E8
}
#nav LI.sfhover LI A:hover {
	BACKGROUND: #D7E1E8
}


#whitewrap {
	BACKGROUND: url(images/secondarybg.gif) #ffffff repeat-x left top; FLOAT: left; WIDTH: 100%
}
#whitewrap IMG {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: #213843; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
#postcontent LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(images/list.gif) no-repeat left top; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#postcontent UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

#location {
	FONT-SIZE: 16px; FLOAT: left; WIDTH: 780px; COLOR: #ffffff; HEIGHT: 35px
}
#location P {
	MARGIN: 5px 0px 0px
}
#location A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#location A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#location A:hover {
	COLOR: #c7cbc0; TEXT-DECORATION: underline
}
#primary {
	BORDER-LEFT: #213843 1px solid; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 12px; MARGIN: 0px 0px 0px 15px; WIDTH: 549px; PADDING-TOP: 20px
}

P IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MAX-WIDTH: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
IMG.centered {
	DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
IMG.alignright {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 8px 8px; PADDING-TOP: 4px
}
IMG.alignleft {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 8px 8px 0px; PADDING-TOP: 4px
}
.alignright {
	FLOAT: right
}
.alignleft {
	FLOAT: left
}
.center {
	TEXT-ALIGN: center
}
.aligncenter {
	DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
DIV.aligncenter {
	DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
.hidden {
	DISPLAY: none
}
BLOCKQUOTE {
	PADDING-LEFT: 30px; BACKGROUND: url(images/blockquote.jpg) no-repeat left top; MARGIN: 15px 30px 0px 0px
}
.postheader {
font-size: 2em;
}

.postnotes {
font-size: .8em; float:right;
}


/*  ---  Sidebar CSS  ---  */
#sidebar {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 200px; PADDING-TOP: 20px
}
.block {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(images/blockbg.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 180px; PADDING-TOP: 8px
}
.block H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 5px; PADDING-TOP: 0px; BORDER-BOTTOM: #213843 1px solid
}
.block UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; PADDING-TOP: 0px;
}
.block LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 5px; PADDING-TOP: 0px; FONT-SIZE: 1.4em; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none
}
.block UL UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 180px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; BORDER: none
}
.block UL UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; BACKGROUND: url(images/blockunder.gif) no-repeat left top; PADDING-BOTTOM: 0px; WIDTH: 165px; PADDING-TOP: 5px; HEIGHT: 20px; FONT-SIZE: 0.9em; BORDER: none
}
.block UL UL LI:hover {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; BACKGROUND: url(images/blockover.gif) no-repeat left top; PADDING-BOTTOM: 0px; WIDTH: 165px; PADDING-TOP: 5px; HEIGHT: 20px;
}
.blockfooter {
	BACKGROUND: url(images/blockfooterbg.gif) no-repeat left bottom; FLOAT: left; WIDTH: 200px; HEIGHT: 9px; MARGIN-BOTTOM: 8px
}
.widgetblock {
	FLOAT: left; MARGIN: 15px 0px; WIDTH: 200px
}
.widgetblock LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(images/list.gif) no-repeat left top; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.widgetblock UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

#footerwrap {
	PADDING-RIGHT: 0px; BORDER-TOP: #4B6673 5px solid; PADDING-LEFT: 0px; BACKGROUND: #213843; FLOAT: left; PADDING-BOTTOM: 20px; WIDTH: 100%; PADDING-TOP: 0px
}
#footer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 780px; COLOR: #ffffff; PADDING-TOP: 10px
}
#footer A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#footer A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#footer A:hover {
	COLOR: #c7cbc0; TEXT-DECORATION: underline
}
#footertext {
	FLOAT: left; WIDTH: 500px
}
#footericons {
	FLOAT: left; WIDTH: 280px
}