* {
 	/* This defines the default behavior and sets the pixel size that 'em' sizes should compare against */
 	font-size: 12px; /*child pixels / parent pixels = child ems */
 	font-family: verdana, helvetica, arial, sans-serif;
 	font-weight:none;
}

/*** GENERAL SETTINGS ***/


/* SITE STRUCTURE */
body {
 	margin:0px 0px; 
 	padding:0px; 
 	font-size: 75%; /* 16px (medium) * 75% = 12px */
 	font-weight:normal;
    text-align: center;
    min-width:910px;
	background-color:#454545;
	background-repeat: no-repeat;
	background-position: top left;
}

* html body {
	color: #000;
}

div#main {
    width:100%;
    text-align:left;
    margin: 0 auto;
}


/*LEFT*/
div#left {
    margin:0px;
   	background-color: #abf;
    float:left;
}

/*CENTER*/
div#center{
	width:910px;
	margin: 0 auto;
	text-align:left;
    float:none;
}
	
div#center_top{
	background: url('images/center_top_background.png' ) bottom left no-repeat;
	width:910px;
	height:10px;
	margin-top:15px;
}

* html div#center_top {
	width:910px;
	background: url('images/center_top_background.png' ) bottom left no-repeat;
}

/* ----- H E A D E R ----- */
#header{
/*	background: url('images/center_logo.png' ) top left no-repeat;*/
	background-image: url('images/center_background.png');
    width:910px;
    height:260px;
	position:absolute;
    z-index:1;
}    

#header_background{
	background: none;
    width:900px;
    height:260px;
	margin-left:5px;
	position:absolute;
}    

#header h1{
	background: url('images/logo_name.png' ) top left no-repeat;
    width:910px;
    height:29px;
	margin-top:20px;
	margin-left:36px;
	position:absolute;
	z-index:1;
}    
/*
*html #header h1{
	background: url('images/logo_name.gif' ) top left no-repeat;	
}
*/

/*** CENTER LOGO PICTURE CHANGE ***/
/* note, the change_left and change_right opacity is changed when mouse-over on picture */
div#change_left{
	background: url('images/change_left.png' ) top left no-repeat;
    filter: alpha(opacity=0);
    -mos-opacity: 0;
    opacity: 0;
	position:absolute;
    width:34px;
    height:183px;
    margin-top:62px;
    margin-left:15px;
	cursor: pointer; 
	_cursor:hand;
	z-index:3;
}

*html div#change_left{
	background: url('images/change_left.gif' ) top left no-repeat;
	margin-right:-51;
}

div#change_right{
	background-image: url('images/change_right.png' );
    filter: alpha(opacity=0);
    -mos-opacity: 0;
    opacity: 0;
	position:absolute;
	left:860px;
    width:34px;
    height:183px;
    margin-top:62px;
    margin-right:15px;
	cursor: pointer; 
	_cursor:hand;
	z-index:3;
}

*html div#change_right{
	background-image: url('images/change_right.gif' );
}

div#pause_slideshow{
	background-image: url('images/pause_slideshow.png' );
    filter: alpha(opacity=0);
    -mos-opacity: 0;
    opacity: 0;
	position:absolute;
	left:860px;
    width:9px;
    height:11px;
    margin-top:42px;
    margin-right:5px;
	cursor: pointer; 
	_cursor:hand;
	z-index:3;
}

*html div#change_right{
	background-image: url('images/pause_slideshow.gif' );
}

div#play_slideshow{
	background-image: url('images/play_slideshow.png' );
    filter: alpha(opacity=0);
    -mos-opacity: 0;
    opacity: 0;
	position:absolute;
	left:860px;
    width:9px;
    height:11px;
    margin-top:42px;
    margin-right:5px;
	cursor: pointer; 
	_cursor:hand;
	z-index:3;
}

*html div#change_right{
	background-image: url('images/play_slideshow.gif' );
}


div#center_menu{
	background-image: url('images/center_background.png');
    width:910px;
    height:30px;
	background-repeat: repeat-y;
	background-position: left;
	padding-left:5px;
	padding-right:5px;
    float:left;
    margin-top:240px;
    padding-top:10px;
}


div#menu_1{
	width: 75px;
	height: 30px;
	float: left;
	background-image: url('images/menu_1.png');
	background-position: left -30px;
}


div#menu_1 a{
	background-image: url('images/menu_1.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;float:left;border:0px;
}
div#menu_1 a:hover{background:none;}



div#menu_2{
	background-image: url('images/menu_2.png');
	background-position: left -30px;
	width:85px;
	height:30px;
	float:left;
}
div#menu_2 a{
	background-image: url('images/menu_2.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;float:left;border:0px;
}
div#menu_2 a:hover{background:none;}

div#menu_3{
	background-image: url('images/menu_3.png');
	background-position: left -30px;
	width:90px;
	height:30px;
	float:left;
}
div#menu_3 a{
	background-image: url('images/menu_3.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;float:left;border:0px;
}
div#menu_3 a:hover{background:none;}

div#menu_4{
	background-image: url('images/menu_4.png');
	background-position: left -30px;
	width:55px;	
	height:30px;
	float:left;
}
div#menu_4 a{
	background-image: url('images/menu_4.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;float:left;border:0px;
}
div#menu_4 a:hover{background:none;}

div#menu_5{
	background-image: url('images/menu_5.png');
	background-position: left -30px;
	width:55px;	
	height:30px;
	float:left;
}
div#menu_5 a{
	background-image: url('images/menu_5.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;float:left;border:0px;
}
div#menu_5 a:hover{background:none;}

div#menu_6{
	background-image: url('images/menu_6.png');
	background-position: left -30px;
	width:55px;	
	height:30px;
	float:left;
}
div#menu_6 a{
	background-image: url('images/menu_6.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;float:left;border:0px;
}
div#menu_6 a:hover{background:none;}

div#menu_7{
	background-image: url('images/menu_7.png');
	background-position: left -30px;
	width:55px;	
	height:30px;
	float:left;
}
div#menu_7 a{
	background-image: url('images/menu_7.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;float:left;border:0px;
}
div#menu_7 a:hover{background:none;}






/************** WORDPRESS STYLES *************************/

div.retropeak_prev_link{
    float:left;
    margin:0px 20px 0px 0px;
}

div.retropeak_next_link{
    float:left;
    margin:0px 0px 0px 0px;
}













/* SEARCH BOX */
#search_form { 
	width:200px; 
	float:right;
	padding-right:10px;
	padding-top:10px;
}

#search_result .gsc-control { width : 400px; }


/*structural*/
#content{
	background-image: url('images/center_background.png');
    float:left;
    font-size:1em;
    font-weight:none;
    color:#463c3c;
    padding-bottom:50px;
    padding-left:55px;
    padding-right:10px;
    padding-top:40px;
}

#content h1{
    font-size:2em;
    font-weight:none;
}
#content h2{
    font-size:2em;
    font-weight:none;
    margin-bottom:10px;
}

#content h2 a{
    color:#463c3c;
    font-size:1em;
    text-decoration:none;
    border:none;
    font-weight:none;
}

#content h2 a:hover{
	background-color:#ffffff;
    color:#463c3c;
    font-size:1em;
    text-decoration:none;
    border:none;
    font-weight:none;
}

#content h3 {
    font-size:0.9em;
}

#content small{
    font-size:1em;
    margin-bottom:50px;
}

#content p{
    font-size:1em;
    padding-bottom:6px;
}

div.entry{
	margin-right:215px;
	text-align:left;
}

div.entry p.postmetadata{
	margin-top:15px;
	text-align:left;
}


#content div img{
	float:right;
	padding-left:4px;
}

#content p img{
	float:right;
	padding-left:4px;
}

div#div-comment{
	margin-right:215px;
	text-align:left;
}

div#post{
	color:#463c3c;
}


#sidebar{
	float: right;
	width: 155px;
	text-align: right;
	position: block;
	padding-top: 30px;
	margin-left: 0px;
	padding-right: 50px;
	padding-left: 25px;
}

*html #sidebar{
    width:205px;
    margin-right:0px;
	padding-right: 50px;
}

#sidebar h1{
    color:#463c3c;
    font-size:1.3em;
    padding-bottom:10px;    
}

*html #sidebar h1{
    margin-left:-10px;
}

#sidebar img.sidebar{
	float:left;
}
#sidebar a.sidebar{
	float:left;
	border:none;
	padding:5px;
	margin-left:10px;
}


/*facebook link */
#facebook{
	width: 120px;
	height: 59px;
	float:right;
	background-image: url('http://badge.facebook.com/badge/518343932.825.1567398832.png');
	margin-bottom:15px;
}
#facebook a{
	background-image: url('images/facebook_bw.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
}
#facebook a:hover{background:none;}

/*linkedin link */
#linkedin{
	width: 119px;
	height: 31px;
	float:right;
	background-image: url('images/linkedin.png');
	background-position: left -31px;
	margin-bottom:15px;
}

#linkedin a{
	background-image: url('images/linkedin.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	float:left;
    border:0px;
}
#linkedin a:hover{background:none;}

/*twitter link */
#twitter{
	width: 120px;
	height: 28px;
	float:right;
	background-image: url('images/twitter.png');
	background-position: left -28px;
	margin-bottom:15px;
}

#twitter a{
	background-image: url('images/twitter.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	float:left;
    border:0px;
}
#twitter a:hover{background:none;}

ul#twitter_update_list
{
	color: #000;
	list-style-type: inherit;
}

/*plaxo link */
#plaxo{
	width: 125px;
	height: 36px;
	float:right;
	background-image: url('images/plaxo.png');
	background-position: left -36px;
	margin-bottom:15px;
}

#plaxo a{
	background-image: url('images/plaxo.png');
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	float:left;
    border:0px;
}
#plaxo a:hover{background:none;}


/*FOOTER*/
div#footer{
/*	background: url('images/footer_pixel.png') top left repeat-x;*/
    width:100%;
    height:25px;   
    margin: 0 auto;
}

div#footer_center{
	background: url('images/footer_center.png') top left no-repeat;
	width:910px;
    height:25px;   
	margin: 0 auto;
	text-align:left;
    float:left;
}

div#footer_center_links{
    padding-top:5px;
    padding-left:20px;
    float:left;
    font-size:1em;
/*	color: #676767; */
	color: #ffffff; 
}

/* FOR USE IN COMMENT FORM */

div#respond{
	font-weight:none;
}

div#respond h3{
	font-size:1.2em;
	font-weight:bold;
}

#commentform input#submit{
    background-color:none;
    background:none;
    border:none;
    font-size:1.2em;
    font-weight:bold;
	cursor: pointer; 
	_cursor:hand;
}

#commentform input#submit:hover{
    color:#445276;
	cursor: pointer; 
	_cursor:hand;
}





div#feeds_box{
    display:none;
    position:absolute;
 	text-align: left;
    left:0px; top:0px;
    font-size:1em;    
	color: #000;
	z-index:100;
}

div#feeds_box_inner{
 	padding-top:5px;
    font-size:1em;
    font-weight:normal;
	color: #000;
	z-index:100;
}

div#feeds_box_intro{
	color: #000;
    font-size:1em;
    font-weight:normal;
	float: left;
	width:550px;
}
div.feeds_box_header
{
	line-height: 1.4em;
	font-variant: small-caps;
	color: #676767;
	font-size: 1.4em;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	display: inherit;
	float: left;
}
div.feeds_box_item{
    font-size:1em;
    font-weight:normal;
    padding-left:15px;
	display: inherit;
	float: inherit;
	padding-top:2px;
}

div.feeds_box_item_title{
    font-weight:normal;
    width:200px;
    float:left;
}
div.feeds_box_item_link{
    margin-left: 10px;
    float:left;

 	color:#676767;
	text-align:left;
	padding-left: 2px;
	margin-bottom: 2px;
	font-size: 1em;
	font-weight: normal;
	background: #ffffff;
    background-image: url('images/input_field_back.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-x-position: left;
    background-y-position: top;
    border-right: 1px #ececec solid;
    border-bottom: 1px #ececec solid;
    border-left:0px;
    border-top:0px;
	cursor:text; 
}

div.feeds_rss_link{
	background: url('images/rssfeed.gif') top left no-repeat;
	width: 16px;
	height: 16px;
	cursor: pointer;
	_cursor: hand;
	float:left;
}    

div.feeds_rss_link_negative{
    background: url('images/rssfeed_negative.gif') top left no-repeat;
    width:16px;
    height:16px;
	float:left;
	cursor: pointer; 
	_cursor: hand;
}    




/* LINKS */

a { 
    text-decoration: none;
	color: #676767; 
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #676767;
}
	
a:hover { 
    background-color: #454545;
	color: #fff; 
    border-bottom-color: #676767;

}

img{
	border: none;
}

a.mini {font-size:0.8em;}
a.mini:hover {font-size:0.8em;}
a.medium {font-size:1.2em;}
a.medium:hover {font-size:1.2em;}
a.big {font-size:1.4em;}
a.big:hover {font-size:1.4em;}

a.small_black{
    font-size:1em;
	color: #000000; 
    border-bottom-color: #000000;
    font-weight:bold;
}

a.small_black:hover{
    font-size:1em;
    font-weight:bold;
	color: #445276; 
    border-bottom-color: #ff7200;
}

a.small_list{
    font-size:1em;
    font-weight:normal;
    margin-top:5px;
    margin-bottom:5px;
}

a.small_list:hover{
    font-size:1em;
	color: #445276; 
    border-bottom-color: #ff7200;
}

a.medium_black{
    font-size:1.2em;
	color: #000000; 
    border-bottom-color: #000000;
    font-weight:bold;
}

a.medium_black:hover{
    font-size:1.2em;
    font-weight:bold;
	color: #445276; 
    border-bottom-color: #ff7200;
}

div.medium_black_fake{ /*to illustrate a link in preview of review*/
    font-size:1.2em;
	color: #000000; 
    font-weight:bold;
}


/* INPUT FIELDS */
input {
 	color:#676767;
	display: block;
	float: left;
	text-align:left;
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
	font-size: 1em;
	font-weight: normal;
	background: #ffffff;
    background-image: url('images/input_field_back.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-x-position: left;
    background-y-position: top;
    border-right: 1px #ececec solid;
    border-bottom: 1px #ececec solid;
    border-left:0px;
    border-top:0px;
}
input.hidden {
    display:none;
}

input:focus {
/*	background: #e2e2d5;*/
}

textarea {
	width:300px;
	height:100px;
    font-size:1em;  
    font-weight:normal;
 	color:#676767;
    background-image: url('images/textarea_back.png');
    border-right: 1px #ececec solid;
    border-bottom: 1px #ececec solid;
    border-left:0px;
    border-top:0px;
}

* html textarea {
	background-image: url('images/textarea_back.gif');
	margin-left: -3px;
	margin-right: 0px;
	overflow:hidden;
}


select {
    border: 1pt #ececec solid;
	background: #ffffff;
 	color:#676767;
	display: block;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
	font-size: 1.4em;
	font-weight: normal;
}

select:focus {
/*	background: #e2e2d5;*/
}

select option{
	font-size: 1em;
	font-weight: normal;
}

input.gsc-search-button{
    background:none;
    border:0px;
}


form {
	margin-top: 0px;
	background: none;
	font-size: 1em;
	font-weight: normal;
	accept-encoding: UTF-8;
}



/* DIVS */
div.clearFloats {
	clear: both;
	margin: 0px;
}

div#overlay {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	background-color: #000;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

/*
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.5;
	opacity: 0.4;
*/
	display:none;
}


/* LISTS */

ul {
 	margin: 0px;
 	margin-left: 15px;
 	margin-bottom: 10px;
 	padding: 0px;
    color:#463c3c;
}
  
ol{
	margin: 0 0 0 1em;
	padding-left: 1em;
	list-style-type: decimal
    color:#463c3c;
}

* html ol{
	margin-left: 18px;
}
 
li {
 	font-weight:normal;
    color:#463c3c;
	margin-left: 0px;
	padding: 0px;
}

/* PARAGRAPH */

p {
	margin: 0px;
}