/*
	New MT Blog Stylesheet
	March 8,2005
	www.islco.com                        */

body {background:#51B7AB;
margin:0;
padding:10px 0 14px 0;
font:x-small Verdana,Sans-serif;
text-align:center;
color:#000;
font-size/* */:/**/small;
font-size: /**/small;}
h2 {margin:0 0 .25em;
font:bold 170%/1.6em Helvetica,Arial,Verdana,Sans-serif;
color:#ff9100;}
h3 {margin:0 0 .5em;
font:bold 112%/1.4em Arial,Verdana,Sans-serif;
color:#005dcc;}

body#popup {background:#fff;
text-align:left; margin: 20px;}
body#popup h2 { font-size: 14px; color: #000; }
body#popup p { font-size: 12px; color: #000; }

/* Page Structure
----------------------------------------------- */

#wrap {margin: 4px;
background:#7f9cc6;
width:960px;
margin:0 auto;
text-align:left;}

#wrap2 {
background:#51B7AB;
margin: 0; padding: 0;}

#content { margin-left: auto; margin-right: auto;
background: #eaf9f2 url(/images/cat.png) no-repeat bottom right; width: 755px !important; width /**/: 757px; border: none; border-top: none; }

#main { padding: 21px 0 0 0;
background: none;
width:429px;
float:left;
color:#1A897D;
border-right: 1px #FAAF3B solid;}

#main2 {margin:0;
padding: 15px 20px;}

#sidebar { margin-left: -1px;
padding: 15px 0 0 0;
background: none;
width:325px;
float:right;
color:#356;
border-left: 1px solid #FAAF3B;}

#search { width: 205px; margin-left:10px; }

#aboutblog,#archives {
padding: 10px 20px 20px 20px;
width:285px;
color:#003300;
background-color: #eaf9f2; }
#archives { margin-top: 0; }

#sidepopular {background: url(/images/hdr_popular-topics.png) no-repeat;}

#sidepost {background: url(/images/hdr_previous-posts.png) no-repeat;}

#sidearchive {background: url(/images/hdr_archives.png) no-repeat;}

/* Links
----------------------------------------------- */

a:link {color: #2e156b;}

a:visited {color:#776;
text-decoration:underline;}

a:hover {color:#333;
text-decoration:underline;}

a img {border-width:0;}

#main a:link, #main a.comment-link:visited {color:#2E368E;}


#main a:hover {color: #FF9100;}

/* Header
----------------------------------------------- */

#header {background-image: url(images/header.png);
height:306px;
margin:0px;
color:#fff;
width:100%;
width/* */:/**/auto;
width:auto;
background-repeat: no-repeat;}

#header h1 { visibility: hidden; font-size: 1px; line-height: 1px; }

#blog-title {margin:0;
padding:40px 0 0;
font:bold 275%/97px Helvetica,Arial,Verdana,Sans-serif;
text-transform:lowercase;}

#blog-title a {color:#fff;
text-decoration:none;}

.postpage #blog-title {padding-top:0;
background-position:0 -40px;}

/* Nav
----------------------------------------------- */
#topNav {
margin: 10px 0 0 0; padding: 10px 0 0 0; width: 429px; height: 25px !important; height /**/: 35px;
background-color: #D9EAE0; 
}

ul.nav {
padding: 0;
margin: 0 auto;
display:block;
width:350px;
}

ul.nav li { border-left:1px solid #27AF9B;
list-style-type:none;
margin: 0;
padding: 0 15px;
float: left;
display: block;
font-size: 8px;
}
ul.nav li a { margin: 0; font-size: 12px;
line-height: 12px; position: relative; left: auto; top: auto; }

ul.nav li.first {border-left-width:0;}

#topNav ul.nav li { padding: 0 18px; }
#topNav ul.nav li a { font-size: 14px; color: #27AF9B; text-decoration: none !important; font-weight: bold !important; }
#topNav ul.nav li a:hover { color:#FF9100; }
#topNav ul.nav li a:active { color: FF9100; }
#subNav { background: transparent url(/images/bg_dbl-col.gif) repeat top left; }

#footer ul.nav {
padding:10px 0 0 0;
margin: 30px auto 0 auto;
width:360px;
}

/* Description
----------------------------------------------- */

#description {background:#8df url("http://www.blogblog.com/no897/bg_desc_top.gif") no-repeat left top;
margin:0 0 10px;
padding:12px 0 0;
color:#fff;}

#description p {background:url("http://www.blogblog.com/no897/bg_desc_bot.gif") no-repeat left bottom;
margin:0;
padding:0 0 12px;}

#description em {/* To remove the word next to the desription, delete the following background property */
  background:url("http://www.blogblog.com/no897/temp_no.gif") no-repeat left center;
/* Keep everything below */
  display:block;
padding:0 0 0 160px;
font:bold 75%/1.6em Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
min-height:12px;}

.postpage #description em {font-size:1px;
line-height:1px;
color:#8df;
visibility:hidden;}

/* Posts
----------------------------------------------- */

.date-header {margin:0 0 .5em;
font:bold 112%/1.4em Arial,Verdana,Sans-serif;
color:#1A897D;}

.post {margin:0 0 2em;}

.post-title {margin:0 0 .25em;
font:bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif;
color:#ff9100;}

#main .post-title a {text-decoration:none;
color:#ff9100;}

#main .post-title a:visited,#main .post-title a:hover {color:#ff9100; text-decoration: none; }

.post p, .post-body {margin:0 0 .75em;
line-height:1.6em;}

.post-footer {color:#467;
text-transform:lowercase;}

.post-footer em {font-style:normal;
color:#689;}

.post blockquote {margin:1em 20px;
padding:5px 0;
border:2px solid #356;
border-width:2px 0;}

.post blockquote p {margin:.5em 0;}

.post img {border:5px solid #fff;}

/* Comments
----------------------------------------------- */

#comments {margin:2em 0 0;
border-top:2px solid #356;
padding-top:1em;}

#comments h4 {margin:0 0 .25em;
font:bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif;
text-transform:lowercase;
color:#9ec;}

#comments-block {margin:0;
line-height:1.6em;}

.comment-poster {margin:0 0 .25em;
font:bold 112%/1.4em Arial,Verdana,Sans-serif;
text-transform:lowercase;}

.comment-body, .comment-body p {margin:0 0 .75em;}

p.comment-timestamp {margin:-.25em 0 2em;}

#main .comment-timestamp a {color:#689;}

#main .comment-timestamp a:hover {color:#9ec;}

.deleted-comment {font-style:italic;
color:gray;}

/* Sidebar
----------------------------------------------- */

.sidebar-title {margin:1em 0 .25em;
font:bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif;
color:#ff9100;
text-transform: inherit}

#sidepost .sidebar-title {visibility: hidden;}

#sidearchive .sidebar-title {visibility: hidden;}

#sidebar ul { margin-left: 0; margin-top: 0; padding-left: 20px; list-style-image: url(/images/dot-1.gif); link-style-position: 5px 0; }

#sidebar li { line-height:1.4em; }
#sidebar p { margin:0 0 .75em; line-height:1.4em; }

#searchForm,#sidearchiveHeader {display: block; margin: 0; padding: 10px; width: 305px !important; width /**/: 325px; background-color: #D9EAE0;}

#sidearchiveHeader { padding: 0 10px; }
#sidearchiveHeader h2 { margin: 5px 0; padding: 0; }

#aboutblog { font-size: 11px; color: #1A897D; text-align: center; }
#aboutblog img { margin: 5px 0; text-align: center; }

#gamesFun,#meetCars { margin: 0; padding: 10px 0 0 5px; width: 157px;  background-color: transparent; }
#gamesFun h3,#meetCars h3 { margin: 0; padding: 0; height: 40px; display: block; background-repeat: no-repeat; background-position: top left; }
#gamesFun ul,#meetCars ul { margin-top: 0; padding-top: 0; }
#gamesFun { float: left; }
#meetCars { float: right; margin-bottom: 130px; }

#headerGames { background-image: url(/images/hdr_games.png); }
#headerFun  { background-image: url(/images/hdr_fun-stuff.png); }
#headerMeet { background-image: url(/images/hdr_cars.png); }

#sidebar .clear { margin-top: -1px; }

/* Profile
----------------------------------------------- */

#profile-container {margin:0 0 1.75em;}

.profile-datablock, .profile-textblock {margin:0 0 .75em;
line-height:1.4em;}

.profile-img {display:inline;}

.profile-img img {float:left;
margin:0 10px 5px 0;
border:5px solid #eed;}

.profile-data {font-weight:bold;}

.profile-data strong {display:none;}

/* Footer
----------------------------------------------- */

#footer { background: url(/images/footer.png) no-repeat left top; height:43px; width: 770px;position: relative; top: -2px; margin-left: auto; margin-right:auto;}

#footer .border-right { margin-left: 436px; padding:0; display: block; width: 325px; height: 18px;}



#footer hr {display:none;}

#footer p {margin:0; padding:5px 0; color:#fff; }

#copyright { text-align: center; margin: 0 auto; font-size: 9px; color: #7D7D7D; }

/* Misc
----------------------------------------------- */

.clear {clear:both;
display:block;
height:0;
margin:0;
padding:0;
font-size: 1px;
line-height:1px;}
.hide { visibility: hidden; font-size: 1px; line-height: 1px }

#submit-a-picture { margin: 10px auto; position: relative; background: url(/images/submitphoto.gif) no-repeat left top; width: 257px; height: 137px; }
#submit-a-picture img { margin: 0; position: absolute; right: 8px; bottom: 7px; }

#searchForm .btn_search { vertical-align: middle; }
