/* Layout */

body {
	font-size: 10px; 
	font-family: Verdana, sans-serif;
	color: #50699c;
	text-align: center;
	margin: 20px;
	padding: 0; 
	background-color: white;
}

#gallery {
	float: left;
	display: inline;
	border-style: solid;
	border-color: #484848;
	border-width: 1px;
	background-color: #f0f0f0;
	width: 174px;
	padding: 8px 3px 4px 3px;
	margin: 3px 3px 3px 4px;
}

#gallery2 {
	float: left;
	display: inline;
	border-style: solid;
	border-color: #484848;
	border-width: 1px;
	background-color: #f0f0f0;
	width: 269px;
	padding: 8px 3px 8px 3px;
	margin: 3px 3px 4px 4px;
	text-align: center;
}

#page {
	text-align: left;
	background: url(page.png) repeat-y top; 
	margin: 0px auto;
	padding: 0px;
	width: 814px;
}

#header {
	margin: 0px 0px 0px 0px; 
	height: 190px;
	width: 814px;
	background: url(banner.png) no-repeat;	
}

#footer {
	height:50px;
	width:814px;
	background: url(footer.png) no-repeat;
	clear: both;
	padding: 0 0 0 0px;
	margin: 0 auto;
}

.footer {
	width:581px;
	height:50px;
	margin: 0px 0 0 227px;
	text-align:center;
}

.footer img {
	padding:8px 0 0 0;
}

.maxmin {
	font-family: "Arial", courier, sans-serif;
	font-size: 17px;
	color: #484848;
	line-height: 10px;
/*	font-weight:bold; */
/*	text-align:right; */
	position: absolute;
/*	background-color: #e0e0e0; */
}

a.maxmin {
	color: #484848;
	text-decoration:none;
	text-align:right;
}
a.maxmin:hover {
	border-style: dashed;
	border-width: 1px;
	color: #b51414;
}

#infobar {
	margin:0 0 0px 0;
	position:relative; 
	width:807px; 
	height:25px; 
	background-image: url(infobar.png); 
	z-index:3;
	top: 0px;
	left: 0px;
	}

.infobar {
	margin: 0 0 0 220px;
	padding: 3px;
	text-align:left;
	color: #333333;
	font-size:11px;
}

#main {
	padding: 0px 0 0px 0;
	margin-left: 221px;
	width: 570px;
}

#sidebarbody {
	width:220px;
	margin: 0 0 0 0;
	}

#sidebarfoot {
	width:220px;
	height:28px;
	margin:0 0 0 0;
	background: url(sidebarfoot.png) no-repeat;
/*	float:left;
	display:inline; */
	clear: both;
}

#sidebar {
	width:220px;
	background: url(sidebar.png) repeat-y;
	float:left;
	display:inline;	
}

.leftcolumn {
	width: 214px;
	padding: 0 0px 0 0px;
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}

.leftcolumn li {
	margin: 2px 6px 0 -20px;
}

.leftcolumn ul {
	margin: 1px 0 0 0;
}

.leftcolumn h1 {
	display:block;
	background: url("h1.png") no-repeat;
	width:163px;
	height:28px;
	margin:0 0 0 4px;
	padding: 9px 0 0 46px;
	font-size: 16px;
	font-weight:600;
	font-variant:small-caps;	
}

.leftcolumn h1 img {
	padding: 2px 0 0 0;
}

.rightcolumn {
	margin: 0 5px 0 10px;
	padding: 0px 0 0 0;
	width: 570px;
}

/*Post and Comment Boxes*/

.head {
	margin: 0px 0 0 0px;
/*	width: 473px; */
	position: relative;
	padding: 0px 0 0 44px;
/*	background: url("www.png") 1px 2px no-repeat; */
	height:45px;
	text-align:left;	
	}	

.avatar {
	background: url("www.png") 1px 2px no-repeat;
	height:45px;
	width:42px;
	position: absolute;
/*	float:left;
	display:inline; */
	}

.Amarok {
	background: url("amarok.png") 1px 2px no-repeat;
	height:45px;
	width:42px;
	position: absolute;
/*	float:left;
	display:inline; */
	}

.Guarddog {
	background: url("guarddog.png") 1px 2px no-repeat;
	height:45px;
	width:42px;
	position: absolute;
/*	float:left;
	display:inline; */
	}

.gtkpod {
        background: url("gtkpod.png") 1px 2px no-repeat;
        height:45px;
        width:42px;
        position: absolute;
/*      float:left;
        display:inline; */
        }

.head h1  {
	margin: 8px 0 0 0px;
	color: #333333;
	text-decoration: underline;
	font-size:17px;
	text-transform:capitalize;
	font-variant:small-caps;
/*	font-weight:lighter; */
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	line-height:.8em;
	text-align:left;
	width:518px;
	float:left;
	display:inline;
		}

.name {
	margin: 3px 0 0 0;
	font-size:10px;
	color: #50699c;
	font-family: "Trebuchet MS", Arial;
				}
				
.head .name{
	font-style:italic;
	text-align:left;
	float:left;
	display:inline;
		}

.amaroK .name{
        font-style:italic;
        text-align:left;
        float:left;
        display:inline;
}

.Guarddog .name{
        font-style:italic;
        text-align:left;
        float:left;
        display:inline;
}

.gtkpod .name{
        font-style:italic;
        text-align:left;
        float:left;
        display:inline;
}

.pkgtitle {
        margin: 8px 0 0 0px;
        color: #333333;
        text-decoration: underline;
        font-size:18px;
        font-variant:small-caps;
        font-weight:lighter;
        font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        line-height:.8em;
        text-align:left;
        width:518px;
        float:left;
        display:inline;
}

.post {
	color:#484848;
	font-size:11px;
}

.postfile {
	color:#484848;
	font-size:11px;
	text-decoration: none;
}

.postfile:hover {
	text-decoration: underline;
}

.postbox {
	border-style: solid;
	border-color: #484848;
	border-width: 1px;
	margin: 0 0 0 2px;
	padding: 0 2px 2px 2px;
}

.commentbox {
	border-style: dashed; 
	border-color: #aab3bc;
	border-width: 1px;
	margin: 0 0 0 2px;
	padding: 0 2px 2px 2px;	
	}

/*Calendar*/

.leftcolumn table {
	margin: 0 0 0 3px;
	padding: 0 0 0px 0;
}

.leftcolumn td {
	margin: 0px 0px 0 0px;
    text-align: center;
    color: #333333;
	font-size: 11px;
	}

.john {
    margin: 0 0px 0 0px;
    text-align: center;
    color: #333333;
    font-size: 11px;
	border: 1px dashed gray;
        }

.td {
	margin: 0 0px 0 0px;
    text-align: center;
    color: #333333;
    font-size: 11px;
        }

.infotd {
    margin: 0 0px 0 0px;
    text-align: center;
    color: #3b51b4;
        }

.calmon {
	font-size:14px;
}

.sidetitle {
	width: 208px;
	background-color: white;
    margin: 0 0 0 0;
    padding: 0px 0 0px 0;
	text-align: center;
    font-size: 11px;
	color: #b51414;
	font-size: 11px;
    border: solid #484848 1px;
}

/*
 * code tag
 * and
 * quote tag
 *
 */

.code, .quote {
	position:relative;
	background-color:#ebebeb;
	padding:3px;
	color:#484848;
	border:1px solid #b0b0b0;
}

.code {
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	width:522px;
	margin:0 0px 0 28px;
}

b.oq {
	width:27px;
	height:16px;
	color:#c0c0c0;
	font-family: Georgia, "Times New Roman", times;
	font-size:45px;
	position:absolute;
	top:-6px;
	left:-1px;
}

b.oq:before {
	content:open-quote;
}

b.eq {
	width:27px;
	height:16px;
	position:absolute;
	color:#c0c0c0;
	font-family: Georgia, "Times New Roman", times;
	font-size:45px;
	right:1px;
	bottom:10px;
}

b.eq:after {
	content: close-quote;
}

.quote {
/*	width: 494px; */
	width: 88%;
	font-style:italic;
	margin: 3px 3px 3px 3px;
	padding: 0 30px 5px 30px;
}

.code h3, .quote h3 {
	font-weight:normal;
/*	font-size:10px; */
	border-bottom: 1px solid #b0b0b0;
/*	padding:1px 0 1px 0; */
/*	margin:0 0 5px 0; */
	font-style:normal;
}

.code h3 {
	font-size: 13px;
	padding:1px 0 1px 0;
	margin: 0 0 5px 0;
}

.quote h3 {
	font-size: 10px;
	margin: 0 0 5px 0;
/*	padding:1px 0 1px 10px; */
	padding: 3px 0 3px 0;
}

b.code {
	background: #ebebeb url("gnome-terminal-blue.png") 0 1px no-repeat;
	position:absolute;
	height:28px;
	width:26px;
	display:block;
	top:-1px;
	left:-56px;
	padding:1px 0px 0px 0px;
}

/*Various Things*/
.leftcolumn a {
	color: #3b51b4;
}

.leftcolumn a:hover {
	color: #b51414;
}

.textinput, .textinputHovered { 
     width:175px; 
     height:24px; 
     background:url(input.gif) no-repeat left top; 
     border:none; 
     padding:4px 4px; 
} 
 
.textarea { 
     width:352px; 
     height:133px; 
     background:url(textarea.gif) no-repeat left top; 
     border:none; 
     padding:4px 4px; 
} 
 
.textarea2 { 
    width:175px; 
     height:72px; 
     background:url(textarea2.gif) no-repeat left top; 
     border:none; 
     padding:4px 4px; 
} 
 
.buttonSubmit { 
     width:76px; 
     height:20px; 
     color:#999999; 
     font-weight:bold; 
     padding:0px 0px; 
     margin: -13px 0 -10px 2px; 
     background:url(button.gif) repeat-x left top; 
     cursor:pointer; 
     border: none; 
     float:left; 
     display:inline; 
} 
 
.comment { 
	font-family: "Lucida Sans", "Lucida Console";
	font-size: 10px; 
}

/*
dl {
diplay: inline;
}

dd {
display: inline;
}
*/

/*.rsscolumn {
        padding: 5px 5px 5px 7px;
        margin: 2px 5px 0 7px;
        width: 205px;
        }
*/
		
/*Navigation Bar*/

a .alt { display: none; }

.nav1 {
	margin:0 0 0 26px;
	padding: 0 0 0 0;
	height: 20px;
	width:20px;
	float:left;
	}

a#nav1 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(homeg.png) no-repeat;
    margin: 0 auto;
    
}

a#nav1hover {
	display: block;
}

a#nav1:hover, #nav1hover {
    height: 20px;
	width: 20px;
	background:  url(home.png) no-repeat;
}

.nav2 {
	margin:-1px 0 0 30px;
	padding: 0 0 0 0;
	height: 22px;
	width:18px;
	float:left;
	}

a#nav2 {
    display: block;
    width: 18px;
    height: 22px;
    background: url(linuxg.png) no-repeat;
    margin: 0;
    
}

a#nav2hover {
        display: block;
}

a#nav2:hover, #nav2hover {
    height: 22px;
	width: 18px;
	background:  url(linux.png) no-repeat;
}

.nav3 {
	margin:-4px 0 0 30px;
	padding: 0 0 0 0;
	height: 24px;
	width:21px;
	float:left;
}

a#nav3 {
    display: block;
    width: 21px;
    height: 24px;
    background: url(galleryg.png) no-repeat;
    margin: 0;
    
}

a#nav3hover {
        display: block;
}

a#nav3:hover, #nav3hover {
    height: 24px;
	width: 21px;
	background:  url(gallery.png) no-repeat;
}

.nav4 {
	margin:-2px 0 0 28px;
	padding: 0 0 0 0;
	height: 22px;
	width:20px;
	float:left;
}

a#nav4 {
    display: block;
    width: 22px;
    height: 20px;
    background: url(postitg.png) no-repeat;
    margin: 0;
    
}

a#nav4hover {
        display: block;
}

a#nav4:hover, #nav4hover {
    height: 22px;
	width: 20px;
	background:  url(postit.png) no-repeat;
}

/*Last.fm*/
/*.lastfm h2{
	margin:5px 5px 0 0px;
}
.lastfm {
	margin:0;
	padding:0;
	width: 190px;
}
*/
.lastfm ul{
	list-style-type:none;
	display:table;
	margin:0 0 0 12px;
	padding:0 0 0 12px;
	font-size:10px;
	width: 190px;
	}
.lastfm li{
	padding:2px 0 2px 0px;
	border-top:1px solid #aab3bc;
/*#484848;*/
/* #333333; */
/* #7888a6; */
/*	background:#bdcbe6; */
/*	background:white; */
	}
.lastfm li:hover{
	color:#ffffff;
}
.lastfm ul a {
	text-decoration:none;
/*	color:#7888a6; */
/*	color:#333333; */
/*	color:#50699c; */
	color:#3b51b4;
	padding:0px 0 0px 3px;
	display:block;
}
.lastfm ul a:hover {
/*	color:#ffffff; */
/*	color:#333333; */
	color:#b51414;
/*	background:#7888a6; */
/*	background:#333333; */
/*	background:#50699c; */
	background:white;
	display:block;
}

/* hide from MacIE \*/ 

/* html .rightcolumn { margin-left: -1px; } */
/* html #main { margin-left: -1px; padding-left: 4px;} */
/* html #main { margin: -625px 0px 0px 230px;} */
/* html #main { margin: 0px 0px 0px 230px;} */
* html #main { margin-left: 0px; }
* html .rightcolumn { margin-left: 3px; }
* html .nav1 { margin: 0 0 0 13px; }
/* html .leftcolumn { margin: 0 -35px 0 0; padding: 0px 0px 0px 10px; } */
* html .leftcolumn li { margin: 2px 6px 0 20px; }

* html b.code {width:27px; height:30px; left:-62px;}
* html .code {margin-left:33px;}
* html .quote {margin-left:7px;}
/* html b.oq {background:url(oquote.png) 2px 5px no-repeat; width:29px; height:16px;}*/
/* html b.eq {background:url(equote.png) no-repeat; bottom:-33px; width:29px; height:16px;}*/
* html .quote h3 {padding:1px 0 1px 32px;}
* html .livefm ul { display:inline-block; width:1px; padding:0 2px; }


/* end hide */
