@import "syntax.css";

body {
	background: rgb(120, 60, 60) url(../images/glass_stripes.png) repeat-x fixed;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #222;
}
.clear {
	clear: both;
}
#wrapper {
    position: relative;
	width: 960px;
	margin: 32px auto;
}
#header, #content, #footer {
	width: 912px;
	padding: 1px 24px;
}
#header {
	background: transparent url(../images/glass_header.png) no-repeat;
	height: 70px;
	color: #fff;
    position: relative;
}
#header #contact_me {
    position: absolute;
    right: 24px;
    top: 24px;
	text-shadow: 0 0 4px #000;
}
#header a {
    color: #fff;
    text-decoration: none;
}
#header a:hover {
    text-decoration: underline;
}
#content {
	background: transparent url(../images/glass_tile.png) repeat-y;
}
#content #body {
    width: 720px;
    float: left;
}
#content #side {
    width: 165px;
    float: right;
    opacity: 0.7;
}
#content #side .my-photo {
    text-align: center;
}
#content #side .my-photo img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 0 2px 5px #000;
    -moz-box-shadow: 0 2px 5px #000;
}
#content #side h2 {
    font-size: 1.25em;
    text-align: center;
    margin-top: 0;
}
#content #side ul,
#content #side li {
    padding: 0;
    margin: 0;
    list-style: none;
}
#content #side ul {
}
#content #side li {
    margin-bottom: 0.75em;
}
#footer {
	background: transparent url(../images/glass_footer.png) no-repeat;
	height: 27px;
	padding-top: 32px;
	font-size: 1em;
	color: #fff;
	text-shadow: 0 0 4px #000;
	text-align: right;
}

#header h1 {
	margin: 0;
	font-size: 2em;
	font-weight: normal;
	text-shadow: 0 0 4px #000;
	line-height: 60px;
}
#header h1 .tld {
	font-size: 50%;
}


#content h1, #content h2, #content h3, #content h4 {
	text-shadow: 1px 1px 2px #777;
	clear: both;
}
#content a {
	color: #222;
}
#content a:hover {
	color: #000;
	text-decoration: none;
}

/* Total width is 780px */
#main_content {
	/*width: 580px;*/
	width: 780px;
	float: left;
	padding-right: 10px;
}
/*
#side_content {
	width: 180px;
	float: right;
	padding-left: 10px;
}
*/

#footer {
	clear: both;
}

#footer p {
	margin: 0;
}
#footer a {
	color: #fff;
}

#footer .powered_by {
	float: left;
	text-align: left;
}
#footer .powered_by a {
	font-weight: bold;
	text-decoration: none;
}
#footer .powered_by a:hover {
	text-decoration: underline;
}




/**
 * Blog posts
 */
#blog .post .header h2 {
	margin-top: 0;
}
#blog .post .footer {
	font-size: smaller;
	padding: 0.25em;
	color: #666;

}
#blog .post .footer .datetime {
	text-align: right;
}

#blog .post .footer .comment-count {
    padding: 0.5em 0;
    text-align: right;
}

#content .pagination {
	clear: both;
	margin: 1em 0;
	text-align: center;
}
#content .pagination .step-links a {
	border: 1px solid #555;
	padding: 1px 4px;
	background: #aaa;
	text-decoration: none;
	color: #000;
	text-transform: capitalize;
}
#content .pagination .step-links .current {
	border: 1px solid #aaa;
	padding: 1px 4px;
	background: #ddd;
	text-decoration: none;
	color: #000;
}


#albums a,
#gallery a {
	text-decoration: none;
}
#albums ul, #albums li,
#gallery ul, #gallery li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#albums ul,
#gallery ul {
	text-align: center;
}
#albums li,
#gallery li {
	display: inline-block;
	padding: 1em;
	width: 320px;
	height: 240px;
}
#albums li img,
#gallery li img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    
    -webkit-box-shadow: 0 3px 10px #000;
    -moz-box-shadow: 0 3px 10px #000;

    border: none;
}
#post-comments {
}
#post-comments li {
    margin-bottom: 1em;
}
#post-comments form {
    margin-left: 1em;
}
#comment-preview form label,
#post-comments form label {
    display: block;
}
#comment-preview form .error ul,
#comment-preview form .error li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
}
#comment-preview form .error {
    color: #a00;
}