#header { width:920px; margin:0 auto; padding:0; }

#page { background:url(images/page-bg-900.gif) center #7F7F7F repeat-y; }
	#frame { width:900px; margin:0 auto; padding:0; }
		#content { overflow:hidden; width:600px; padding:20px 20px; float:left; background:#fff; }
		#sidebar { width:230px; padding:20px 15px; float:right; }
			#sidebar div, #sidebar ul { padding:10px; }
				#sidebar div div { padding:0; }
				
	#footer { padding-bottom:10px; margin-bottom:30px; background:transparent url(images/page-bottom-900.gif) bottom center no-repeat; }




@import "pp_album.css";

body, html {
	margin:0;
	padding:0;
	font:normal 100.01%/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:90%;
	background:#7f7f7f;
}

*::-moz-selection { background-color:#ff3c00; color:white; }





/*-----------GENERAL LINK STYLING--------------*/
a { color:#515151; text-decoration:none; }
a:hover {  }
#content a { border-bottom:1px dotted silver; }
#content a:hover { border-bottom:1px dotted #ff3c00; }





/*------HEADER------*/
#title { background:url(images/header-900.gif) top #7f7f7f no-repeat; height:56px; margin:0; padding:20px 0px 0 20px; clear:both; }
#title h1 { float:left; width:176px; height:43px; padding:0; margin:0; font-weight:bold; line-height:.7em; font-size:2.8em; letter-spacing:-.05em; font-family:helvetica; }
#title h1 a { display:block; width:176px; height:43px; margin:0; padding:0; text-indent:-3000px; overflow:hidden; background:transparent url(images/remarkup-logo.gif) 0 0 no-repeat; }
#title h1 a:hover { background-position:0 -43px; }
#title h1 a:focus { outline:none; }

p.description { float:right; text-align:right; width:300px; margin:0 25px 0 0; color:#c9e45a; font-size:9px; line-height:10px; }
	p.description a { color:silver; border-bottom:1px dotted silver; }
	p.description a:hover { color:#ff3c00; border-bottom-color:#ff3c00; }


#title_image { margin:0; text-align:left; display:block; height:95px; background:transparent url(images/headers/header-astronaut-css-codefield.jpg) center center repeat-y; }

#content h2 { color: #515151; padding:0; margin:0; border:none; clear:both; }
	#content h2 a { /* color: black; */ text-decoration:none; border:none; }
	#content h2 a:hover { border-bottom:1px dotted silver; }

hr { display:none; clear:both; }

h3, h4 { color: #515151; padding:0; margin:2em 0 0 0; clear:both; }

input,
textarea,
select { padding:4px; border:1px solid #515151; font-size:.9em; line-height:1em; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

input,
label { height:auto !important; height:2em; width:auto; padding:4px; }

label { font-size:.9em; }


/*#searchform input# {
	width:130px !important;
	padding:4px;
	border:1px solid #515151;
	font-size:.9em;
	line-height:1em;
	text-transform:none;
	color:black;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	background:white;
}
*/
#searchform input { width:130px; }
#sidebar input.btn { width:65px !important; }
#searchform { margin-top:10px !important; }
#searchform br { display:none; }

input.btn,
#searchform input,
input #submit { background:#111; color:#fff; padding:4px; border:1px outset #000; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; text-transform:uppercase; }

input[class=btn],
input[type=submit]
input[id=submit] { padding:3px; }

textarea { overflow:auto; display:block; width:100%; }

ul,
ol { list-style-type:none; list-style-position:outside; padding:0; margin:.2em 0 .2em 0; }

ul li,
ol li { /* >> */ background:transparent url(images/puce.png) 2px .4em no-repeat; padding-left:15px; }

ul ul li,
ol ol li {
        /* -> */ background:transparent url(images/bullet.gif) 0 .6em no-repeat; padding-left:8px; }

#content ol li {
	list-style-type:decimal;
	list-style-position:inside;
	background:transparent;
	padding-left:0;
}
#content ol li li {
	padding-left:2em;
}

a img {
	border: 0 none;
}

form {
	padding:0;
	margin:0;
}

pre,
code {
   display:block;
   font: 1em 'Courier New', Courier, Fixed, monospace;
   font-size : 100%;
   color: #000;
   background : #fff url(images/preback.jpg) no-repeat left top;
   overflow : auto;
   text-align:left;
   border : 1px solid #99cc66; /*highlight color */
   padding : 0px 20px 0 30px;
   margin:1em 0 1em 0;
   line-height:17px;
}

.alt {
	background-color:#F5F5F5 !important;
}

.icon {
	vertical-align:middle;
	border:0;
}
.with_icon {
	padding:2px 0 2px 0
}

.navigation {
	clear:both;
	padding:0;
	display:block;
}

.alignleft {
	display:block;
}

.alignright {
	display:block;
}


/*-------SIDEBAR---------*/

#sidebar { font-size:.9em; }

#meta,
#categories,
#pages, 
#yammyamm-menu,
#recent-posts,
#recent-comments,
#peters-date-countdown,
#calendar,
#scrobbler,
#links,
#text-1,
#akismet,
#wpg2-image-block,
#simple-graph-1 { background:#eee url(images/sideboxbg.gif) top left repeat-x; padding:25x; margin:5px; border:1px solid #ddd; }

#sidebar h2 { padding:4px; margin:20px 0 5px; font-size:1.3em; font-weight:bold; color:gray; }

#sidebar ul,
#sidebar ol { padding:0; margin:0 10px 0 5px; }

#sidebar form,
#sidebar p { padding:0; margin:0 0 1em 0; }

html>body .ellipsis li { clear:both; }
html>body .ellipsis li:after { content: "..."; display:inline; }
html>body .ellipsis li span { white-space:nowrap; overflow:hidden; max-width:180px; width:auto !important; display:inline; float:left; }
ol.ellipsis li span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:190px; display:block; }

#sidebar a { text-decoration:none; }
#sidebar a:hover,
#sidebar .current_page_item li a:hover,
#sidebar .current-cat li a:hover { color:#ff3c00; }
#sidebar .current_page_item a,
#sidebar .current-cat a { font-weight:bold; color:#ff3c00; }
#sidebar .current_page_item li a,
#sidebar .current-cat li a { font-weight:normal; color:#515151; }

#sidebar li img { vertical-align:middle; border:0; }
#sidebar input.btn { margin-left:4px; }








/* menu */
.menu {
	list-style-type:none;
	background:url(images/menu/menu_bg.gif) 50% 0 #515151 repeat-x;
	margin:0;
	padding:0;
	height:80px;
	width:900px;
	border-top:1px solid #fff;
	overflow:hidden;
}

.menu li {
	background:none;
	padding:0;
	display:table-row;
	vertical-align:middle;
	float:left;
	height:80px;
	
}

.menu li.last_menu,
.menu li.right_menu {
	float:right;
}


.menu li a {
	font-size:.8em;
	text-transform:uppercase;
	line-height:normal !important;
	line-height:80px;
	display:table-cell;
	vertical-align:middle;
	height:80px;
	padding:0 10px 0 10px;
	background:url(images/menu/menu_triple.gif) top left transparent repeat-x;
}

.menu li a:hover,
.menu li a:active {
	background-position:center left;
	color:#FFFFFF;
}

.menu li.current_page_item a {
	background-position:bottom left !important;
	color:#1F3700 !important;
}

.menu li a.first_menu {
	padding-left:35px;
	background-repeat:no-repeat;
	background-image:url(images/menu/menu_start_triple.gif);
}

.menu li a.last_menu,
.menu li a.last_menu_off {
	padding-right:35px;
	background-repeat:no-repeat;
	background-image:url(images/menu/menu_end_triple.gif);
	background-position:top right;
}

.menu li a.last_menu:hover,
.menu li a.last_menu:active {
	background-position:center right;
}

.menu li.current_page_item a.last_menu {
	background-position:bottom right !important;
}

.menu li a {
	color:white;
	text-decoration:none;
}

.menu li.lang_menu {
	float:right;
}

.menu li.lang_menu a span {
	width:19px;
	height:80px;
	overflow:hidden;
	text-indent:100px;
	display:block;
}


.menu li.lang_menu a {
	display:block;
	width:19px;
	cursor:pointer;
}


/*--------FOOTER---------*/

#footer .footer_content { width:880px; margin:0 auto; display:block; padding:10px 10px 10px 10px; border-top:1px dotted silver; text-align:center; }


/*--------POST--------*/

.post { margin:10px 0 60px 0; padding:0 0 15px 0; border-bottom:5px solid #333; font-size:1em; line-height:1.8em; }

.post h2 { font-size:2em; }
.post h3 { font-size:1.5em; }
.post h3 { font-size:1.3em; }
.post h4 { font-size:1em; }

.post h2,
.post h3,
.post h4,
.post h5 { line-height:100%; }

.post hr { display:none; clear:both; }

.highlight_box { font-size:.9em; border:2px solid #f5f5f5; padding:1em; margin-bottom:20px; }
.highlight_box .post { font-size:1em; border:0px none; margin-bottom:0px; padding:0 0 0 0; }
.highlight_box .post p { margin:0; }
.highlight_box .post .date { display:none; }
.highlight_box h2,
.highlight_box h3,
.highlight_box h4,
.highlight_box h5 { font-size:2em; border-bottom:10px solid #f5f5f5; }
.highlight_box .post h2,
.highlight_box .post h3,
.highlight_box .post h4,
.highlight_box .post h5 { font-size:1.5em; }

.readmore { display:block; float:left; font-weight:bold; clear:both; margin:1em 0; color:#ff3C00; border-bottom:1px solid transparent; }

.date { text-align:left; font-size:0.8em; font-weight:normal; color:black; padding:6px 0 0 2px; margin:0; }
.postmetadata { clear:both; margin:0; color:#515151; list-style-type:none; }

#content .postmetadata a { color : #ff3c00; border:none; }
#content .postmetadata a:hover, .readmore:hover { border-bottom:1px dotted silver; }

.gravatar { float:left; margin:0 5px 0 0; border:1px solid #ccc; vertical-align:middle; }

#content .commentlist dt{ position:absolute; }
html > body #content .commentlist dt { position:static; }

#content .commentlist dd { margin:0; 
	padding:10px 3em 10px 10px; /* for ie not overlapping the comment with the date */
	font-size:1em;
	line-height:1.5em;
	color:silver;
	margin:0 0 1em 0;
}

html > body #content .commentlist dd { padding:10px; }

#content .commentlist .comment { color:#000; }
#content .commentlist .date { margin-right:5px; font-size:1em; }
#content .commentlist .comment_text { margin-top:5px; display:block; }

html > body #content .commentlist dd.author_comment { background:url(images/transp-80.png) #c9e45a !important; width:auto; }

#content .commentlist dd.author_comment { background-color:#c9e45a !important; filter:alpha(opacity=20); width:510px; }

#content .commentlist .author_comment .author,
#content .commentlist .author_comment .author a { color:#c9e45a !important; border-color:#c9e45a !important; }


#content .commentlist dd.author_comment * { /* ie */ filter:alpha(opacity=100); position:relative; }
	#content .commentlist dt.author_comment .date { color:#a5ba52 !important; border-color:#a5ba52 !important; }

#content textarea#comment { font-size:1em; line-height:1.3em; }
#commentform small { color:#515151; }

.commentmetadata { }

.entry { margin:0; }
.entry p { margin:1em 0; }
.entry a { color:#000; background-color:#fff4f1; }
.entry a:hover { background-color:#ffd6ca; }

div.captionBox { float:right; margin:0 0 1em 1em; padding:15px; background-color:#eeeeee; }
div.captionBox img { border:1px solid #666; margin:0; }
div.captionBox p { width:150px; margin:3px 0; font-size:11px; line-height:130%; color:#333; }