﻿/********************************************************************
 bipinu2.com CSS File
 HTML/CSS: bipin shrestha

********************************************************************/

#datetime
{
    position: absolute;
    top: 100px;
    left: 0px;
    background-color:#8C0003;
    padding: 5px;
    color: #ffffff;
    font-size:12px;
}

@font-face {
	font-family: 'AngelinaRegular';
	src: url('/font/angelina-webfont.eot');
	src: local('☺'), url('/font/angelina-webfont.woff') format('woff'), url('/font/angelina-webfont.ttf') format('truetype'), url('/font/angelina-webfont.svg#webfont5kw6dRiA') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*-----------------------------------------------------------------------------------------------------------
    Global CSS
------------------------------------------------------------------------------------------------------------*/
body {
	font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;
    background:none repeat scroll 0 0 #000000;
    color: #82817D; 
    padding: 0px;
    margin:0px;   
}

a {
outline:medium none;
text-decoration:none;
color:#0065A7;
}

p {
font-size:12px;
line-height:20px;
}

#wrapper {
overflow:hidden;
}

ol, ul {
list-style:none outside none;
}

.clear {
clear:both;
height:0;
line-height:0;
}

.post h2  {
color:#FFFFFF !important;
display:inline;
height:36px;
padding:5px 10px 7px 15px;
min-width:1px;
margin-left: -20px;
background-color: #8C0003 !important;

}

.post a
{
    color: #ffffff;
}

.red
{
    background-color: #8C0003 !important;
}

.blue
{
    background-color:#0065A7 !important;
}

/*-------------------------------------------------------------------------------
    Top Navigation
-------------------------------------------------------------------------------*/

div.nav_container { 
width:100%;
}

#nav {
margin:0 auto;
width:986px;
}
#nav ul {
height:38px;
padding-left:0px;
}
#nav ul li {
float:left;
height:38px;
margin-right:2px;
width:191px;
}

#nav ul li a {
color:#9B9B9B;
display:block;
font-size:16px;
font-weight:bold;
height:63px;
padding:17px 0 0 23px;
text-decoration:none;
}
#nav ul li a:hover {
background:url("/images/nav_hover.png") repeat-x scroll 0 0 transparent;
color:#FFFFFF;
text-decoration:none;
}
#nav ul li a em {
color:#4C4C4C;
display:block;
font-size:12px;
font-style:normal;
font-weight:normal;
}

#nav ul li a em:hover, #nav ul li a:hover em  {
color:#0065A7;
}

body.home #nav ul li.home a, body.portfolio #nav ul li.portfolio a, body.about #nav ul li.about a,
 body.contact #nav ul li.contact a, body.archives #nav ul li.archives a, 
 body.tags #nav ul li.archives a, body.search #nav ul li.archives a {
background:url("/images/nav_hover.png") repeat-x scroll 0 0 transparent;
color:#FFFFFF;
}

/*-------------------------------------------------------------------------------
   Header
-------------------------------------------------------------------------------*/

div.head_container {
 background-color: #111111;
    width:100%;
}

 #home div.head_container {
 background: transparent url(/images/bg.jpg) no-repeat scroll left;
    
}

#home .head {
height:360px;
margin:0 auto;
width:986px;
}

div.head {
height:160px;
margin:0 auto;
width:986px;
}


#welcome {
float:right;
overflow:hidden;
width:640px;
}

/*#welcome h2 {
color:#999999;
font-family: Georgia, Lucida Sans, Sans-Serif;
font-weight:normal;
font-size:58px;
letter-spacing:-6px;
margin:0;
padding:30px 0 10px;
}*/

#welcome p {
color:#FFFFFF;
font-size:16px;
line-height:1.3em;
padding:0px 0 0 15px;
text-indent:100px;
}

/*-------------------------------------------------------------------------------
    feature
-------------------------------------------------------------------------------*/

div.feature_details_container {
background:none repeat scroll 0 0 #191919;
border-top:1px dashed #3C3C3C;
overflow-x:hidden;
overflow-y:auto;
width:100%;
}

div.feature_details {
margin:0 auto;
width:986px;
-moz-border-radius:7px 7px 7px 7px;
background-image:url("/images/transparent_bg.png");
background-repeat:repeat;
overflow:hidden;
padding:10px 25px;
}


/* twitter */

.twitter {
background-position:left bottom;
background-repeat:no-repeat;
color:#999999;
font-size: 70%;
padding-bottom:12px;
padding-right:160px;
padding-top:12px;
position:relative;

}

.twitter a.follow-me {
background-image:url("/images/twitter.png");
height:40px;
position:absolute;
right:0;
text-indent:-1200px;
top:25%;
width:103px;
}
/* ---------------------------------------------------------------------------------
    footer 
----------------------------------------------------------------------------------*/

div.footer_wrapper {
background:none repeat scroll 0 0 #000000;
border-top:4px solid #666666;
overflow-x:hidden;
overflow-y:auto;
width:100%;
}

div.footer_content {
margin:0 auto;
padding:20px 0;
width:986px;
}

div.footer_content .col_one, .footer_content .col_two {
float:left;
margin-right:20px;
width:310px;
}

.footer_content .col_three
{
    float:left;
    width: 268px;
    border-right:0px dotted #111111;
}

div.header_blocks {
border-right:1px dotted #999999;
display:block;
}

div.footer_content ul, div.footer_content ol {
padding-top:20px;
padding-left: 2px;
}

div.footer_content ul li {
border-top:1px dotted #1C1C1D;
display:block;
padding:5px 0;
}

div.footer_content h4 {
color:#FFFFFF;
font-family:Cambria,Georgia,Times,'Times New Roman',serif;
font-size:1.2em;
letter-spacing:3px;
text-transform:uppercase;
line-height: 0.4;
}

div.footer_content a {
color:#434343;
text-decoration: none;
}

div.footer_content a:hover {
color:#0065A7;
text-decoration:line-through;
}

/* Last FM music */

#music img {
background:none repeat scroll 0 0 #000000;
border:3px solid #262620;
height:65px;
margin:0 11px 11px 0;
width:65px;
}

#music {
float:right;
margin: 15px 0 30px 0px;
padding-left: 0px !important;

}

/*-------------------------------------------------------------------------------
    Content
-------------------------------------------------------------------------------*/
div.main_content_container {
background:url("/images/contentbg.jpg") repeat scroll center top #212121;
font:12px 'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;
overflow-x:hidden;
overflow-y:auto;
padding-bottom:20px;
width:100%;
}

div.main_content {
margin:0 auto;
padding:20px 0;
width:986px;
 color: #c0c0c0; 
}

.col_left {
float:left;
margin-right:20px;
width:660px;
}

.col_right {
float:left;
width:260px;
}

.col_right img
{  
   border: solid 8px #ffffff;
}

h1.page_title {
color:#E1E1E1;
font-family: 'AngelinaRegular', 'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;
font-size:3em;
font-weight:normal;
left:0;
position:relative;
top:23px;
}

h2.sec_title
{
    color:#717171;
display:block;
font-family: 'AngelinaRegular', Arial,'Helvetica Neue',Helvetica,sans-serif;
font-size:1.8em;
font-weight:normal;

}


div.main_content p.big {
font-family:Georgia,'Times New Roman',Times,serif;
font-size:18px;
font-style:italic;
padding-bottom:10px;
color:#9D9D9D;
text-shadow:2px 2px 1px #000000;
}




/*-------------------------------------------------------------------------------
    Blog Page
-------------------------------------------------------------------------------*/

.blog {
background:none repeat scroll 0 0 #0A0909;
margin-top:10px;
padding:10px 0 10px 10px;
display:block;
}

.blog #posts, .blog .posts {
float:left;
margin-right:10px;
width:690px;
padding: 10px;
}

.post xfolkentry {

margin-bottom:20px;
padding-top:25px;
width:710px;
color: #787878;
}

.blog .posts {
background:none repeat scroll 0 0 #131313;

}

.blog .posts ul {
padding-left:20px;
}

.blog .posts ul li {
background-image:url("/images/arrow_li_black.png");
background-position:0 4px;
background-repeat:no-repeat;
padding-bottom:5px;
padding-left:10px;
}

.blog .posts .postfooter {
background:none repeat scroll 0 0 #222222;
border-bottom:1px solid #E1E1E1;
border-top:1px dashed #E1E1E1;
color:#666666;
font-size:12px;
padding:8px;
}

.blog #postPaging #ctl00_cphBody_PostList1_hlPrev {
float:left;
margin-left:10px;
}

.blog #postPaging #ctl00_cphBody_PostList1_hlNext {
float:right;
margin-right:10px;
}

/* side bar */
.blog .side {
float:right;
margin-right:10px;
width:230px;
}

.blog .side .block {
background:none repeat scroll 0 0 #000000;
margin-bottom:10px;
}

div.minimenu {
border-bottom:1px solid #0A0909;
font-family:Georgia,'Times New Roman',Times,serif;
font-size:18px;
padding:5px 0 7px;
}

.blog .entry img {
border:5px solid #EFEFEF;
margin:5px;
}

.blog .entry img.left {
float:left;
margin:0 10px 5px 0;
}

.post
{

  margin: 20px 0px;
}

.entry object
{
  border: solid 8px #555555;
  display: block;
}

.twitter, .widgetzone {
background-position:left bottom;
background-repeat:no-repeat;
color:#999999;
font-size:80%;
padding-bottom:12px;
padding-right:10px !important;
padding-top:12px;
position:relative;
}

.twitter a.follow-me {
background-image:url("/images/twitter.png");
height:40px;
position:absolute;
right:0;
text-indent:-1200px;
top:25%;
width:103px;
}

.twitter h4, .widgetzone h4 
{
	background-color:#8C0003 !important;
	color: #ffffff;
	font-size: 12px !important;
	padding: 5px;
}





