a:focus{outline:0;}
body {	background-color:#fff; text-align:center; font-family:Arial, Helvetica,Sans-Serif;	font-size:13px;	color:#666667;
	line-height:150%; margin:0px auto;	padding:0px; }
	img{border:0px;}
h1, h2, h3, h4, h5, h6, p { margin:10px 0px; padding:0px;}
h1, h2, h3, h4, h5, h6 { line-height:100%;}
h1 { font-size:24px; letter-spacing:-2px;}
h2 { font-size:20px; font-weight:bold;}
h3 { font-size:20px; font-weight:normal;}
h4 { font-size:16px; font-weight:bold;}
h5 { font-size:16px; font-weight:normal;}
h6 { font-size:14px; font-weight:bold;}

hr{height:1px; border:0px; background-color:fr#f1f1f1; color:#f1f1f1;}

a, a:visited { color:#ed2025; text-decoration:none; border-bottom:solid 0px #fff;}
a:hover { text-decoration:none; border-bottom:dotted 1px #ed2025;}
#searchbutton, #contact input[type=submit] { background-color:#ed2025; color:#fff; border: solid 2px #242A2B; padding:3px;}

.clear{clear:both; height:1px;}
.left{float:left;}
.right{float:right;}

/* Header */
#headerContainer { background-image: url(images/header_bkg.jpg); background-repeat:repeat-x; background-color:#c1e7f2;}
#header { height:123px; background-image: url(images/header_sunburst.jpg); background-repeat:no-repeat; background-position:center;}
#headerContent { width:960px; margin:0px auto; text-align:left; position:relative;}
#headerContent h1 { margin:20px 0px 10px 0px; position:absolute; letter-spacing:-3px; line-height:55px;}
#headerContent h1 a, #headerContent h1 a:visited { font-size:48px; color:#242a2b; text-decoration:none;}
#headerContent h1 a:hover { color:#0068a0; text-decoration:none;border-bottom:solid 0px #fff;}
#headerContent h2 { margin:75px 0px 10px 0px;position:absolute; font-size:18px; color:#c1382b; letter-spacing:0px; line-height:20px; font-weight:normal;}
#logo { margin:158px 0px 0px 300px; position:absolute;}
#header .rss {vertical-align:middle; border:none;}

/* Main menu */
#menu {float:right; margin:50px 0px 0px 0px; padding:0px; list-style:none; font-size:100%;}
#menu li {display:inline;}
#menu ul { display:inline; margin:0px; padding:0px;}
#menu a { color: #004c6c; text-decoration:none; padding:3px 6px 4px; margin:0px 6px; font-weight:bold;}
#menu a.last{margin-right:0px;}
#menu a:hover { text-decoration:none; border:0px; padding:3px 6px 4px; background-color:#004c6c; color:#ffffff; }

/* Separator */
#separator{ height:16px; background:#242a2b; /*url('images/header_separator_bkg.jpg') no-repeat 50% top;*/ display:block; width:100%; text-align:center; }
#separator .innercontainer{width:960px; display:block; text-align:right; margin:0 auto;}
#separator .innercontainer .rssicon{float:right; margin-top:-28px;}
#separator .innercontainer .rssicon a{border:0px;}
#separator .innercontainer .rssicon a:hover{text-decoration:none; border:0px;}

/* Main content */
#maincontent { width:960px; text-align:left; margin:0px auto; overflow:hidden;}
a.addthis_button,a.addthis_button:hover{border:0px;}

/* Footer */
#footer { background-color:#242a2b; border-top:solid 10px #C1E7F2; font-size:12px; text-align:center;}
#footerContent {width:960px; padding:30px 0px; margin:0px auto;  position:relative;}
#footer a { color:#fff;}
#footer a.vivafooterlogo{display:block; width:83px; height:36px; background:url('images/viva-footer-logo.png') no-repeat left top;}
#footer a.vivafooterlogo:hover{background-position:left bottom; border:0px;}
.pedestrians { position:absolute; top: -70px; left:150px;}

/* Post */
.post{ margin-bottom: 30px;}
.post .entirepost{margin-bottom:30px;}
#postcontent { margin:30px 20px 30px 0px; width:680px; float:left; overflow:hidden;}
.post h1 a, .post h1 a:visited { color:#0068a0; text-decoration:none; border-bottom:solid 1px #fff;}
.post h1 a:hover { text-decoration:none; border-bottom:dotted 1px #0068a0;}
.postheader  { font-size:24px; color:#0068a0; text-decoration:none;}
.postheader:hover  { color:#004c6c; text-decoration:none;}
.post .descr { color:gray; display:block; margin:0px 0px 0px 0px;}
.post .descr a, .post .descr a:visited { color:#0068a0; text-decoration:underline; border:none;}
.post .descr a:hover { color:#004c6c; text-decoration:underline;}
.post .entry{margin-bottom:15px;}

.info { width: 520px; overflow:hidden; font-size:11px; margin-bottom:20px;}
.info .infoTitle { width:140px; background-color:#c1e7f2;}
.infoContent { color:Gray;}

.info td { padding:10px;}
.info h2 { font-size:18px; color:#004c6c;}
.info div a, .info div a:visited {color:#ed2025; text-decoration:none; border-bottom:none;}
.info div a:hover {border-bottom:dotted 1px #ed2025;}

/* related posts */
#relatedPosts {width: 100%; overflow:hidden; margin-bottom:50px;}
#relatedPosts p{font-size:20px; font-weight:normal; color:#0068a0;}
#relatedPosts  a, #relatedPosts  a:visited { color:#ed2025; text-decoration:none; border-bottom:solid 1px #fff; margin-top:5px;}
#relatedPosts  a:hover { text-decoration:none; border-bottom:dotted 1px #ed2025;}
#relatedPosts div span { font-size:11px; display:inline;}

/* comments */
#comment { margin-top:20px; font-size:20px; font-weight:normal; color:#0068a0; }
.comment  a, .comment  a:visited { color:#ed2025; text-decoration:none; border-bottom:none;}
.comment  a:hover { text-decoration:none; border-bottom:dotted 1px #ed2025;}
.comment{ overflow:hidden; width:100%; margin:5px 0px; padding:20px 20px 20px 0px;}
.comment .gravatar { float:left; width:80px; overflow:hidden; }
.comment .gravatar img { padding:5px; background-color:#c1e7f2;}
.comment #commentHeader { display:block; margin: 0px 0px 0px 18px; padding:0px 0px 0px 0px;}
.comment #commentbody { display:block; margin: 0px 0px 0px 0px; padding:20px 0px 0px 35px; min-height:80px; background:url(images/comment_bg.png) no-repeat left top;}
.comment .author { font-weight:bold; color:#004c6c;}
.comment .text {float:left;	width:500px;}
.self {background-color:#c1e7f2;}
.self .gravatar img { background-color:#ddf2f9;}
.thumb {width:60px;}

/* comment form */
.commentForm{padding-bottom:80px;}
.commentForm p {font-size:20px; font-weight:normal; color:#0068a0; margin-top:50px; }
.commentForm label { display:block;}
.commentForm input[type="text"]  { display:block; background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:300px;}
.commentForm select  { background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:310px;}
.commentForm textarea  { background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:100%;}
#commentMenu { margin:0px 0px 0px 0px; padding:0px;}
#commentMenu li { display:inline; background-color:#c1e7f2;padding:5px 5px; cursor:pointer;}
#commentMenu li a { padding:5px 5px; background-color:#c1e7f2;}
#commentMenu li a:hover { background-color:#DDF2F9;}
#commentMenu li.selected { display:inline; background-color:#DDF2F9;padding:5px 5px;}
.bbcode {float:right; margin:15px 10px 0px 0px;}
.bbcode a {margin:0px 5px;}

/* Contact */
#contact label { display:block;}
#contact input[type="text"]  { display:block; background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:300px;}
#contact select  { background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:310px;}
#contact textarea  { background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:500px;}

/* Sidebar */
#sidebar { margin:30px 0px; width:260px; float:left; overflow:hidden; text-align:right;}
#sidebarleft { margin-right:20px; float:left; width:200px; text-align:left;}
#widgetzone {padding:0px; margin:0px; float:left; width:100%; text-align:left;}
.widget a {color:#004c6c; text-decoration:none; border:none;}
.widget a:hover {text-decoration:underline;}
.widget img { border:none;}
.aboutbox img { text-align:left; float:left; margin-right:10px;}
.widget {background: #e6f5fc url(images/widget_bkg.jpg) no-repeat center top; padding:10px; margin-bottom:20px; text-align:left;}
.widget h4 {font-size:18px; color:#242a2b;}
.widget ul {list-style:none; padding:0px; margin: 0px;}
.widget ul li:first-child {border-top:solid 1px #57c9e9; text-decoration:none;}
.widget ul li {border-bottom:solid 1px #57c9e9;}
.widget ul li a, .widget ul li a:visited {display:block; padding:3px; color:#004c6c; text-decoration:none;}
.widget ul li:hover a {color:#242a2b; background-color:#c1e7f2; text-decoration:none;}
.widget ul li a.rssButton, .widget ul li a.rssButton:visited{float:left; display:block; padding:7px 7px 7px 3px; text-decoration:none;}
.widget ul li a.rssButton:hover {text-decoration:none;}
.widget .delete {float:right;}

#tagcloud {margin-bottom: 10px;	white-space: normal;}
#tagcloud li {display: inline; border:0px;}
#tagcloud a {margin-right: 3px;display: inline;}
#tagcloud a.biggest {font-size: 20px;}
#tagcloud a.big {font-size: 17px;}
#tagcloud a.medium {font-size: 13px;}
#tagcloud a.small {font-size: 12px;}
#tagcloud a.smallest {font-size: 10px;}

#searchbox input[type=text] {width:170px; margin-right:5px; padding:2px 2px 3px 2px;}
#searchbox label[for=searchcomments] { font-size:11px;}
#monthList > li { border: none;}
.xoxo img { display:none;}
.xoxo > li > a { font-weight:bold;}
.xoxo > li > a:first-child { display:none;}
.xoxo ul { margin-left:10px; border:none;}
.xoxo ul li { border:none;}
.xoxo ul li:first-child { border:none;}

#recentPosts li a, #recentPosts li a:visited { color:#004c6c; text-decoration:none; border:none;}
#recentPosts li a:hover {text-decoration:underline; background-color:Transparent;} 
#recentPosts span {font-size:11px; margin-right:5px;}

#recentComments li a, #recentComments li a:visited { color:#004c6c; text-decoration:none; border:none; display:inline;}
#recentComments li a:hover {text-decoration:underline; background-color:Transparent;} 

/* STAR RATING */
.rating { font-size:11px; font-family:Arial, Sans-Serif; }
.rating p {	display: inline; position: relative; top: 14px; left: 55px; margin-top:0px;}
.star-rating{ background-color: #ffffff; position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0px;
	padding: 0px; background-position: left top; border: solid 1px #ffffff;}
.star-rating li { display: inline;}
.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px; line-height: 25px;
	outline: none; overflow: hidden; border: none;}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus {	background-position: left bottom;}
.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5;}
.star-rating a.three-stars { width: 60%; z-index: 4;}
.star-rating a.four-stars { width: 80%; z-index: 3;}
.star-rating a.five-stars {	width: 100%; z-index: 2;}
.star-rating .current-rating {z-index: 1; background-position: left center;}
/* smaller star */
.small-star { width: 50px; height: 10px;}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating  {
	background-image: url(../../pics/star_small.gif); line-height: 10px; height: 10px; }
	
/* Archive */
#archive h1,#archive h2{color:#0068a0;}
#archive h4{margin-top:30px; color:#0068a0;}
#archive h4 a, #archive h4 a:hover{border:0px;}
#archive h4 img {border:none; margin-right:10px;}
#archive table {width: 600px; font-size:12px;}
#archive table .date {width: 70px;}
#archive table .title {width: 350px;}
#archive table .comments {width: 50px; text-align:center;}
#archive table .rating {width: 50px; text-align:center;}

/* Code */	
code, .code { font-size: 12px; color: black; font-family: Consolas, "Courier New", Courier, Monospace; background-color: #F1F1F1; line-height: normal; display:block; padding:10px; }
.code p {padding: 5px; }
.code .rem { color: #008000; }
.code .kwrd { color: #0000ff; }
.code .str { color: #006080; }
.code .op { color: #0000c0; }
.code .preproc { color: #0000ff; }
.code .asp { background-color: #ffff00; }
.code .html { color: #800000; }
.code .attr { color: #ff0000; }
.code .alt {	background-color: #f4f4f4; }
.code .lnum { color: #606060;}

a.backtotop
{
	float:right;
	border:1px solid #fff;
}

/* Buttons */
a.button
{
	background: transparent url('images/VivaButtons.png') no-repeat scroll right top;
    color: #ffffff;
    display: block;
    float: left;
    font-size:1.2em;
    border:0px;
    height: 25px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span
{
	background: transparent url('images/VivaButtons.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 6px 18px;
    text-shadow: 1px 1px 0px #595959;
}

a.button:hover
{
	background-position:right -25px;
	border:0px;
	text-decoration:none;
}

a.button:hover span
{
	color:#ffffff;
	background-position:left -25px;
}


.fixed
{
	position:absolute;
	position:fixed;
	top:169px;
	right:0px;
	z-index:100001;
}
.profiles
{
	display:block;
}
.profiles a
{
    display:block;
    float:none;
    text-decoration:none!important;
    background:url('images/cute_profiles_sprite32.png') no-repeat left top;
    width:32px;
    height:32px;
    text-indent:-9000px;
    margin-bottom:8px;
}
.profiles a:hover
{
	text-decoration:none!important;
	background-position:0px -32px;
	border:0px!important;
}

.profiles a.twitter
{
	background-position:-32px 0px;
}
.profiles a.twitter:hover
{
	background-position:-32px -33px;
}
.profiles a.facebook
{
	background-position:-64px 0px;
}
.profiles a.facebook:hover
{
	background-position:-64px -33px;
}
.profiles a.rss
{
	background-position:-320px 0px;
}
.profiles a.rss:hover
{
	background-position:-320px -33px;
}