Los bordes

Aquí podeis ver las distintas zonas a las que se les puede añadir un borde.
Habitualmente se pone el mismo color en todas ellas, pero yo he creado variables para independizarlas y que podais apreciarlas mejor.

En Tuneando el blog hay varias entradas explicando como crear variables y como añadir la orden del borde a los sitios, pero voy a deciros donde las he añadido aquí, el color de cada una y la variable que he creado en cada caso.

No quiero decir con esto que conviertas tu blog en un arco iris, pero si quieres diferenciar alguna zona, así podrás hacerlo.

Donde están los bordes

matarile, rile, rile... ¡Huy no! (Esa cabeza mia...)
Partiendo de la base de que esta es una plantilla scribe, y por tanto las definiciones corresponden a su código, estos son los bordes que puedes poner, sus ubicaciones y las variables que puedes crear para diferenciar alguna zona.
En otras plantillas las definiciones de los lugares pueden variar ligeramente, por ejemplo en lugar de sidebar puede ser que ponga sidebar-wrapper, pero en esencia es lo mismo.

El borde gris, que enmarca todo el blog, está en #outer-wrapper {
border:9px ridge $borderColor;
en este caso he usado la variable ya existente:

<Variable name="borderColor" description="Border Color"
type="color" default="#211104" value="#808080">


Fíjate en la forma en que se escribe el nombre de la variable, pues una mayúscula o una minúscula en el sitio equivocado y te saldrá eso de error, la definición se usa pero no aquí o algo parecido.

El borde marrón/naranja de la cabecera, está en .Header {
border: 10px ridge $headerBorderColor;
He creado la variable copiando la anterior (entera) y cambiando lo que está en rojo
name="borderColor" description="Border Color"
por lo que está en azul
name="headerBorderColor" description="Header Border Color"
El borde verde de la columna lateral izquierda, está en #sidebar {
border: 6px ridge $sidebarBorderColor;
He vuelto a copiar la variable inicial y en este caso la he llamado así:
name="sidebarBorderColor" description="Sidebar Border Color"

El borde azul de la columna lateral derecha está en #newsidebar {
border: 6px ridge $newsidebarBorderColor;
y estos son los datos de su variable
name="newsidebarBorderColor" description="Newsidebar Border Color"

El borde rojo del centro está en #main {
border: 6px ridge $mainBorderColor;
variable en este caso:
name="mainBorderColor" description="Main Border Color"

El borde rosa que enmarca las entradas está en .post {
border: 4px ridge $postBorderColor;
su variable
name="postBorderColor" description="Post Border Color"

El borde amarillo que enmarca los elementos de las columnas laterales está en .sidebar .widget {
border: 5px ridge $widgetBorderColor;
variable:
name="widgetBorderColor" description="Widget Border Color"

El borde morado que enmarca el pie del blog está en: #footer {
border: 10px ridge $footerBorderColor;
con esta variable
name="footerBorderColor" description="Footer Border Color"

El borde azul/grisáceo que enmarca el elemento que hay dentro del pie del blog está en este código que he añadido para que se vea el elemento enmarcado dentro del contenedor del footer:

.footer .widget {
background-color: $bgColor;
border: 5px ridge $footerWidgetBorderColor;
margin: 10px;
padding: 10px;
}
con esta variable:
name="footerWidgetBorderColor" description="Footer Widget Border Color"

Y por último la menubar (los botones bajo la cabecera).
Verás que están enmarcados por un color gris más clarito que el del marco grande.
También le he creado una variable llamándola así
name="menubarBorderColor" description=" Menubar Border Color"
y a la linea de borde de esta zona de su código #menubar li {
le he cambiado $borderColor por $menubarBorderColor.

Espero que con esto y el Blog de muestras de fondos, tengas un poco más claro qué hay en tu plantilla.