image frame according to web browser background :/

the thx 🙂 link works btw

great. When you mean at the end of the style.css, under which part you mean,
in my style css I have the following.

body {
	padding : 10px;
	}

table#blog {
	width : 100%;
	}

td#main {
	width : 40%;
	padding : 50px;
	vertical-align : top;
	background : rgb(255, 255, 255);
	color : rgb(20, 20, 20);
	border : 1px solid;
	border-color : rgb(20, 20, 20);
	}

div#header {
	height : 255px;
	padding : 0px 0px;
	background-image : url("img/background.jpg");
	border : 1px solid;
	border-color : rgb(192, 192, 192);
	}

div#tagline {
	margin : 15px 0px 170px 0px;
	}

div#header, div#navlink, div#footer {
	text-align : center;
	}

div.post {
	padding-bottom : 125px;
	}

span.date {  padding-left : 50px;
        }

div.content {
	text-align : justify;
	line-height : 1.75em;
	padding : 15px 0px;
	}

div.info {
	clear : both;
	margin-bottom : 10px;
	}

.meta {
	padding : 4px 0px;
	}

.meta span {
	padding-right : 20px;
	}

div.edit {
	width : 35px;
	padding : 5px;
	text-align : center;
	}

input#submit {
	padding : 10px;
	text-align : center;
	}

form#search input {
	width : 250px;
	margin-top: 20px;
	}

div#footer {
	margin-top : 20px;
	}

fieldset {
	padding : 15px;
	}

a:link, a:visited  {
	text-decoration : none;
	}

div.content a:link, div.content a:visited, div.box a:hover, div.info a:hover {
	text-decoration :
	}

a.more-link {
	float : right;
        text-decoration : underline;
	}

a img, a img.simple {
	border : none;
	}

img.frame {
        img.frame
        padding : 4px;
	}

vvqbox   {
        float:left;
        margin-right:20px !important;
        }

/* SIDEBARS */

td#left_sidebar, td#right_sidebar {
	padding : 0px 15px;
	width : 15%;
	vertical-align : top;
	}

td#left_sidebar {
	text-align : right;
	}

div.box {
	margin-bottom : 25px;
	}

div.box h4 {
	margin : 0px 0px 5px 0px;
	}

div.box ul {
	margin : 0px;
	padding : 0px;
	list-style : none;
	line-height : 1.75em;
	}

div.box ul ul {
 	padding : 0px 10px;
	list-style : none;
	}

div.box ul + h4 {
	margin-top : 25px;
	}

div.box ul.pages ul {
 	padding : 0px 0px 5px 10px;
	list-style : none;
	}

div.box form {
	margin : 0px;
	}

div.box input#s {
	width : 140px;
	}

div.box select {
	width : 150px;
	}

select {
	padding : 4px;
	}

/* INPUT FIELDS */

input#s, input#author, input#email, input#url, input#comment, input#submit, p input, textarea {
	padding : 4px;
	margin-bottom : 10px;
	background : transparent;
	color : rgb(20, 20, 20);
	border : 1px solid;
	border-color : rgb(120, 120, 120);
	}

input[type="text"], input[type="password"], input[type="reset"], input[type="submit"] {
	padding : 4px;
	background : transparent;
	color : rgb(20, 20, 20);
	border : 1px solid;
	border-color : rgb(120, 120, 120);
	}

input[type="text"], input[type="password"] {
	margin-bottom : 10px;
	}

input[type="file"] {
	padding : 4px;
	background : rgb(250, 250, 250);
	color : rgb(140, 140, 140);
	border : none;
	}

/* COMMENT SECTION */

form#commentform {
	margin-top : 25px;
	}

ol.commentlist {
	margin : 0px;
	padding : 40px 0px 0px 20px;
	}

ol.commentlist li.comment {
	margin-bottom : 70px;
	line-height : 1.75em;
	}

div.author {
	margin : 20px 0px 10px 0px;
	}

div.author img {
	padding-right : 10px;
	}

/* WIDGETS */

div.textwidget {
	line-height : 1.3em;
	}

a.rsswidget img, #akismetstats {
	background : transparent !important;
	}

#left_sidebar a.rsswidget img {
	float : left;
	}

#right_sidebar a.rsswidget img {
	float : right;
	}

table#wp-calendar {
	width : 140px;
	line-height : 1.5em;
	}

#wp-calendar caption {
	padding-bottom : 4px;
	}

/* GENERICS */

.left  {
	text-align : left;
	}

.center {
	text-align : center;
	}

.right {
	text-align : right;
	}

.alignleft  {
	float : left;
	margin : 10px 15px 10px 0px;
	}

.aligncenter {
	display : block;
	margin-left : auto;
	margin-right : auto;
	}

.alignright {
	float : right;
	margin : 10px 0px 30px 15px;
	}

vvqbox  {
float:left;
margin-right:20px !important;
        }

/* FONTS */

body, table#blog, input, textarea, pre, div#tagline  {
	font : 1.0em  Arial, serif;
	}

table#blog {
	font-size : 71%;
	}

table#blog table {
	font-size : 95%;
	}

h1, h2, h3, h4, h5, h6, {
	font-family : Courier New,
	font-weight : normal ; serif;
	}

div#header h1 {
	margin : 0px;
	font-size : 2.7em;
	}

h1 {
	font-size : 1.4em;
	}

div#header h2 {
	margin : 0px;
	font-size : 1.2em;
	}

h2 {
	font-size : 1.0em;
	}

h3.title {
        display : inline;
        }

h3 {
	font-size : 1.3em;
        font-weight : bold ;
	}

h4 {
	font-size :1.0em;
        font-weight : normal ;
	}

h5 {
	font-size : 1.0em;
         }

h6 {
	font-size : 0.8em;
	 }

code {
	font : 1em 'Arial', monospace;
	white-space : pre;
	}

dt {
	font-weight : normal;
	}

small {
	font-size : 0.9em;
	 }

/* COLOURS */

body, select {
	background : rgb(0, 0, 0);
	color : rgb(200, 200, 200);
	}

a:link, div.author {
	background : transparent;
	color : rgb(250, 250, 250);
	}

td#main a:link {
	background : transparent;
	color : rgb(0, 0, 0);
	}

div.box a:link {
	background : transparent;
	color : rgb(85, 85, 85);
	}

div.box a:visited {
	background : transparent;
	color : rgb(85, 85, 85);
	}

li.recentcomments {
	background : transparent;
	color : rgb(20, 20, 20);
	}

h1 a:link, h1 a:visited, h2, h2 a:link, h2 a:visited, div#tagline {
	background : transparent;
	color : rgb(195, 195, 195);
	}

td#main a:visited, h3, h3 a:link, h3 a:visited {
	background : transparent;
	color : rgb(250, 250, 250);
	}

.date, div.meta, span#colophon, #colophon a:link, #colophon a:visited, label, legend,
.info a:link, .info a:visited, a.more-link, #navlink a:link, #navlink a:visited {
	background : transparent;
	color : rgb(0, 0, 0);
 	}

div.box h4, h4 a:link, h4 a:visited, #wp-calendar caption, #wp-calendar a:link, #wp-calendar a:visited {
	background : transparent;
	color : rgb(172, 172, 172);
	}

img.frame, .edit, select, fieldset, hr {
	border : 1px solid;
	border-color : rgb(120, 120, 120);
 	}

/* PRINT STYLESHEET */

@media print {

body {
	padding : 2%;
	}

body, a:link, a:visited {
	background : rgb(255, 255, 255);
	color : rgb(0, 0, 0);
	}

td#left_sidebar, td#right_sidebar, div.info, .edit, div.navlink, div#form, form, input, img[class~=avatar] {
	display : none;
	}

div.post {
	page-break-after : always;
	}

img, blockquote {
	page-break-inside : avoid;
	}

}

cool. Thx man!