/*

Skin name: Better Products And Services

Version: 1.0

Author: Gregg

Author uri: http://www.betterproductsandservices.com

Description: Better Products And Services

*/



/*

#

# 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

#

*/



body

{

	background-color: #999999;

	color: black;

}



#header,

#footer,

#main,

#sidebar

{

	background-color: white;

	color: black;

}



.narrow_sm #sidebar,

.narrow_ms #sidebar,

.narrow_esm #sidebar,

.narrow_sme #sidebar,

.narrow_ems #sidebar,

.narrow_mse #sidebar,

.wide_sm #sidebar,

.wide_ms #sidebar,

.wide_esm #sidebar,

.wide_sme #sidebar,

.wide_ems #sidebar,

.wide_mse #sidebar

{

        background-color: #CCCCCC;

}



#wp-calendar

{

	background-color: white;

}



#navbar,

#wp-calendar thead

{

	background-color: gold;

}



#footer,

#wp-calendar tfoot

{

	background-color: whitesmoke;

}



#translator

{

	text-align: center;

}



h1,

h1 a

{

	color: firebrick;

}



.header h2

{

	color: darkblue;

}



.ssm #ext_wrapper,

.sms #ext_wrapper,

.mss #ext_wrapper,

.sm #ext_wrapper,

.ms #ext_wrapper,

.m #ext_wrapper

{

	border: solid 7px black;

	background-color: white;

}



.essm #wrapper,

.esms #wrapper,

.emss #wrapper,

.ssme #wrapper,

.smse #wrapper,

.msse #wrapper,

.esm #wrapper,

.ems #wrapper,

.sme #wrapper,

.mse #wrapper,

.em #wrapper,

.me #wrapper

{

	border: solid 7px black;

	background-color: white;

}



#navbar

{

	border-top: solid 1px dimgray;

	border-bottom: solid 1px dimgray;

}



#footer

{

	border-top: solid 1px dimgray;

}



#wp-calendar

{

	border: solid 1px dimgray;

}



#wp-calendar thead th

{

	border-bottom: solid 1px dimgray;

}



#wp-calendar tfoot td

{

	border-top: solid 1px dimgray;

}



.navbar a

{

	color: darkblue;

}



.navbar a:hover

{

	color: firebrick;

}



.entry_header h2

{

	border-bottom: solid 1px steelblue;

	padding-bottom: 1px;

}



.sidebar h2

{

	border-bottom: solid 1px firebrick;

	padding-bottom: 1px;

}



.main table thead th

{

	border-bottom: solid 1px lightsteelblue;

}



.entry_actions,

.comment_actions

{

	border-top: solid 1px lightsteelblue;

	padding-top: 1px;

}



blockquote

{

	background-color: antiquewhite;

}



pre

{

	background-color: lavender;

}



#ext_sidebar

{

	border: solid 7px black;

	background-color: white;

}





/* font */



.custom,

.custom #header_nav,

.custom #search_form,

.custom #copyright,

.custom #footer_nav,

.custom #credits,

.custom #main,

.custom #sidebar,

.custom #sidebar2,

.custom #ext_sidebar,

.custom input,

.custom select,

.custom textarea,

.custom button

{

	font-family: Verdana, Helvetica, Sans-Serif;

}



.custom #header h1,

.custom #header h2,

.custom #main h1,

.custom #main h2,

.custom #sidebar h2,

.custom #sidebar2 h2,

.custom #ext_sidebar h2,

.custom #wp-calendar caption

{

	font-family: Georgia, Times New Romain, Serif;

}



.custom code, .custom pre

{

	font-family: Courier New, Courier, monospace;

}





/* header style */



.skin #header h1

{

	padding-top: .2em;

	padding-bottom: .1em;

	font-size: 24pt;

}



.skin #header h2

{

	padding-top: .1em;

	padding-bottom: 1.2em;

	text-align: center;

}







/* 3-columns, narrow width */



.narrow_mse #wrapper,

.narrow_sme #wrapper,

.narrow_ems #wrapper,

.narrow_esm #wrapper

{

	width: 570px;

}



.narrow_ems #sidebar,

.narrow_esm #sidebar,

.narrow_ems #ext_sidebar,

.narrow_esm #ext_sidebar,

.narrow_mse #sidebar,

.narrow_sme #sidebar,

.narrow_mse #ext_sidebar,

.narrow_sme #ext_sidebar

{

	width: 168px;

}



.narrow_ems #main,

.narrow_esm #main,

.narrow_mse #main,

.narrow_sme #main

{

	width: 400px;

}





/* 2-columns, narrow width */



.narrow_me #ext_sidebar,

.narrow_em #ext_sidebar

{

	width: 168px;

}



.narrow_me #wrapper,

.narrow_em #wrapper

{

	width: 570px;

}





/* 3-column width */



.wide_mse #ext_wrapper,

.wide_sme #ext_wrapper,

.wide_ems #ext_wrapper,

.wide_esm #ext_wrapper,

.narrow_mse #ext_wrapper,

.narrow_sme #ext_wrapper,

.narrow_ems #ext_wrapper,

.narrow_esm #ext_wrapper

{

	width: 920px;

}



.wide_mse #wrapper,

.wide_sme #wrapper,

.wide_ems #wrapper,

.wide_esm #wrapper,

.narrow_mse #wrapper,

.narrow_sme #wrapper,

.narrow_ems #wrapper,

.narrow_esm #wrapper

{

	width: 700px;

}



.wide_ems #ext_sidebar,

.wide_esm #ext_sidebar,

.wide_mse #ext_sidebar,

.wide_sme #ext_sidebar,

.narrow_ems #ext_sidebar,

.narrow_esm #ext_sidebar,

.narrow_mse #ext_sidebar,

.narrow_sme #ext_sidebar

{

	width: 188px;

}





.wide_ems #sidebar,

.wide_esm #sidebar,

.wide_mse #sidebar,

.wide_sme #sidebar,

.narrow_ems #sidebar,

.narrow_esm #sidebar,

.narrow_mse #sidebar,

.narrow_sme #sidebar

{

	width: 238px;

}



.wide_ems #main,

.wide_esm #main,

.wide_sme #main,

.wide_mse #main,

.narrow_ems #main,

.narrow_esm #main,

.narrow_sme #main,

.narrow_mse #main

{

	width: 460px;

}





/* 2-columns, wide width */



.wide_me #ext_wrapper,

.wide_em #ext_wrapper,

.narrow_me #ext_wrapper,

.narrow_em #ext_wrapper

{

	width: 920px;

}



.wide_me #ext_sidebar,

.wide_em #ext_sidebar,

.narrow_me #ext_sidebar,

.narrow_em #ext_sidebar

{

	width: 188px;

}



.wide_me #wrapper,

.wide_em #wrapper,

.narrow_me #wrapper,

.narrow_em #wrapper

{

	width: 700px;

}



.wide_ms #ext_wrapper,

.wide_sm #ext_wrapper,

.narrow_ms #ext_wrapper,

.narrow_sm #ext_wrapper

{

	width: 700px;

}



.wide_ms #sidebar,

.wide_sm #sidebar,

.narrow_ms #sidebar,

.narrow_sm #sidebar

{

	width: 238px;

}



.wide_ms #main,

.wide_sm #main,

.narrow_ms #main,

.narrow_sm #main

{

	width: 460px;

}





/* sidebar bg */



.narrow_ms #body,

.narrow_mse #body,

.narrow_ems #body,

.wide_ms #body,

.wide_mse #body,

.wide_ems #body

{

	background: url(ms.png) repeat-y;

}



.narrow_sm #body,

.narrow_sme #body,

.narrow_esm #body,

.wide_sm #body,

.wide_sme #body,

.wide_esm #body

{

	background: url(sm.png) repeat-y;

}







.skin .footer div.pad,

.skin .main div.pad,

.skin .sidebar div.pad

{

	padding-left: 20px;

	padding-right: 20px;

}



.skin .navbar div.pad

{

	padding-left: 18px;

	padding-right: 18px;

}



#header h1,

#header h2

{

	padding-left: 20px;

	padding-right: 20px;

}