### Mathematics in a Peristyle Garden

Architecture consist of plenty of mathematics. There would be no architecture if there were no mathematics. Mathematics is what makes a building grand, or a house that is well proportioned to the person or clients needs. Above are a series of pictures of a peristye garden. A peristyle garden is seen in Roman houses, "peristyle" means surrounded by columns.
Peristyle gardens is a very good example of mathematics. In a paeristyle garden there are many different characteristics of mathematics, such as symmetry and ratios. The first picture is a column which is an example of mathematics as a form-towards transformation. The basic column is a tall cylindrical solid, plain with no designs. The column above(first pic) is carved so that there are groves going vertically all the way around the column. We further shape the old to be new. The sculpture-looking top, on top of the column is also a form of transformation, this piece of carving use to be a block of stone or raw material but with the works of design and proportion by a pair of hands, we have a marvelous piece of art.
The ratio of the column is human to grand(2nd pic). The human is average height but the column is about 3 times bigger. Implying that the building that the column was made for is not ordinary or average, there is a certain significance to it. To represent the power or majestic lifestyle of the inhabitant of the building or just the building itself. Mathematics gives the bulding a size, ratios and characteristic. Without mathematics to give it dimension we'd have a column that looks just like a straight line.

Another unique thing about a peridtyle garden is how it redifines a persons perception of space. Peristyle gardens have paintings on the walls that surround the garden. These paintings often consist of nature, animals, fake architecture; which is fountains and statues, or sometimes they are just regular paintings. The reason that there is painting on these walls is to create an illusion, to give the garden a sense of size, making it look bigger than it actually is. Rather than having solid walls with no painting, just a plain wall would give the effect of being enclosed. Mathematics changes your perceptioon by giving depth in a picture, adding more space to a place than there actually is.

/* Base Weblog (base-weblog.css) */

/* basic elements */

html
{
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
}

body
{
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 12px;
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
margin-top: 10px;
margin-bottom: 10px;
}

/* standard helper classes */

.clr
{
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
font-size: 0;
line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/* page layout */

body { text-align: center; } /* center on ie */

#container
{
position: relative;
margin: 0 auto; /* center on everything else */
width: 720px;
text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta
{
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
position: static;
}

/* banner user/photo */

.banner-user
{
float: left;
overflow: hidden;
width: 64px;
margin: 0 15px 0 0;
border: 0;
text-align: center;
}

.banner-user-photo
{
display: block;
margin: 0 0 2px 0;
border: 0;
background-position: center center;
background-repeat: no-repeat;
text-decoration: none !important;
}

.banner-user-photo img
{
width: 64px;
height: auto;
margin: 0;
border: 0;
}

/* content */

.content-nav
{
margin: 10px;
text-align: center;
}

.entry-content
{
position: static;
clear: both;
}

.entry,
.archive
{
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 20px;
}

.entry-content,
.comment-content,
{
clear: both;
margin: 5px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more
{
clear: both;
}

.entry-footer,
.comment-footer,
.archive-content
{
clear: both;
margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
width: 240px;
}

{
margin-left: 0;
vertical-align: middle;
}

#comment-post
{
font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
float: left;
width: 115px;
margin: 0 10px 10px 0;
}

.image-thumbnail img
{
width: 115px;
height: 115px;
margin: 0 0 2px 0;
}

/* modules */

.module
{
position: relative;
overflow: hidden;
width: 100%;
}

.module-content
{
position: relative;
margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
margin: 0;
list-style: none;
}

.module-list-item
{
margin-top: 5px;
margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table
{
border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
width: 14%;
text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
display: block;
clear: both;
margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
float: left;
min-width: 60px;
width: 60px;
/* no ie mac \*/width: auto;/* */
margin: 0 5px 0 0;
text-align: center;
vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
margin: 0;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
display: block;
height: 1%;
margin: 0;
border: 0;
list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
display: block;
float: left;
/* ie win fix \*/ height: 1%; /**/
margin: 0;
border: 0;
}

.module-recent-photos .module-list-item a
{
display: block;
margin: 0;
border: 0;
}

.module-recent-photos .module-list-item img
{
width: 60px;
height: 60px;
margin: 0;
}

/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
width: 14%;
height: 75px;
text-align: left;
vertical-align: top;
}

.day-photo
{
width: 54px;
height: 54px;
}

.day-photo a
{
display: block;
}

.day-photo a img
{
width: 50px;
height: 50px;
}

/* Vicksburg (theme-vicksburg.css) */

/* basic page elements */

body
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
font-size: 12px;
}

a { color: #36414d; text-decoration: underline; }
a:hover { color: #a3b8cc; }

#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #fff; }

.module-content a { color: #36414d; }
.module-content a:hover { color: #a3b8cc; }

h1, h2, h3, h4, h5, h6
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;

margin: 0;
border-left: 5px solid #36414d;
color: #fff;
background: #a3b8cc;
font-size: 11px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}

{
color: #fff;
}

.entry-footer,
.comment-footer,
.typelist-thumbnailed
{
font-size: 11px;
}

.commenter-profile img { vertical-align: middle; }

/* page layout */

body
{
min-width: 720px;
color: #333;
background: #8596A6;
}

#container
{
width: 720px;
margin-bottom: 20px;
background: #fff;
}

#container-inner
{
border-width: 0 5px 5px 5px;
border-style: solid;
border-color: #7F7F7F;
}

#banner
{
width: 710px; /* necessary for ie win */
background: #a3b8cc;
}

#banner-inner
{
border-width: 2px 2px 0 2px;
border-style: solid;
border-color: #fff;
}

.banner-user
{
width: 70px;
margin-top: 5px;
font-size: 10px;
}

.banner-user-photo { border: 1px solid #fff; }

{
margin: 0;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 1;
}

#banner-description
{
margin-top: 5px;
margin-bottom: 0;
color: #fff;
background: none;
font-size: 12px;
font-weight: bold;
line-height: 1.125;
}

#alpha { margin: 15px 15px 0 15px; width: 480px; }
#beta { width: 200px; background: #e6ecf2; }
#gamma, #delta { width: 180px; background: #e6ecf2; }

#beta-inner,
#gamma-inner,
#delta-inner
{
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: #fff;
}

{
margin-top: 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

{
margin-top: 0;
border-left: 5px solid #dae0e6;
color: #666;
font-size: 18px;
}

.entry-content,
.comment-content,
{
margin: 0;
line-height: 1.5;
}

.entry-footer,
.comment-footer,
{
margin: 0 0 20px 0;
border-top: 1px solid #dae0e6;
color: #666;
font-size: 10px;
text-align: right;
}

.comment-content,
.comment-footer,
{
margin-left: 10px;
}

.content-nav { margin-top: 0; }

{
margin: 10px 0;
border: 1px dashed #a3b8cc;
color: #292e33;
font-size: 11px;
text-align: center;
background: #e6ecf2;
}

{
margin: 10px 0;
}

/* modules */

.module
{
margin: 0 0 10px 0;
border-bottom: 1px solid #f3f6f9;
background: #dae0e6;
}

.module-content
{
margin: 0 0 10px 0;
border-top: 1px solid #cfd4d9;
font-size: 10px;
line-height: 1.2;
}

.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 10px; }

.module-powered { border-width: 0; }
.module-powered .module-content
{
margin-bottom: 0;
border: 1px dashed #a3b8cc;
color: #292e33;
background: #fff;
}

.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }

.module-list
{
margin: 0 15px 10px 15px;
list-style: disc;
}

.module-list .module-list
{
margin: 5px 0 0 0;
list-style: circle;
}

.module-list-item
{
margin-top: 0;
color: #666;
line-height: 1.2;
}

.typelist-thumbnailed .module-list
{
margin: 0 0 10px 0;
list-style: none;
}

.typelist-thumbnailed .module-list-item
{
margin: 1px 0;
background: #f3f6f9;
}

.typelist-thumbnail
{
background: #fff;
}

.module-photo img { border: 1px solid #fff; }

.module-featured-photo { width: 398px; }
.module-featured-photo .module-content
{
margin: 0;
border-width: 0;
}
.module-featured-photo img { width: 398px; }

.module-recent-photos .module-content { padding: 10px 0 0 19px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item
{
width: 64px; /* mac ie fix */
margin: 0 10px 10px 0;
background: none;
}

.module-recent-photos .module-list-item a
{
border: #cfd4d9 1px solid;
background: #fff;
}

.module-recent-photos .module-list-item a:hover
{
border-color: #36414d;
background: #fff;
}

/* calendar tweaks */

.layout-calendar #alpha { width: 260px; }
.layout-calendar #beta { width: 420px; }

.layout-calendar #gamma,
.layout-calendar #delta
{
width: 190px;
}

.layout-calendar #gamma-inner,
.layout-calendar #delta-inner
{
border: 0;
}

.module-mmt-calendar { width: 398px; }
.module-mmt-calendar .module-content
{
margin: 0;
border-width: 0;
}

.module-mmt-calendar table
{
width: 378px;
background: #a3b8cc;
}

.module-mmt-calendar th
{
color: #fff;
border-top: 1px solid #fff;
border-right: 1px solid #f3f6f9;
border-bottom: 1px solid #cfd4d9;
text-align: right;
font-weight: bold;
}

.module-mmt-calendar td
{
border-top: 1px solid #fff;
border-right: 1px solid #f3f6f9;
border-bottom: 1px solid #cfd4d9;
text-align: right;
font-weight: normal;
background: #e6ecf2;
}

th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42
{
border-right: none;
}

.module-mmt-calendar td { height: 70px; }

.day-photo
{
width: 49px;
height: 49px;
}

.day-photo a
{
border: #cfd4d9 1px solid;
background: #fff;
}

.day-photo a:hover
{
border-color: #36414d;
background: #fff;
}

.day-photo a img
{
width: 45px;
height: 45px;
}

/* artistic tweaks */

.layout-artistic #alpha { width: 260px; }
.layout-artistic #beta { width: 420px; }

.layout-artistic #gamma,
.layout-artistic #delta
{
width: 190px;
}

.layout-artistic #gamma-inner,
.layout-artistic #delta-inner
{
border: 0;
}

/* moblog1 tweaks */

.layout-moblog1 #alpha
{
margin: 0;
width: 180px;
background: #e6ecf2;
}

.layout-moblog1 #alpha-inner
{
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}

.layout-moblog1 #beta
{
margin: 15px 15px 0 15px;
width: 320px;
background: none;
}

.layout-moblog1 #beta-inner
{
border-width: 0;
}

.layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }

/* moblog2 tweaks */

.layout-moblog2 #alpha
{
margin: 0;
width: 86px;
background: #e6ecf2;
}

.layout-moblog2 #alpha-inner
{
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}

.layout-moblog2 #beta
{
margin: 15px 15px 0 15px;
width: 260px;
background: none;
}

.layout-moblog2 #beta-inner
{
border-width: 0;
}

.layout-moblog2 #delta
{
width: 154px;
}

.layout-moblog2 .module-recent-photos
{
border: 0;
background: none;
}

.layout-moblog2 .module-recent-photos .module-content
{
border: 0;
}

.layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }

/* timeline tweaks */

.layout-timeline #alpha { width: 260px; }
.layout-timeline #beta { width: 420px; }

.layout-timeline #gamma,
.layout-timeline #delta
{
width: 190px;
}

.layout-timeline #gamma-inner,
.layout-timeline #delta-inner
{
border: 0;
}

/* one-column tweaks */

.layout-one-column body { min-width: 520px; }
.layout-one-column #container { width: 520px; }
.layout-one-column #banner { width: 510px; } /* necessary for ie win */

/* two-column-left tweaks */

.layout-two-column-left #alpha
{
margin: 0;
width: 200px;
background: #e6ecf2;
}

.layout-two-column-left #alpha-inner
{
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}

.layout-two-column-left #beta
{
margin: 15px 15px 0 15px;
width: 480px;
background: none;
}

.layout-two-column-left #beta-inner
{
border-width: 0;
}

/* three-column tweaks */

.layout-three-column #alpha
{
margin: 0;
width: 180px;
background: #e6ecf2;
}

.layout-three-column #alpha-inner
{
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}

.layout-three-column #beta
{
margin: 15px 15px 0 15px;
width: 320px;
background: none;
}

.layout-three-column #beta-inner
{