/* All encapsulating stuff */ 
html {
background: #272727 url(http://www.aarongarcha.net/site-images/bg.png);
height: auto;
width: 100%;
}

body {
background:#fff;
font: 14px Sans-Serif;
color: #555;
margin: 10px 0px 10px 0px;
padding: 0px 20px 0px 20px;
width: 800px;
height: 100%;
margin: auto;
}

.ie #wrap {
text-align: centre;
margin-left: 18%;
margin-top: 25px;
width: 800px;
}

/* Global styiling */
p {
text-align: justify;
padding: 5px 0px 5px 0px;
letter-spacing: 0px;
line-height: 30px;
/* text-shadow: 1px 1px 1px #aaa; */
}

a {color: #f279ae;font-weight: normal;}
a:hover {color: #a2a2a2;text-decoration: none;}

.alt {color: #f279ae;} /* Dark Pink */
.alt2 {color: #a2a2a2;} /* Dark Grey */

.left {
float: left;
}

.right {
float: right;
}

.left-img {
float: left;
clear: left;
margin: 10px 20px 0px 0px;
}

.right-img {
float: right;
margin: 20px 0 0px 20px;
}

.left-column {
float: left;
width: 45%;
}

.right-column {
float: right;
width: 45%;
}

.clearfix:after {
content: " "; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
font-size: 0;
}


/* Styles the fancy pants 'return to top' sidebar */
#top-link {
font-size: 20px;
display:none;
position:fixed;
width: 100%;
left: 450px;
bottom: 50%;
padding: 10px 0 10px 0;
border-bottom: 1px #eee solid;
font-weight: normal;
text-align: center;
writing-mode:tb-rl;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg);
}

/* Removes border around linked images */
img {
border: 0px;
}

/* top links list */
.top-list {
padding: 21px 0px 0px 0px;
margin: 0;
line-height: 0;
}

.top-list li {
font-size: 0.8em;
display: inline;
padding-right: 0px 10px 0px 0px;
margin: 10px;
}

.top-list li .right {
text-align: right;
}

/* OLD top links list */
.top-list-old{
padding: 4px 0px 0px 0px;
margin: 0;
line-height: 0;
}

.top-list-old li {
display: inline;
padding-right: 0px 10px 0px 0px;
margin: 10px;
}

.top-list-old li .right {
text-align: right;
}

/* horizontal lists */
.h-list {
padding: 0px;
margin: 0px;
}

.h-list li {
color: #a2a2a2;
display: inline;
text-transform: lowercase;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
padding: 0px 20px 0px 0px;
margin: 0px;
}

.h-list li .right {
text-align: right;
}

/* regular lists */
ul{
text-align: justify;
line-height: 2;
padding: 10px 0px 10px 0px;
}

li {
margin: 0px 0px 0px 40px;
}

.indent {
margin: 0px 0px 0px 40px;
}

/* Page Title */
h1 {
text-transform: lowercase;
color: #7f7f7f;
font-weight: normal;
font-size: 5em;
letter-spacing: -5px;
margin: 0;
}

.ie h1 {
width: 700px;
}

h1 a {
color: #a2a2a2;
}

#blurb {
color: #aaa;
font-size: 2.75em;
text-transform: lowercase;
letter-spacing: -3px;
font-weight: normal;
margin: 0;
}

/* Main Page */
h2 {
color: #7f7f7f;
font-size: 2.5em;
text-transform: lowercase;
letter-spacing: -2px;
font-weight: normal;
margin: 0;
}

#header-wrap {
padding: 20px 0 0 0;
margin: 0;
}

.ie #header-wrap {
height: 150px;
}

#header-left {
float: left;
border: 0px 5px 0 0;
border-color: red;
width: 720px;
}

#header-right {
float: right;
width: 70px;
padding-top: 10px;
line-height: 2;
text-align: center;
border-left: 1px solid #ccc;
}

.section {
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
}

hr {
margin: 20px 0 20px 0;
background-color: #ccc;
height: 1px;
border-style: none;
}

h3 {
color: #999;
font-size: 24px;
text-transform: lowercase;
letter-spacing: -1px;
font-weight: normal;
padding: 0;
margin: 0;
}

h4 {
font-size: 24px;
font-weight: normal;
margin: 0;
padding: 0;
}

.caption {
text-align: center;
background-color: #eee;
margin: 0 auto 10px auto;
line-height: 20px;
font-weight: bold;
font-style: italic;
}

/* Footer */
#footer {
text-align: center;
font-style: italic;
}

.img-front {
margin: 5px 0 16px 0;
}

.center {
width: 800px;
text-align: center;
}

.gallery {
margin: 0px 0 25px 0;
}

.gallery-last {
margin: 0;
}

#wp-left {
float: left;
width: 575px;
}

#wp-left-page {
width: 100%;
}

#wp-right {
float: right;
width: 175px;
background-color: #eee;
padding: 10px;
}

#wp-right ul {
margin: 10px 0px 20px 0px;
padding: 0;
}

#wp-right li {
display: block;
margin: 0px 0px 0px 10px;
line-height: 1.5;
}