sawine@73: /*
sawine@73: ME73.com stylesheet
sawine@73: Author: Eugen Sawin <sawine@me73.com>
sawine@73: */ 
sawine@73: 
sawine@73: * { margin: 0; padding: 0; outline: 0 }
sawine@73: 
sawine@73: html { background: #222222; }
sawine@73: 
sawine@73: body {
sawine@73:     /*font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;*/
sawine@73:     font: 12px/1.4 Helvetica Neue, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;   
sawine@73:     color: #8D8D8D;	
sawine@73:     margin: 0; 	
sawine@73:     padding: 0; 
sawine@73:     background: #222222;	
sawine@73:     text-align: center;
sawine@73: }
sawine@73: 
sawine@113: .line-through {
sawine@113:   text-decoration: line-through;
sawine@113: }
sawine@113: 
sawine@73: /* Links */
sawine@73: a, a:visited {
sawine@73:     text-decoration: none;
sawine@73:     color: #DEDEDE;	
sawine@73: }
sawine@73: a:hover {
sawine@73:     color: #fff;
sawine@73:     border-bottom: 1px dotted #438800;
sawine@73: }
sawine@73: 
sawine@73: /* headers */
sawine@73: h1, h2, h3, h4 {
sawine@73:     /*font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif;*/
sawine@73:     /*color: #0AEAEA;*/
sawine@73:     color: #FFF;
sawine@73: }
sawine@73: h1 {    
sawine@73:     font-size: 3.1em;	
sawine@73:     letter-spacing: -2px;
sawine@73:     padding: 15px 10px 5px 10px;	
sawine@73: }
sawine@73: h2 {
sawine@73:     font-size: 1.7em;
sawine@73:     /*color: #895F30;*/
sawine@73:     color: #FFF;
sawine@73:     padding: 20px 10px 5px 10px;	
sawine@73: }
sawine@73: h3 {    
sawine@73:     font-size: 1.6em;	
sawine@73:     font-weight: normal;
sawine@73:     padding: 10px 10px 10px 5px;		
sawine@73: }
sawine@73: 
sawine@73: h4 {
sawine@73:     color: #AbAbAb;	
sawine@73:     font-size: 1.1em;
sawine@73:     /*font-weight: bold;*/
sawine@73:     padding: 10px 5px 0px 0px;
sawine@73: }
sawine@73: 
sawine@73: h5 {
sawine@73:     font-size: 1.0em;
sawine@73:     padding: 0px 0px 0px 0px;
sawine@73: }
sawine@73: 
sawine@73: p, dl {
sawine@73:     padding: 5px 20px;
sawine@73:     margin: 0;
sawine@73: }
sawine@73: 
sawine@73: ul, ol {
sawine@73:     margin: 5px 20px;
sawine@73:     padding: 0px 20px;
sawine@73: }
sawine@74: ul { 
sawine@74:     list-style-type: square;
sawine@74: }
sawine@73: 
sawine@73: dt {
sawine@73:     /*font-weight: bold;*/
sawine@73:     color: #FAFAFA;
sawine@73: }
sawine@73: dd {
sawine@73:     padding-left: 25px; 
sawine@73: }
sawine@73: 
sawine@73: /* images */
sawine@73: img {
sawine@73:     background: #1B1B1B;
sawine@73:     border: 4px solid #262626;
sawine@73:     padding: 0px;
sawine@73: }
sawine@73: 
sawine@73: img.float-right {
sawine@73:     margin: 5px 0px 5px 10px;  
sawine@73: }
sawine@73: 
sawine@73: img.float-left {
sawine@73:     margin: 5px 10px 5px 0px;
sawine@73: }
sawine@73: 
sawine@73: canvas {
sawine@73:     border: 4px solid #262626;  
sawine@73: } 
sawine@73: 
sawine@73: code {
sawine@73:     margin: 5px 0;
sawine@73:     padding: 15px;
sawine@73:     text-align: left;
sawine@73:     display: block;
sawine@73:     overflow: auto;  
sawine@73:     font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
sawine@73:     /* white-space: pre; */
sawine@73:     background: #070707;
sawine@73: /*border: 1px solid #111;   */
sawine@73: }
sawine@73: acronym {
sawine@73:     cursor: help;
sawine@73:     border-bottom: 1px dotted #5B5B5B;
sawine@73: }
sawine@73: blockquote {
sawine@73:     margin: 15px 10px;
sawine@73:     padding: 10px 10px 10px 35px;  
sawine@73:     background: #070707 url(quote.gif) no-repeat 10px 10px;
sawine@73:     border: 1px solid #111; 
sawine@73:     font-weight: normal;
sawine@73:     font-size: 17px;
sawine@73:     line-height: 1.6em;
sawine@73:     font-style: italic;
sawine@73:     font-family: Georgia, 'Times New Roman', Times, serif;	
sawine@73:     color: #808080;	
sawine@73: }
sawine@73: 
sawine@73: /* start - table */
sawine@73: table {
sawine@73:     margin: 15px 0px; 	
sawine@73:     border-collapse: collapse;			
sawine@73: }
sawine@73: th {
sawine@73:     color: #FAFAFA;
sawine@73:     height: 38px;
sawine@73:     padding-left: 0px;
sawine@73:     padding-right: 12px;	
sawine@73:     text-align: left;	
sawine@73: }
sawine@73: tr {
sawine@73:     color: #5b5b5b;
sawine@73:     height: 15px;		
sawine@73: }
sawine@73: td {
sawine@73:     padding-left: 0px;
sawine@73:     padding-right: 12px;	
sawine@73: }
sawine@73: /* end - table */
sawine@73: 
sawine@73: 
sawine@73: /* form elements */
sawine@73: form {
sawine@73:     margin: 20px 10px; 
sawine@73:     padding: 15px 25px 25px 20px; 
sawine@73:     background: #070707; 	
sawine@73: /*border: 1px solid #111;	*/
sawine@73: }
sawine@73: form p {
sawine@73:     /*border-bottom: 1px solid #101010;*/
sawine@73:     padding: 12px 0 5px 0;	margin: 0;	
sawine@73: }
sawine@73: label {
sawine@73:     font-weight: bold;	
sawine@73:     color: #FAFAFA;
sawine@73: }
sawine@73: input, select, textarea {
sawine@73:     margin: 5px 0;
sawine@73:     padding: 5px;
sawine@73:     font: normal 1em Verdana, Tahoma, sans-serif;
sawine@73:     color: #6A6969;
sawine@73:     background: #0C0C0C;  
sawine@73: /*border: 1px solid #1C1C1C;*/
sawine@73: }
sawine@73: option { padding-right: 0.5em; } 
sawine@73: 
sawine@73: #name, #email, #message{
sawine@73:     width: 480px;
sawine@73: }
sawine@73: input.button { 
sawine@73:     font: bold 12px Arial, Verdana, Sans-serif; 
sawine@73:     height: 30px;
sawine@73:     padding: 2px 3px; 
sawine@73:     margin-top: 8px;
sawine@73:     color: #48780E;
sawine@73:     background: #000;
sawine@73:     border-width: 1px;
sawine@73:     border-style: solid;
sawine@73:     border-color: #1B1B1B;
sawine@73: }
sawine@73: 
sawine@73: 
sawine@73: /* ------------------------------------------
sawine@73:    LAYOUT
sawine@73:    ------------------------------------------- */ 
sawine@80: #logo {
sawine@80:     border-style: none; 
sawine@80:     position: relative;
sawine@80:     margin: 0; 
sawine@80:     padding: 0;
sawine@80:     color: #F8F8F8;    
sawine@80:     /* change the values of top and left to adjust the position of the logo*/
sawine@80:     top: 20px; 
sawine@80:     left: 25px;
sawine@80:     height: 100px;
sawine@80:     width: 670px;
sawine@82: } 
sawine@82: 
sawine@82: #gameoflife {
sawine@82:     background: black;
sawine@80: }
sawine@80: 
sawine@82: #sim {   
sawine@80:     border-style: none;
sawine@80:     position: relative;
sawine@80:     margin: 0; 
sawine@80:     padding: 0;
sawine@80:     color: #F8F8F8;    
sawine@80:     /* change the values of top and left to adjust the position of the logo*/
sawine@80:     top: 20px;
sawine@80:     left: 25px;
sawine@80:     height: 50px;
sawine@80:     width: 670px;
sawine@80: }
sawine@80: 
sawine@73: #wrap { 
sawine@73:     position: relative;
sawine@73:     width: 1020px;
sawine@73:     margin: 0 auto;
sawine@73:     text-align: left;		
sawine@73: }
sawine@73: #content-wrap {
sawine@73:     clear: both;
sawine@73:     width: 1020px;	
sawine@73:     float: left;	
sawine@73:     padding-top: 15px;
sawine@73:     padding-bottom: 50px;	
sawine@73: }
sawine@73: #header {
sawine@73:     position: relative;
sawine@73:     width: 1020px;	
sawine@80:     height: 170px;	
sawine@73:     margin: 0; 
sawine@80:     padding: 0;		
sawine@73: }
sawine@73: #header h1#logo-text a {
sawine@73:     position: absolute;
sawine@73:     margin: 0; padding: 0;
sawine@73:     font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;	
sawine@73:     letter-spacing: -1.5px;
sawine@73:     color: #F8F8F8;
sawine@73:     text-decoration: none;
sawine@73:     text-transform: none;
sawine@73:     
sawine@73:     /* change the values of top and left to adjust the position of the logo*/
sawine@73:     top: 70px; left: 30px;	
sawine@73: }
sawine@73: #header h1#logo-text a:hover {
sawine@73:     background: none;
sawine@73:     margin-top: 100px;	
sawine@73:     padding-top: 100px;
sawine@73: }
sawine@73: #header img {
sawine@73:     position: relative;
sawine@73:     top: 90px;
sawine@73:     left: 22px;
sawine@73:     border: 0px;
sawine@73: }
sawine@73: 
sawine@73: #header p#intro {
sawine@73:     position: absolute;
sawine@73:     margin: 0; 
sawine@73:     padding: 0;
sawine@73:     font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
sawine@73:     font-weight: bold;
sawine@73:     font-size: 16px;	
sawine@73:     line-height: 1.5em;
sawine@73:     font-style: normal;
sawine@73:     text-transform: none;
sawine@73:     /*color: #6D7D2D;*/
sawine@73:     color: #5ad715;
sawine@73:     width: 400px;
sawine@73:     
sawine@73:     /* change the values of top and left to adjust the position */
sawine@73:     top: 145px; 
sawine@73:     left: 22px;		
sawine@73: }
sawine@73: 
sawine@73: /*  Navigation  */
sawine@73: #nav {
sawine@73:     position: absolute;
sawine@73:     margin: 0; 
sawine@73:     padding: 0;		
sawine@73:     height: 50px;
sawine@73:     left: 0px;	
sawine@73:     top: 30px;			
sawine@73: }
sawine@73: #nav ul {
sawine@73:     float: left;
sawine@74:     
sawine@73:     height: 50px;
sawine@73:     margin: 0 0 0 10px; 
sawine@73:     padding: 0;	
sawine@73:     display: inline;
sawine@73: }
sawine@73: #nav ul li {
sawine@73:     display: inline;
sawine@73:     margin: 0; 
sawine@73:     padding: 0;
sawine@73: }
sawine@73: #nav ul li a {
sawine@73:     float: left;
sawine@73:     margin: 0;	
sawine@73:     padding: 0 12px;
sawine@73:     font-weight: bold;
sawine@73:     font-size: 1.25em;
sawine@73:     text-decoration: none;	
sawine@73:     color: #c95723;
sawine@73:     color: #999;	
sawine@73:     text-transform: uppercase;
sawine@73: }
sawine@73: #nav ul li a:hover, 
sawine@73: #nav ul li a:active {
sawine@73:     color: #eee;
sawine@73:     background: none;
sawine@73:     border: none;
sawine@73: }
sawine@73: #nav ul li#current a {	
sawine@73:     color: #D33972;	
sawine@73: }
sawine@73: 
sawine@73: #subnav{
sawine@73:     position: absolute;
sawine@73:     margin: 17px 280px; 
sawine@73:     padding: 0;		
sawine@73:     height: 50px;
sawine@73:     left: 10px;	
sawine@73:     top: 30px;		
sawine@73: }
sawine@73: 
sawine@73: #subnav ul {
sawine@73:     float: left;
sawine@74:   
sawine@73:     height: 50px;
sawine@73:     margin: 0 0 0 10px; 
sawine@73:     padding: 0;	
sawine@73:     display: inline;
sawine@73: }
sawine@73: #subnav ul li {
sawine@73:     display: inline;
sawine@73:     margin: 0; 
sawine@73:     padding: 0;
sawine@73: }
sawine@73: #subnav ul li a {
sawine@73:     float: left;
sawine@73:     margin: 0;	
sawine@73:     padding: 0 12px;
sawine@73:     font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;	
sawine@73:     text-decoration: none;	
sawine@73:     color: #5ad715;	
sawine@73:     text-transform: uppercase;
sawine@73: }
sawine@73: #subnav ul li a:hover, 
sawine@73: #subnav ul li a:active {
sawine@73:     color: #eee;
sawine@73:     background: none;
sawine@73:     border: none;
sawine@73: }
sawine@73: #subnav ul li#current a {	
sawine@73:     color: #D33972;	
sawine@73: }
sawine@73: 
sawine@73: /* Main Column */
sawine@73: #main {
sawine@73:     float: left;
sawine@73:     width: 670px;
sawine@73:     padding: 0; 
sawine@73:     margin: 0 0 0 2px;
sawine@73:     display: inline;	
sawine@73: }
sawine@73: #main h2 {
sawine@73:     padding: 5px 22px;	
sawine@73:     margin: 15px 5px 0px 0px;
sawine@73:     /*font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				*/
sawine@73:     /*color: #45D5E6;
sawine@73:       color: #00cccc;*/
sawine@113:     color: #5AD;
sawine@73: }
sawine@73: #main h2 a {
sawine@73:     /*color: #45D5E6;*/
sawine@113:     color: #5AD;
sawine@73:     text-decoration: none;		
sawine@73:     border: none;		
sawine@73: }
sawine@73: #main ul li {
sawine@73:     /*list-style-image: url(images/bullet.png);*/
sawine@74:     list-style-type: square;
sawine@73: }
sawine@73: 
sawine@73: /* Sidebar */	
sawine@73: #sidebar {
sawine@112:     float: left;
sawine@111:     width: 250px;
sawine@73:     padding: 0; 
sawine@112:     margin-left: 50px;		
sawine@73:     display: inline;
sawine@73:     color: #5D5D5D;   
sawine@73: /*border: 4px solid #262626;*/
sawine@73: }
sawine@73: 
sawine@80: #sidebar a {
sawine@80:     display: inline-block;
sawine@112:     border: 4px solid #262626;   
sawine@109:     margin-top: 5px;
sawine@80:     background-image: url(images/me2.png);
sawine@80:     height: 64px;
sawine@109:     width: 64px; 
sawine@109:     color: #5D5D5D;  
sawine@80: }
sawine@80: 
sawine@80: #sidebar a:hover {
sawine@80:     background-image: url(images/me.png);
sawine@113:     color: #ddd;  
sawine@80: }
sawine@80: 
sawine@109: #sidebar p { 
sawine@109:     margin: 0px 18px 0 0;
sawine@109:     padding-top: 0px;
sawine@109:     padding-left: 74px;
sawine@112:     width: 250px;
sawine@109: }
sawine@109: 
sawine@109: #random_quote {
sawine@109:     position: relative;   
sawine@109:     left: -74px;
sawine@109:     margin-top: 5px;
sawine@73:     color: #c95723;
sawine@73:     font-style: italic;
sawine@73: }
sawine@73: 
sawine@74: #sidebar h2 {
sawine@74:     font-size: 2.3em;
sawine@74:     color: black;
sawine@74: }
sawine@74: 
sawine@73: #sidebar h3 {
sawine@73: /*padding: 5px 12px;
sawine@73:   margin: 15px 5px 10px 0;
sawine@73:   font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
sawine@73:   color: #45D5E6;*/
sawine@73: /*border-bottom: 1px solid #121212; */
sawine@73: /*background-image: url(pattern.gif);		*/	
sawine@73: }
sawine@73: #sidebar ul.sidemenu {
sawine@73:     text-align: left;
sawine@73:     margin: 20px 5px 20px 0px; 
sawine@73:     padding: 0;		
sawine@73: /*border-top: 1px solid #111;		*/
sawine@73: }
sawine@73: #sidebar ul.sidemenu li {
sawine@73:     list-style: none;
sawine@73:     padding: 8px 10px;
sawine@73:     margin: 0;    
sawine@73: /*border-bottom: 1px solid #111;*/
sawine@73: }
sawine@73: * html body #sidebar ul.sidemenu li {
sawine@73:     height: 1%;
sawine@73: }
sawine@73: #sidebar ul.sidemenu li a {
sawine@73:     text-decoration: none;	
sawine@73:     border: none;
sawine@73:     color: #666666;
sawine@73:     font-weight: bold;		
sawine@73:     /*font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;*/
sawine@73:     font-size: 9pt;		
sawine@73: }
sawine@73: #sidebar ul.sidemenu li a span {
sawine@73:     color: #444;	
sawine@73:     /*font-family: Georgia, 'Times New Roman', Times, serif;*/
sawine@73:     font-style: italic;
sawine@73:     font-weight: normal;	
sawine@73:     font-size: 8pt;
sawine@73: }
sawine@73: #sidebar ul.sidemenu li a:hover,
sawine@73: #sidebar ul.sidemenu li a:hover span {	
sawine@73:     color: #fff;	
sawine@73: }
sawine@73: #sidebar ul.sidemenu ul { margin: 0 0 0 0px; padding: 0; }
sawine@73: #sidebar ul.sidemenu ul li { border: none; }
sawine@73: 
sawine@73: /* header quick search */
sawine@73: #sidebar form#quick-search {
sawine@73:     padding: 0; 
sawine@73:     margin: 20px 0 35px 0;
sawine@73:     border: none;
sawine@73:     width: 290px; height: 33px;
sawine@73: /*background: url(header-search.gif) no-repeat;		*/
sawine@73: }
sawine@73: #sidebar form#quick-search p {
sawine@73:     margin: 0; 
sawine@73:     padding: 0;		
sawine@73: }
sawine@73: #sidebar form#quick-search input {
sawine@73:     float: left;
sawine@73:     border: none;
sawine@73:     background: transparent;
sawine@73:     color: #4E4E4E;	
sawine@73:     margin: 0;
sawine@73: }
sawine@73: #sidebar form#quick-search .tbox {
sawine@73:     margin: 5px 0 0 0px; 
sawine@73:     width: 240px;	
sawine@73:     display: inline;	
sawine@73: }
sawine@73: #search form#quick-search .btn{
sawine@73:     width: 24px; height: 24px;			
sawine@73: }
sawine@73: #sidebar form#quick-search label {
sawine@73:     display: none;
sawine@73: }
sawine@73: 
sawine@73: /* footer */
sawine@73: #footer {
sawine@73:     clear: both;
sawine@73:     /*padding: 1em 0 2.5em 0;*/
sawine@73:     background: #222222;
sawine@73:     color: #4E4E4E;
sawine@73:     width: 100%;
sawine@73:     float: left;			
sawine@73: }
sawine@73: #footer a {	
sawine@73:     color: #4E4E4E;
sawine@73:     /*color: #0E909C;*/
sawine@73:     border: none;
sawine@73: }
sawine@73: #footer a:hover {
sawine@73:     color: #fafafa;
sawine@73: }
sawine@73: #footer .rssfeed {
sawine@73:     background: url(images/rss.gif) no-repeat left 1px;
sawine@73:     padding-left: 17px;
sawine@73: }
sawine@73: #footer-left {
sawine@73:     float: left;
sawine@73:     width: 70%;
sawine@73: }
sawine@73: #footer-right {
sawine@73:     float: right;
sawine@73:     width: 25%;
sawine@73: }
sawine@73: 
sawine@73: .download a
sawine@73: {	
sawine@73:     color: #5ad715;
sawine@73: }
sawine@73: 
sawine@73: /* postmeta */
sawine@73: .postmeta {	
sawine@73:     padding: 7px 5px; 
sawine@73:     margin: 5px 5px 5px 5px;	
sawine@73:     font-size: 1em;	
sawine@73:     color: #545454;
sawine@73:     /*border: 1px solid #111; */
sawine@73:     background: #222222; 
sawine@73: }
sawine@73: .postmeta .date{ margin: 0 10px 0 5px;	}
sawine@73: .postmeta a.comments { margin: 0 10px 0 5px;	}
sawine@73: .postmeta a.readmore { margin: 0 10px 0 5px;	}
sawine@73: 
sawine@73: .post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}
sawine@73: .post-info a, .post-info a:visited { color: #AE275A; }
sawine@73: 
sawine@73: /* alignment classes */
sawine@73: .float-left  { float: left; }
sawine@73: .float-right { float: right; }
sawine@73: .align-left  { text-align: left; }
sawine@73: .align-right { text-align: right; }
sawine@73: 
sawine@73: /* display and additional classes */
sawine@73: .no-border { 
sawine@73:     border: none; 
sawine@73: }
sawine@73: 
sawine@73: .clearer { 
sawine@73:     clear: both; 
sawine@73: }
sawine@73: 
sawine@73: .clear {
sawine@73:     display:inline-block; 
sawine@73: }
sawine@73: 
sawine@73: .clear:after {
sawine@73:     display:block; 
sawine@73:     visibility:hidden; 
sawine@73:     clear:both; 
sawine@73:     height:0; 
sawine@73:     content: "."; 
sawine@73: }
sawine@73: 
sawine@73: