
/*  PHP-Fusion 7.00.00 Style Sheet
    --------------------------------------------------------------
	Style name:		Style N Blog
	Style author:	Starefossen ( http://code.starefossen.com/ )
	
	Copyright 2009 Starefossen Development Team ( http://version.starefossen.com/ )
    --------------------------------------------------------------
*/

/* Links
---------------------------------------- */
a.white, li.white a {
	color:#fff;
	text-decoration:none
}

a:hover.white, li.white a:hover {
	color:#fff;
	text-decoration:underline
}

a, a.side {
	color:#059;
	text-decoration:none
}

a:hover, a:hover.side {
	color:#059;
	text-decoration:underline
}

/* Elements
---------------------------------------- */
img { border:0 }

body {
	color:#fff;
	font-family:Arial;
	font-size:12px;
	margin:0
}

.container {
	margin:0 auto;
	width:1024px
}

form { margin:0 }

.alt { color:#555 }

.outer-border { border:1px solid #000 }

.image {
	background:url(images/sprite.png) -46px 0 no-repeat;
	height:22px;
	text-indent:-9999px;
	width:77px
}

div.bbcode-popup {
	background-color: #ffffff;
}

div.code_bbcode {
	border:1px solid #c4c4c4;
	border-left:15px solid #c4c4c4;
	font-family:Courier, Arial
}

hr, hr.side-hr {
	border:1px solid #eee;
	height:1px
}

td, pre {
	font-family:Arial;
	font-size:12px
}

/* Border
---------------------------------------- */
div.border-top-left {
	background:url(images/sprite.png) 0 0 no-repeat;
	float:left;
	height:26px;
	width:23px
}

div.border-top-middle {
	background:url(images/border-top-middle.png) repeat-x;
	height:26px
}

div.border-top-right {
	background:url(images/sprite.png) -23px 0 no-repeat;
	float:right;
	height:26px;
	width:23px
}

div.border-side-left {
	background:url(images/border-side-left.png) left repeat-y;
	float:left;
	width:100%
}

div.border-side-right {
	background:url(images/border-side-right.png) right repeat-y;
	float:right;
	width:100%
}

div.border-bottom-left {
	background:url(images/sprite.png) 0 -26px no-repeat;
	float:left;
	height:26px;
	width:23px
}

div.border-bottom-middle {
	background:url(images/border-bottom-middle.png) repeat-x;
	height:26px
}

div.border-bottom-right {
	background:url(images/sprite.png) -23px -26px no-repeat;
	float:right;
	height:26px;
	width:23px
}

/* Top Navigation
---------------------------------------- */
div.topnav {
	background:#494949;
	color:#fff;
	font-size:14px;
	height:32px;
	overflow:hidden;
	white-space:nowrap;
	width:100%
}

div.topnav a {
	color:#fff;
	padding-left:8px
}

div.topnav a:hover { text-decoration:underline }

div.topnav div.sublinks-left {
	float:left;
	padding-left:5px;
	padding-top:3px
}

div.topnav div.sublinks-left .image {
	float:left;
	padding:0
}

div.topnav li, div.topnav ul {
	margin:0;
	padding:0
}

div.topnav ul {
	list-style-type:none;
	padding-top:5px
}

div.topnav li { display:inline }

div.topnav div.sublinks-right {
	background:#555 url(images/sprite.png) -123px 0 no-repeat;
	float:right;
	height:32px
}

div.topnav div.sublinks-right div.content { padding:8px 5px 0 10px }

/* Footer
---------------------------------------- */
.footer {
	border-top:dotted 1px #c4c4c4;
	color:#000;
	font-family:Arial;
	font-size:12px;
	padding:5px 0
}

/* Elements
---------------------------------------- */
.admin-message {
	background-color:#f6f6f6;
	border:1px solid #e1e1e1;
	color:#555;
	font-family:Arial;
	font-size:12px;
	margin-bottom:5px;
	padding:3px 4px 5px;
	text-align:center
}

.button {
	background-color:#f1f1f1;
	border:1px solid #ccc;
	color:#555;
	font-family:Arial;
	font-size:12px;
	height:20px;
	margin-top:2px
}

.bbcode {
	background-color:#f1f1f1;
	border:1px solid #ccc;
	color:#555;
	font-family:Arial;
	font-size:12px;
	margin-top:2px
}

.textbox {
	background-color:#f8f8f8;
	border:1px solid #ccc;
	color:#555;
	font-family:Arial;
	font-size:12px
}

/* Site Parts
---------------------------------------- */
.main-body {
	color:#000;
	font-size:12px;
	padding:4px 0 5px
}

.side-body {
	background-color:#f6f6f6;
	color:#000;
	font-size:12px;
	padding:4px
}

#main-bg {
	color:#000;
	padding:10px 0 5px
}

.side-margin {
	float:left;
	margin-left:23px;
	padding-right:23px
}

.side-left #main-bg {
	margin-left:210px;
	margin-right:50px
}

.center { margin:0 auto }

* html #main-bg { height:0 }

.border {
	border:1px solid #e1e1e1;
	margin-bottom:5px
}

#side-border-left {
	color:#777;
	float:left;
	padding:10px 0;
	width:200px
}

#side-border-right {
	color:#777;
	float:right;
	margin-right:40px;
	padding:10px 0;
	width:200px
}

.news-category {
	border:0;
	float:left;
	margin:3px 5px 0 0
}

.news-footer {
	color:#555;
	font-size:12px;
	padding:3px 4px 4px
}

.barmain {
	color:#aaa;
	font-family:Arial;
	font-size:12px;
	padding:4px
}

.side-both #main-bg, .side-right #main-bg { margin-right:250px }

.side-left #side-border-right, .side-right #side-border-left { display:none }

/* Global Rounded
---------------------------------------- */
div.round_table div.layer, div.round_panel div.layer {
	border-left:1px solid #d3d4d5;
	border-right:1px solid #d3d4d5;
	display:block;
	height:1px
}

div.round_table div.layer1, div.round_panel div.layer1 {
	background:#c4c4c4;
	margin:0 3px;
	padding:0 1px
}

div.round_table div.layer2, div.round_panel div.layer2 {
	margin:0 2px;
	padding:0
}

div.round_table div.layer3, div.round_panel div.layer3 {
	border-left-color:#c4c4c4;
	border-right-color:#c4c4c4;
	margin:0 1px
}

div.round_table div.content, div.round_panel div.content {
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	overflow:hidden;
	padding:4px 10px
}

/* Rounded Table
---------------------------------------- */
div.round_table { margin-bottom:10px }

div.round_table div.bg { background:#FFF }

div.round_table div.content { font-size:12px; }

div.round_table div.content div.title {
	color:#000;
	font-size:15px;
	font-weight:700
}

/* Rounded Panel
---------------------------------------- */
div.round_panel { margin-bottom:10px }

div.round_panel div.bg { background:#e4e4e4 }

div.round_panel div.content { font-size:12px; }

div.round_panel div.content div.title {
	color:#000;
	font-size:15px;
	font-weight:700
}

div.round_panel a, div.round_panel a:hover { color:#000 }

/* Tables
---------------------------------------- */
.tbl-border { padding:0 }

.tbl, .tbl1, .tbl2 {
	color:#555;
	font-size:12px;
	padding:4px
}

/* Forum
---------------------------------------- */
.forum-caption {
	background-color:#e4e4e4;
	color:#888;
	font-size:12px;
	font-weight:700;
	padding:4px
}

.forum_thread_table { border:solid #c4c4c4 1px }

.quote {
	background-color:#f8f8f8;
	border:1px solid #bbb;
	color:#555;
	font-size:12px;
	margin:0 20px;
	padding:4px
}

.forum_table, .forum_thread_userbar, .forum_thread_ip {
	background-color:#e4e4e4;
	border:solid #c4c4c4 1px
}

/* Texts & Effects
---------------------------------------- */
.poll {
	border:1px solid #bbb;
	height:12px
}

.shoutbox { color:#777 }

.shoutboxdate {
	color:#888;
	font-size:12px
}

.small {
	font-size:12px;
	font-weight:400
}

.side-label {
	color:#555;
	padding:2px 2px 3px
}

.comment-name, .shoutboxname {
	color:#059;
	font-weight:700
}

.small2, .side-small {
	color:#555;
	font-size:12px;
	font-weight:400
}

/* Vertical Navigation
---------------------------------------- */
#navigation h2 {
	border-bottom:solid #c4c4c4 1px;
	color:#000;
	font-size:12px;
	margin:0;
	padding:0
}

#navigation ul {
	list-style-type:none;
	margin:0;
	padding:0
}

* html #navigation ul li { height:1% }

#navigation a {
	color:#000;
	display:block;
	padding:2px;
	text-decoration:none
}

#navigation a:hover {
	background-color:#006caa;
	color:#f6f6f6
}

/* Page Navigation
---------------------------------------- */
.pagenav { padding:.4em }

.pagenav span {
	background-color:#006caa;
	border:1px solid #c4c4c4;
	color:#fff;
	margin:.2em;
	padding:.2em .4em
}

.pagenav a {
	background-color:#fff;
	border:1px solid #c4c4c4;
	color:#059;
	margin:.2em;
	padding:.2em .4em;
	text-decoration:none
}

.pagenav a:hover {
	background-color:#006caa;
	color:#fff;
	margin:.2em;
	text-decoration:none
}

/* Helpers
---------------------------------------- */
.center { margin: 0 auto; }

.content_center { text-align: center; }

.flleft { float: left !important; }

.flright { float: right !important; }

.clear { clear: both; }

/* IE Fixes
---------------------------------------- */
* html #main-bg {
	height: 1%;
	width: auto;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Hide from IE Mac */
.clearfix { display:block; }

/* End hide from IE Mac */
.floatfix { overflow:hidden; }

* html .floatfix { width:100%; }

.center, *[align="center"] { margin: 0 auto; }
