/*
Theme Name: Loren Platt Theme
Description: Designed by Loren Platt, coded by Peter Zavoruev
Version: 1.0
Author: Loren Platt & Peter Zavoruev
Tags: wide, portfolio, clean
*/

/* STYLE RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; }
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
abbr,acronym,fieldset,img{border:0}


/*********************************
/* GLOBAL STYLE 
/*********************************/
body { border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.2em; color: #636363; background: white; }
a { text-decoration: underline; color: #636363; outline: none; }
a:hover { cursor: pointer; }
em, i { font-style: italic; }
.hide { display: none; }




/*********************************
/* Logotype & menu
/*********************************/
#wrapper { width: 1150px; overflow: hidden; }
#left-side { width: 385px; height: 100%; float: left; position: fixed; background: white; }
#left-side h1 a { background: url("images/loren_platt.png") no-repeat; width: 366px; height: 41px; margin: 187px 6px 35px 13px; display: block; }
#left-side span { display: none; }
#left-side ul { margin-left: 13px; }
#left-side ul a { display: block; }
#left-side ul li { margin-bottom: 7px; }
    #home { width: 55px; height: 15px; background: url("images/menu.png") no-repeat;}
    #home.selected, #home.passive { background: url("images/menu.png") no-repeat -89px 0;}
    #about { width: 61px; height: 13px; background: url("images/menu.png") no-repeat 0 -15px;}
    #about.selected, #about.passive { background: url("images/menu.png") no-repeat -89px -15px;}
    #contact { width: 88px; height: 15px; background: url("images/menu.png") no-repeat 0 -28px;}
    #contact.selected, #contact.passive { background: url("images/menu.png") no-repeat -89px -28px;}
    
    


/*********************************
/* Content
/*********************************/
#content { width: 750px; padding: 228px 0 20px 385px; float: left; }
.button { margin-top: 60px; }
.button a { text-decoration: none; border: 1px solid #666; padding: 5px 10px; }
#content ul, #content ol { margin-left: 20px; }
#content ul li { margin-left: 20px; list-style: disc; }
#content ol li { margin-left: 20px; list-style: decimal; }
#content h1 { font-size: 2em; margin: 20px 0 10px 0; font-weight: bold; }
#content h2 { font-size: 1.5em; margin: 20px 0 10px 0; font-weight: bold; }
#content h3 { font-size: 1.2em; margin: 20px 0 10px 0; font-weight: bold; }
#content h4 { font-size: 1.1em; margin: 20px 0 10px 0; font-weight: bold; }
#content h5 { font-size: 1em; margin: 20px 0 10px 0; font-weight: bold; }
#content p { margin: 0 0 10px 0; }
#attachment { text-align: center; margin-top: 20px; }