/* - - - - - - - - - - - - - - - - - - - - -

Title       : revamp
Author      : Viking KARWUR
URL         : http://www.vikingkarwur.com

Description : Viking KARWUR - revamp vikingkarwur.com 2008 release


Created     : 4 January 2008
Modified    : 22 Dec 2009

- - - - - - - - - - - - - - - - - - - - - */

body {
color: #666;
background: #000 url(../images/bg2.jpg) repeat-x;
font:normal 13px Helvetica, "Helvetica Neue", Arial,"Lucida Sans Unicode",  "Lucida Grande",  verdana;

/*
font:normal 12px  "Frutiger", "Univers", "Helvetica Neue", arial, helvetica, sans-serif; */
}

h1, h2, h3, h4, h5 {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

a {
color: #c00;
}

#container {
}

#top {
min-height:400px;
background: #fff;
}

#contents {
background: #fff;
}

#sidebars {
min-height:400px;
}

#xphoto {
height:540px;
background: url(../images/home-top-pic.jpg) no-repeat bottom left;
}



#contents {
}

#xmenu {
margin-bottom:10px;
background: #fff;
}

#xmenu dl {
font:bolder 15px Arial, Helvetica, sans-serif;
}

#xmenu dl dt a {
width:100px;
float:left;
padding:15px;
margin-right:1px;
background: #ccc;
text-align:center;
color: #666;
text-decoration:none;
}

#xmenu dl dt a:hover {
background: #666;
color: #fff;
}

#xmenu dl dt.active a {
background:  #000;
color: #fff;
text-decoration:underline;
}


#xtagline {
margin:-10px 0px 0px 0px;
background: #000 url(../images/logo.jpg) top right no-repeat;
padding-top:10px;
min-height:200px;
_height:200px;
}

#xtagline h1 {
color:#fff;
font: bolder 45px Arial, Helvetica, sans-serif;
letter-spacing:-2px;
padding:20px 50px 0px 50px;
}

#xtagline h1 span {
color:#c00;
font: normal 45px Arial, Helvetica, sans-serif;
}

#xtagline h2 {
color:#ccc;
font: normal 20px Arial, Helvetica, sans-serif;
padding:0px 50px 0px 50px;
margin:0px;
}

#xtagline h2 a, #xtagline h2 a:hover {
color: #cc0000;
}

#xtagline h2 a:hover {
color: #cc0000;
text-decoration: underline;
}


#xheadtext {
background: #c00;
}

#xheadtext h3 {
color:#fff;
font: bold 22px Arial, Helvetica, sans-serif;
line-height:1.2em;
padding:20px 10px;
margin:0px 20px;
letter-spacing:-1px;
line-height:1.4em;
}

#xheadtext h3 a {
color: #333;
text-decoration:none;
}

#xheadtext h3 a span {
padding:5px 10px;
background: #333;
color: #fff;
text-decoration:none;
}

#xheadtext h3 a span:hover {
background: #666;
color: #fff;
}


#xheadtext img {
float:left;
margin:10px 20px;
padding:5px;
background:#fff;
}

#projects {
padding:0px 0px 10px 0px;
border-bottom:5px solid #c00;
}

#workfeatured {
padding:0px;
}

#workfeatured img {
padding:4px;
background: #f1f1f1;
border:1px solid #ccc;
}

#launchpad {
padding:0px;
}

#launchpad dt img {
float:left;
padding:4px;
background: #f1f1f1;
border:1px solid #ccc;
margin-right:10px;
}

#launchpad dl.rproject {
margin:0px 10px;
padding:10px 10px 0px 10px;
border-bottom:1px solid #ccc;
min-height:70px;
_height:80px;
}

#launchpad dl:hover {
background: #f1f1f1;
cursor:pointer;
}


#launchpad dd {
}


#launchpad dd.rptitle {
font-size:15px;
font-weight:bold;
text-transform:uppercase;
}

#launchpad dd.rptype, #launchpad dd.rpurl {
font-size:13px;
color: #c00;
}

#launchpad dd.rpurl a {
font-size:11px;
color:#333;
border-bottom:1px dotted #333;
text-decoration:none;
}


#launchpad p.pshowcase a {
float:right;
padding:5px 10px;
color:#c00;
font-weight:bold;
font-size:15px;
text-decoration:none;
}


#clienttestimonial {

}

#clienttestimonial blockquote, #mytwitter blockquote {
color: #666;
font-size:15px;
margin:0px 15px 0px 0px;
padding:20px 10px;
background: #f1f1f1;
border-bottom:5px solid #666;
}

#clienttestimonial p span, #mytwitter  p span {
font-size:16px;
background: #666;
color: #fff;
padding:5px;
font-weight:bold;
}

#clienttestimonial p a, #mytwitter p a {
color: #a00;
}

#myservices dl {
}

#myservices dt {
font-size:15px;
font-weight:normal;
}

#myservices dt a {
text-decoration:none;
padding:5px 10px;
display:block;
border-bottom:1px solid #ccc;
margin-right:15px;
color: #c00;
}

#myservices dt a span {
float:right;
margin-top:-18px;
}


#myservices dt a:hover {
border-bottom:1px solid #666;
color: #333;
}


#blogs {
background: #f1f1f1;
}

#blogs dl.favs {
padding:5px 10px;
background: #cc0000;
}




#footer {
min-height: 50px;
background: #000;
}

#copyright {
color: #ccc;
}

#copyright p {
font-size:10px;
text-transform:uppercase;
padding:0px 10px;
margin:10px 0px;
}

#copyright p strong {
color: #fff;
}

#copyright p a {
color: #999;
text-decoration:none;
border-bottom:1px dotted #999;
}

#submenu {
}

#submenu ul {
list-style:none;
padding:10px 0px 10px 0px;
font-size:10px;
text-align:right;
}

#submenu li {
display:inline;
text-transform:uppercase;
padding:5px 5px;
}

#submenu li a {
color: #ccc;
text-decoration:none;
font-weight:bolder;
}

#submenu li a:hover {
color: #c00;
text-decoration:none;
border-bottom:1px solid #c00;
}

#submenu li a span{
color: #c00;
font-weight:bold;
border:none;
}

/* -------------------------------------------------- 

HOME

-------------------------------------------------- */

#mytwitter, #searchbox {
padding:0;
margin:0;
}

#workfeatured h2, #mytwitter h2, #searchbox h2, #launchpad h2, #mycontact h2, #clienttestimonial h2, #myservices h2, #promobox h2 {
background: #c00;
color: #fff;
margin:10px 0px;
padding:5px 10px;
font-weight:bold;
font-size:15px;
text-transform:uppercase;
}

#mytwitter p {
font-size:13px;
padding:10px;
margin:5px;
color: #333;
border-bottom:1px dashed #f1f1f1;
text-align: justify;
}

#mycontact p {
font-size:13px;
padding:5px 10px;
margin:0px;
color: #666;
text-align: justify;
}

#promobox img {
padding:4px;
border:1px solid #ccc;
background: #f1f1f1;
margin:10px 20px;
}

/* -------------------------------------------------- 

BLOG

-------------------------------------------------- */

#blogwrap {
background: #fff;
min-height:300px;
}

#newsticker a {
color: #c00;
text-decoration:none;
border-bottom:1px dotted #c00;
}

#newsticker a:hover {
color: #fff;
border:none;
}


/* -------------------------------------------------- */

em {
background: none;
}

.extra {display:inline; float:left; text-decoration:none; margin:0 20px;}
.extra em {font: Arial, Helvetica, sans-serif; font-size:15px; font-style:normal; }
.extra em.txt, .extra b {display:none;}
.extra .color1 {background:#ccc;}
.extra img {border:0; display:block;}
.extra:hover {background:#fff; position:relative;cursor:pointer;}
.extra:hover b {display:block; position:absolute; top:175px; left:0; width:310px; background:#000; height:60px; opacity:0.7;}
.extra:hover em.txt {display:block; position:absolute; top:188px; width:300px; text-align: center; height:50px; color:#fff; margin:0; line-height:1.0em;}