html {
font-size: 100%; /* IE hack */
border: 0; margin: 0; padding: 0;
height:100%;
}

body {
height:100%;
font-family:Arial, Helvetica, sans-serif;
border:0;
padding: 0 490px 0 490px;
margin: 0;
text-align: center;
font-size:62.5%; /* assuming browser standard font = 16px, set it to 10px */
background-color:#000000;
background-image:url(../images/assets/bg_tile.jpg);
background-repeat:repeat;
background-position:center top;
color:white;
text-align:center;
}

#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
	height:100%;
	min-height: 100%;
	max-width: 520px;  /* version for IE is at the bottom of this style block */
}

#expander {
	margin: 0 -490px 0 -490px;
	min-width: 980px; /* Critical Safari fix! */
	position: relative;
	height:100%;
	min-height: 100%;
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper {
width: 100%;
height:100%;
min-height: 100%;
background: none;
text-align: center;
} 

.bg_img_wrapper {
width:100%;
min-height:100%;
background-image: url(../images/assets/bg_image.jpg);
background-position: top center;
background-repeat: no-repeat;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}

*+html .clearfix {
height:1%;
}

.clearfix {
display:block;
}
/* End hide from IE-mac */

.imgalt, h1.imgalt {
text-indent:-6500px;
font-size:9px;
overflow:hidden;
margin:0px;
padding:0px;
}

#content { 
width: 980px;
margin: 0 auto;
text-align: left;
position: relative;
} 

.column { 
width: 50%; 
position: absolute; 
top: 0; 
} 

.left {left: 0;} 
.right {right: 0;} 

#leftcol {
margin-right: 490px; 
position: relative;
} 
#rightcol {
margin-left: 483px;
} 

.menu_line_wrap {
position:relative;
top:287px;
left:0px;
}

ul.menu_line {
list-style: none;
padding:0px;
margin:0px;
display:block;
}

ul.menu_line li {
list-style: none;
display:block;
background-image: url(../images/assets/menu_line.png);
background-position: top;
background-repeat:repeat-x;
height:38px;
width:100%;
margin:0px 0px 3px 0px;
padding:0px;
overflow: hidden;
}

ul.menu_line li.highlight_line {
background: none;
background-color: black;
}

.banner_logo {
background-image: url(../images/assets/banner_logo.png);
background-position: top;
background-repeat: no-repeat;
height:261px;
width:450px;
margin: 0 auto; 
}

.left_content_col {
position:absolute;
width:348px;
top:287px;
left:0px;
}

.menu_line a {
display: block;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
text-decoration: none;
font-size:27px;
color:#AF9C8A;
padding:3px 0px 0px 0px;
height:38px;
overflow:hidden;
}

.menu_line a:hover {
color:white;
}

.right_content_col {
float:right;
width:653px;
margin:0px -7px 0px 15px;
}

.right_content_col .main_tile {
background-image:url(../images/assets/content_tile.png);
background-repeat: repeat-y;
position: relative;
z-index: 1500;
padding:11px 0px 11px 0px;
}

.right_content_col .main_tile pre {
background-color: white;
font-size:1.5em;
padding:10px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
overflow:scroll;
}

.right_content_col .main_top {
background-image:url(../images/assets/content_top.png);
background-repeat: no-repeat;
height:25px;
}

.right_content_col .main_bottom {
background-image:url(../images/assets/content_bottom.png);
background-repeat:no-repeat;
height:25px;
}

.main_tile h1, .main_tile h4.fakeh1, .main_tile a.href_h1 {
font-size:2.8em;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
margin:0px 0px 0px 6px;
display:block;
background-image:url(../images/assets/h1_bg.jpg);
background-repeat: repeat;
border:1px #999999 solid;
padding:8px 30px 8px 33px;
color:#CCC5BD;
width:550px;
font-weight:normal;
text-decoration: none;
}

.main_tile a.href_h1:hover {
color:black;
}

.main_tile h3, .main_tile h2 {
font-size:2.2em;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
margin:0px 0px 4px 0px;
font-weight:normal;
}

.main_tile .corner_shadow {
background-image: url(../images/assets/h1_corner_shadow.png);
background-repeat:no-repeat;
background-position: top left;
margin-left:6px;
height:11px;
width:11px;
}

a.opts_btn {
display:block;
background-image:url(../images/assets/buttons/opts_btn_bg.png);
background-repeat:no-repeat;
color:#FFFFFF;
width:160px;
height:40px;
text-align:center;
text-decoration:none;
font-size:15px;
font-weight:bold;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
}

a.opts_btn:hover {
background-image:none;
background-color:#4D3B2B;
}


.main_tile {
padding:5px 35px 5px 40px;
}

.main_tile .section_col {
padding:0px 33px 0px 33px;
}

.main_tile .aside_col {
float:right;
width:160px;
}

.summary, .about_intro span {
font-size:1.3em;
font-weight:normal;
display:block;
width:380px;
background-image: url(../images/assets/trans_white_bg.png);
background-repeat: repeat;
padding:15px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
margin:0px 0px 15px 0px;
}

.summary {
width:556px;
}

.about_intro div.about_left {
width:270px;
float:left;
font-size:1.1em;
font-weight: bold;
}

.about_intro div.about_right {
float:right;
width:270px;
text-align: right;
}

.about_intro div.about_right img {
padding:5px;
background-color: black;
}

div.about_right ul {
list-style: none;
padding:0px;
margin:0px;
display:block;
text-align: left;
font-size:1.3em;
}

div.about_right ul li {
list-style: none;
display:block;
text-align: left;
background-image: url(../images/assets/trans_white_bg.png);
background-repeat: repeat;
padding:5px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
margin:0px 0px 7px 0px;
}

div.about_right ul li label {
float:left;
display:block;
width:80px;
}

div.about_right ul li div {
float:left;
display:block;
width:160px;
}

p {
margin:0px 0px 23px 0px;
line-height: 150%;
font-size:1.5em;
}

.tweet {
padding:15px 0px 30px 0px;
}

.tweet_this {
float:left;
display:block;
background-image: url(../images/assets/buttons/tweet_this.png);
background-repeat: no-repeat;
background-position: center;
height:29px;
width:160px;
padding-top:12px;
}

.tweet_bird {
float:left;
display:block;
background-image:url(../images/assets/buttons/tweet_bird_focus.png);
background: none;
background-repeat:no-repeat;
width:67px;
height:52px;
overflow:hidden;
}

.tweet_bird a {
display:block;
background-image:url(../images/assets/buttons/tweet_bird.png);
background-repeat:no-repeat;
width:67px;
height:52px;
text-decoration:none;
font-size:4px;
overflow:hidden;
}

.tweet_bird a:hover {
background-image:url(../images/assets/buttons/tweet_bird_focus.png);
}

.tweet span {
float:left;
display:block;
font-size:1.9em;
color:#AC9884;
font-family: Times New Roman, Serif;
line-height: 130%;
font-style: italic;
width:230px;
}

.tweet span a {
color:#AC9884;
text-decoration: underline;
}

.tweet span a:hover {
color:black;
}

.blog_nav {
float:right;
width:175px;
}

.subscribe_rss {
background-image:url(../images/assets/buttons/rss_subscribe_focus.png);
background: none;
background-repeat:no-repeat;
width:110px;
height:19px;
overflow:hidden;
}

.subscribe_rss a {
display:block;
background-image:url(../images/assets/buttons/rss_subscribe_blur.png);
background-repeat:no-repeat;
width:110px;
height:19px;
text-decoration:none;
font-size:4px;
overflow:hidden;
}

.subscribe_rss a:hover {
background-image:url(../images/assets/buttons/rss_subscribe_focus.png);
}

.blog_nav .box {
padding:8px;
margin:4px 0px 0px 0px;
background-image: url(../images/assets/menu_line.png);
background-position: top;
background-repeat: repeat;
}

.blog_nav .box h4 {
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
color:#CCC5BD;
margin:0px 0px 4px 0px;
font-size:1.8em;
font-weight:normal;
}

.blog_nav .box ul {
list-style: none;
padding:0px;
margin:0px;
display:block;
}

.blog_nav .box ul li {
list-style: none;
display:block;
padding:0px;
margin:0px 0px 3px 0px;
}

.blog_nav .box ul li.more {
margin-top:14px;
}

.blog_nav .box ul li a {
font-size:1.3em;
text-decoration: none;
color:#CCC5BD;
}

.blog_nav .box ul li.more a {
text-decoration: underline;
}

.blog_nav .box ul li a:hover {
color:black;
}

.footer {
background-image: url(../images/assets/footer_line.png);
background-repeat: no-repeat;
background-position: top center;
margin:27px 0px 20px 0px;
padding-top:25px;
text-align: center;
color:#755535;
font-size:1.3em;
}


.comment_title {
font-size:1.5em;
color:#FFFFFF;
font-weight:bold;
margin:0px 0px 3px 0px;
}

a.submit_contact {
background-color:#333333;
display:block;
width:73px;
border:#FFFFFF 2px solid;
padding:2px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-size:13px;
float:right;
}

a.submit_contact:hover {
background-color:#000000;
color:#FFFFFF;
}

a.submit_comments {
float:none;
margin:10px 0px 0px 235px;
}

.comment_row {
margin:2px 0px 2px 0px;
}

.comment_row label {
float:left;
width:225px;
text-align:right;
color:#FFFFFF;
font-size:1.4em;
padding-top:5px;
}

.comment_row input, .comment_row textarea {
float:left;
margin:0px 0px 0px 10px;
width:196px;
padding:2px;
color:#666666;
font-size:1.4em;
}

.comment_row img {
margin:0px 0px 0px 10px;
}

.comment_row textarea {
height:112px;
}

.comment_row input.checkbox {
margin:8px 0px 0px 10px;
width:auto;
float:left;
}

.comment {
margin:3px 0px 16px 0px;
background-image: url(../images/assets/trans_white_bg.png);
background-repeat: repeat;
padding:20px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
}

.comment .caption {
float:left;
width:85px;
text-align:left;
color:#FFFFFF;
font-size:1.2em;
}

.comment .text {
float:left;
margin:0px 0px 0px 10px;
width:296px;
color:#FFFFFF;
font-size:1.2em;
}

.comment .text a.comment_name {
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
text-decoration: none;
color:white;
font-size:1.5em;
text-decoration: none;
}

.comment .text p {
color:#FFFFFF;
font-size:1.2em;
}

.comment .text .comment_date {
font-size:0.9em;
font-style:italic;
margin:0px 0px 5px 0px;
}

.comment .text .comment_text a {
font-weight:normal;
text-decoration:underline;
color:white;
}

.comment .text a:hover {
color:#000000;
}

.no_comments {
font-size:1.2em;
color:#FFFFFF;
}

.line {
border-top:solid 2px #846D55;
overflow:hidden;
height:4px;
}

a.number_of_comments, a.read_more {
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
display:block;
color:white;
text-align: right;
font-size:1.6em;
text-decoration: none;
margin-bottom:50px;
}

a.read_more {
font-size:1.9em;
}

a.number_of_comments:hover, a.read_more:hover {
color:black;
}

.list_summary p {
font-size:1.8em;
}

.entry_date {
font-size:1.2em;
padding:10px 0px 0px 0px;
font-style: italic;
text-align: center;
color:#AF9C8A;
}

.blog_body img {
padding:10px;
background-color:black;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
border:2px solid #cccccc;
text-align: center;
margin:15px 0px 00px 0px;
display: block;
margin-left: auto;
margin-right: auto
}

.blog_body a, .summary a, .list_summary a {
color:white;
}

.blog_body p {
font-size:1.6em;
}

.blog_body ul {
margin-bottom:25px;
}

.blog_body ul li {
font-size:1.6em;
line-height: 150%;
}



.blog_body a:hover, .summary a:hover, .list_summary a:hover {
color:black;
}

.summary p, .about_intro p {
margin-bottom:0px;
}

blockquote {
font-size:2em;
font-family: Times New Roman, Serif;
line-height: 130%;
font-style: italic;
}

.contact_form_wrapper label {
float:left;
text-align:right;
width:190px;
color:#FFFFFF;
margin:9px 5px 0px 0px;
font-size:1.6em;
}

.contact_form_wrapper input.text {
float:left;
width:240px;
color:#000000;
font-size:1.6em;
margin:3px 0px 0px 0px;
}


.contact_form_wrapper textarea.text {
float:left;
width:240px;
height:80px;
color:#000000;
font-size:1.6em;
margin:3px 0px 0px 0px;
}


.contact_form_wrapper input.send_btn {
background-color:#000000;
border:1px solid #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:1.5em;
font-weight:bold;
padding:2px 10px 2px 10px;
margin:4px 0px 0px 195px;
width:100px;
}

.contact_form_wrapper input.send_btn:hover {
background-color:#333333;
}

.field_error {
background-color:#FF0000;
}


#contact_msg_sent, .error_popup, #contact_form_spinner {
display:none;
font-size:1.6em;
}

#contact_form_spinner {
text-align:center;
margin:0px 0px 15px 0px;
background-color: black;
border:1px #cccccc solid;
padding:30px;
}

.project_row .project_img {
float:left;
width:220px;
height:117px;
background-position: left;
background-repeat: no-repeat;
}

.project_row .project_txt {
float:left;
display:block;
width:350px;
padding-top:5px;
}

.musician_row {
float:left;
text-align: center;
width:285px;
}

.project_row .esvelte {
background-image: url(../images/assets/esvelte_logo.png);
}

.project_row .oskarsmith {
background-image: url(../images/assets/oskarsmith_logo.png);
}

.project_row .website_coming_soon {
background-image: url(../images/assets/website_coming_soon.png);
}

.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}