/* Designed by François PLANQUE - http://fplanque.net/ */

@import url(../../rsc/css/basic.css);	/* Import basic styles */
@import url(../../rsc/css/img.css);	/* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);	/* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);	/* Import default form styles */
@import url(../../rsc/css/comments.css);	/* Import default comment styles */

body {
	background: #e1e1e1;
	padding: 0px;
	color: #000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

a:link{color:#264798;text-decoration:underline;}
a:visited{color:#4186d7;text-decoration:none;}
a:hover, a:active{text-decoration:underline;color:#666666;}
h1{
	color: #78a;
	font-size: 14px;
	margin: 0;
}
h2 {
	color: #78a;
	font-size: 16px;
	margin: 0;
}
h3 {
	color: #264798;
	font-size: 120%;
}
h4 {
	color: #264798;
	font-size: 110%;
}

table.invisible
{
	margin: 1ex;
	border-collapse: collapse
}
table.invisible td
{
	padding: 0ex 1ex;
}
td.right
{
	text-align: right;
}
div#pageFooter {
	clear: both;
	background-color: #fff;
	width: 738px;
	margin: 0 auto;
	padding: 0 0 1ex 0;
}
#footer{
	clear:both;
	background:url(img/footer.gif) top left no-repeat;
	width:790px;
	height:26px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	text-align:center;
	margin:0px auto 0px auto;
}
#footertext{
	width:790px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	padding:10px 0px 0px 0px;
	text-align:center;
}
#footertext a:link, #footertext a:visited{
	color:#555555;
	text-decoration:none;
}
#footertext a:hover, #footertext a:active{
	color:#555555;
	text-decoration:underline;
}

p.baseline {
	border-top: 1px solid #ddd;
	text-align: center;
	font-size: 74%;
	color: #999;
	padding: 1ex;
	margin: 0;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #78a;
}

div#wrapper {
	width: 790px;
	padding: 0px;
	margin:0px auto 0px auto;
	text-align:left;
}

#body{
	background:url(img/body.gif) repeat-y;
	width:790px;
	min-height:600px;
	height:auto;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

div.pageHeader {
	background: #e1e1e1 url(img/head.gif) top left no-repeat;
	width:790px;
	height:145px;
}

#headBBG{
	background:url(img/body.gif) repeat-y;
	width:750px;
	height:140px;
	margin:0px;
	padding:0px;
}

#headBBG div.head-bottom{
	background:url(img/head-bottom.gif) top left no-repeat;
	width:750px;
	height:140px;
	float:left;
	margin:0px;
	padding:0px;
}

#headBBG div.head-bottom img{
	float:right;
	margin:0px;
	padding:0px;
}

ul#bloglist {
	background-color: #fff;
	border-bottom: 1px solid #000;
	margin: 0 1px;
	padding: 0;
	list-style-type:none;
	padding: .5ex 0;
}
ul#bloglist li {
	border-right: 1px solid #000;
	display: inline;
	padding: .5ex 1em;
}

a.BlogButton,
a.BlogButtonCurr {
	font-weight: bold;
	text-decoration: none;
}
a.BlogButton {
	color: #000;
}
a.BlogButton:hover {
	text-decoration: underline;
	color: #9ae;
}
a.BlogButtonCurr,
a.BlogButtonCurr:visited {
	color: #78a;
}
a.BlogButtonCurr:hover {
	text-decoration: underline;
	color: #9ae;
}


.pageSubTitle {
	color: #fff;
	letter-spacing: 4px;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	font: 109% Verdana, Arial, Helvetica, sans-serif;
}
div.stats{
	float: right;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
}

/* Styles for main area (left) */
h2 {
	margin: 1ex;
	border-bottom: 1px solid #78a;
	color:#555555;
}

/* Styles for posts */
.bPosts {
	float: left;
	width: 480px;
	overflow: hidden;
	margin-left:8px;
}
div.action_messages {
	margin: 0 2ex;
}
.bPost, .bPostpublished
{
	clear: both;
	margin: 0 2.5ex;
	padding: 0;
	border-bottom: 1px solid #ddd;
	/* border: 1px solid #78a; */
}
.bSmallHead {
	font-size: 80%;
	color: #999;
	margin: 2ex 0 1ex 0;
}
.bTitle {
	color: #78a;
	margin: 1ex 0;
	color:#555;
}
.bText {
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSmallPrint
{
	clear: both;
	color: #999;
	font-size: 80%;
	margin: 1ex 0 2ex 0;
}

input.bComment,
textarea.bComment
{
	background-color: #eee;
	border: 1px solid #ccc;
	width: 275px;
	padding: 2px;
	margin: 0ex;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
select.bComment  /* Used by the profile form */
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}


/* Styles for stats */
div.statbloc
{
	float: left;
	width: 44%;
	margin: 0 0 2ex 1.5ex;
	border: 1px solid #78a;
}
div.statbloc h3
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	text-align: center;
	background: #78a;
	padding: 1ex;
}

input.submit,
input.preview,
input.reset {
	background-color: #ddd;
	color: #555;
	border: 1px solid #555;
	font-weight: normal;
	padding: 0px;
}

input.submit:hover,
input.preview:hover {
	color: #000;
}

/* Styles for sidebar (right) */
.bSideBar {
	width: 240px;
	float: right;
	overflow: hidden;
	margin-right:10px;
}
.bSideItem {
	margin: 2ex;
	padding: 0 0 2ex 0;
	border-bottom: 1px solid #ddd;
}
.bSideItem ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-type:square;
}
.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSideItem form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.dimmed
{
	color: #aaa;
	font-size: 84%;
}
input.SearchField
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
	font-size:10px;
}

/*----- Villards Too Navigation IDs and Classes-----*/
#nav{
	list-style:none;
	margin:0px;
	padding:0px;
	background:url(img/nav-bg.gif) no-repeat;
	width:504px;
	height:44px;
	position:relative;
	top:101px;
	left:240px;
}
#nav li{
	float:left;
}
#nav li a{
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3D3D3D;
	text-decoration:none;
	display:block;
	height:44px;
	text-align:center;
	line-height:44px;
}
#nav #home a{
	width:126px;
}
#nav #blog a{
	width:126px;
}
#nav #media a{
	width:125px;
}
#nav #about a{
	width:124px;
}
#nav #home a:hover, .sel{
	background:url(img/nav-bg.gif) 1px 44px;
	color:#fff;
}
#nav #blog a:hover, .sel2{
	background:url(img/nav-bg.gif) -126px 44px;
	color:#fff;
}
#nav #media a:hover, .sel3{
	background:url(img/nav-bg.gif) -252px 44px;
	color:#fff;
}
#nav #about a:hover, .sel4{
	background:url(img/nav-bg.gif) -377px 44px;
	color:#fff;
}
#h-subnav{
	width:490px;
	text-align:center;
	padding:0px 0px 0px 20px;
	margin:0px;
}
#h-subnav ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#h-subnav ul li{
	float:left;
	padding:10px 40px 0px 10px;
	margin:0px;
}

/*-----Hyperlink Styles-----*/

#nav .sel a, #nav .sel2 a, #nav .sel3 a, #nav .sel4 a{
	color:#fff;
}

.execLeft{float:left;margin:0px 10px 10px 0px;}
.execRight{float:right;margin:0px 0px 10px 10px;}
br{clear:both;}