/*
Skin name: Boxed
Version: 1.2
Author: Denis de Bernardy
Author uri: http://www.mesoconcepts.com
Description: Plenty of Boxes
*/

/*
#
# DO NOT EDIT THIS FILE
# ---------------------
# The Semiologic theme features a custom.css feature. This allows to edit the skin
# without editing its css files. That way, you won't need to worry about losing
# your changes when you upgrade your site.
#
# You'll find detailed sample files in the custom-samples folder.
#
# The easiest way to procede is:
#
# 1. Make a copy of this file, rename as custom.css
# 2. Edit this new custom.css to override the skin defaults
#
*/


/* body */

body
{
	background-color: white;
	color: black;
}

a
{
	color: blue;
	text-decoration: underline;
}

h1 a,
h2 a
{
	text-decoration: none;
	color: black;
}

a:hover
{
	color: firebrick;
}



/*
	Border, background, font and link colors for the navbar
	-------------------------------------------------------
*/

#navbar
{
	border: solid 1px black;
	background-color: lightsteelblue;
	color: black;
}

#navbar a
{
	color: black;
}

#navbar a:hover
{
	color: firebrick;
}



/*
	Offset for the navbar
	---------------------
*/

#navbar
{
	margin-bottom: 12px;
}



/*
	Offset for the body
	-------------------
*/

#body
{
	margin-top: 12px;
	margin-bottom: 12px;
}



/*
	Margins for the sidebar area
	----------------------------
*/

#sidebar div.pad
{
	margin: 0px 0px;
	padding: 0px 0px;
}

#sidebar2 div.pad
{
	margin: 0px 0px;
	padding: 0px 0px;
}

#ext_sidebar div.pad
{
	margin: 0px 0px;
	padding: 0px 0px;
}



/*
	Resize the sidebars
	-------------------
*/

.narrow_em #sidebar,
.narrow_me #sidebar,
.narrow_esm #sidebar,
.narrow_ems #sidebar,
.narrow_sme #sidebar,
.narrow_mse #sidebar,
.narrow_esms #sidebar,
.narrow_smse #sidebar
{
	width: 166px;
}

.wide_em #sidebar,
.wide_me #sidebar,
.wide_esm #sidebar,
.wide_ems #sidebar,
.wide_sme #sidebar,
.wide_mse #sidebar,
.wide_esms #sidebar,
.wide_smse #sidebar
{
	width: 186px;
}

.narrow_em #sidebar2,
.narrow_me #sidebar2,
.narrow_esm #sidebar2,
.narrow_ems #sidebar2,
.narrow_sme #sidebar2,
.narrow_mse #sidebar2,
.narrow_esms #sidebar2,
.narrow_smse #sidebar2
{
	width: 166px;
}

.wide_em #sidebar2,
.wide_me #sidebar2,
.wide_esm #sidebar2,
.wide_ems #sidebar2,
.wide_sme #sidebar2,
.wide_mse #sidebar2,
.wide_esms #sidebar2,
.wide_smse #sidebar2
{
	width: 186px;
}

.narrow_em #ext_sidebar,
.narrow_me #ext_sidebar,
.narrow_esm #ext_sidebar,
.narrow_ems #ext_sidebar,
.narrow_sme #ext_sidebar,
.narrow_mse #ext_sidebar,
.narrow_esms #ext_sidebar,
.narrow_smse #ext_sidebar
{
	width: 168px;
}

.wide_em #ext_sidebar,
.wide_me #ext_sidebar,
.wide_esm #ext_sidebar,
.wide_ems #ext_sidebar,
.wide_sme #ext_sidebar,
.wide_mse #ext_sidebar,
.wide_esms #ext_sidebar,
.wide_smse #ext_sidebar
{
	width: 188px;
}



/*
	Title bar for each sidebar widget
	---------------------------------
*/

#sidebar h2
{
	border: solid 1px black;
	border-bottom: solid 1px black;
	background-color: lightsteelblue;
	color: black;
	margin: 0px 0px;
	padding: 2px 10px;
}

#sidebar h2 a
{
	color: black;
}

#sidebar h2 a:hover
{
	color: firebrick;
}

#sidebar2 h2
{
	border: solid 1px black;
	border-bottom: solid 1px black;
	background-color: lightsteelblue;
	color: black;
	margin: 0px 0px;
	padding: 2px 10px;
}

#sidebar2 h2 a
{
	color: black;
}

#sidebar2 h2 a:hover
{
	color: firebrick;
}

#ext_sidebar h2
{
	border: solid 1px black;
	border-bottom: solid 1px black;
	background-color: lightsteelblue;
	color: black;
	margin: 0px 0px;
	padding: 2px 10px;
}

#ext_sidebar h2 a
{
	color: black;
}

#ext_sidebar h2 a:hover
{
	color: firebrick;
}



/*
	Calendar style
	--------------
*/
#wp-calendar
{
	border: solid 1px black;
	background-color: white;
}

#wp-calendar thead th
{
	border-bottom: solid 1px black;
	background-color: lightsteelblue;
}

#wp-calendar tfoot td
{
	border-top: solid 1px black;
}



/*
	Border, background, font and link colors for the footer
	-------------------------------------------------------
*/

#footer
{
	border: solid 1px black;
	background-color: lightsteelblue;
	color: black;
}

#footer a
{
	color: black;
}

#footer a:hover
{
	color: firebrick;
}



/*
	Offset for the footer
	---------------------
*/

#footer
{
	margin-top: 12px;
	margin-bottom: 12px;
}



/*
	Margins for each entry
	----------------------
*/

div.entry
{
	margin-top: 0px;
	margin-bottom: 12px;
}



/*
	Title bar for each entry
	------------------------
*/

.entry_header h1
{
	border: solid 1px black;
	border-bottom: solid 1px black;
	background-color: lightsteelblue;
	color: black;
	margin: 0px 0px;
	padding: 2px 10px;
}

.entry_header h1 a
{
	color: black;
}

.entry_header h1 a:hover
{
	color: firebrick;
}



/*
	Actions for each entry and comment
	----------------------------------
*/

.entry_actions,
.comment_actions
{
	border-top: solid 1px lightsteelblue;
	padding-top: 1px;
}