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

********************************************************************/

@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;
}




#datetime
{
    position: absolute;
    top: 100px;
    left: 0px;
    background-color:#8C0003;
    padding: 5px;
    color: #ffffff;
    font-size:12px;
}

.about h2, .blog h2, .main_content h2, #contact h2 {
border-bottom:1px solid #CCCCCC;
color:#707A71;
display:block;
font-family:'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;
font-size:24px;
font-weight:normal;
letter-spacing:3px;
margin-bottom:20px;
text-transform:uppercase;
width:100%;
}


/*-----------------------------------------------------------------------------------------------------------
    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;
}

a:hover
{
    color:#01ADDF;
}

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;
}

.title {
color:#FFFFFF !important;
display:inline;
height:36px;
padding:5px 10px 7px 15px;
min-width:1px;
margin-left: -10px;

}

.title a
{
    color: #ffffff;
}

.red
{
    background-color: #8C0003 !important;
    color: #ffffff;
}

.blue
{
    background-color:#0065A7 !important;
    color: #ffffff;
}

/*-------------------------------------------------------------------------------
    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:#01ADDF;
}

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 center;
    
}

#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:330px;
}

.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:'BebasRegular',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:#01ADDF;
text-decoration:line-through;
}

/* Last FM music */

#music img {
background:none repeat scroll 0 0 #000000;
border: 4px 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:#666666;
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 {
float:left;
margin-right:10px;
width:710px;
}

.blog .article {
background:none repeat scroll 0 0 #131313;
margin-bottom:10px;
padding-top:25px;
width:710px;
color: #787878;
}

.blog .article .elements {
padding:20px;
}

.blog .article ul {
padding-left:20px;
}

.blog .article 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 .article .footer {
background:none repeat scroll 0 0 transparent;
border-bottom:1px solid #E1E1E1;
border-top:1px solid #E1E1E1;
color:#333333;
font-size:10px;
height:14px;
padding:3px 0;
}

.blog .prevnext .prev {
float:left;
margin-left:10px;
}

.blog .prevnext .next {
float:right;
margin-right:10px;
}

/* side bar */
.blog .side {
float:left;
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 .article img {
border:5px solid #EFEFEF;
margin:5px;
}

.blog .article img.left {
float:left;
margin:0 10px 5px 0;
}


/*-------------------------------------------------------------------------------
   Contact Page
-------------------------------------------------------------------------------*/
.address {
float:left;
margin:10px 0px 0px 0px;
padding-right: 15px;
width:280px;
border-right: dashed 1px #c0c0c0;
text-align: left;
}

.contact_form {
float:left;
width:500px;
margin-left: 50px;
}

.contact_form p
{
    margin-top: 5px;
}

.contact_form p input[type=text], .contact_form p textarea {
background:none repeat scroll 0 0 #222222;
border:medium none;
color:#FFFFFF;
float:right;
font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;
margin-bottom:0;
margin-left:10px;
margin-right:0;
padding:10px;
width:500px;
}

.contact_form p input[type=submit]
{
    background-color: #0065A7;
    padding: 3px 6px;
    border: solid 1px #0065A7;
    color: #ffffff;
    margin-top: 10px;
}

/*-------------------------------------------------------------------------------
   About Page
-------------------------------------------------------------------------------*/
.twitterfeed {
float:left;
margin:50px 10px 0 0;
padding: 0px;
width:280px;
}

.twitterfeed ul {
list-style:none outside none;
padding-left: 5px;
}

.twitterfeed ul li {
margin-bottom:40px;
}

.twitterfeed ul li a {
color:#01ADDF;
}

.flickr img
{
    width: 81px;
    height: 52px;
    border: solid 5px #525252 !important;
    margin: 10px;
}

.flickr img:hover
{    
    border: solid 5px #000000 !important;    
}

.facts li 
{
    list-style:disc outside none;
    margin-bottom:10px !important;
    padding-left:15px;
}

img.mid_align {
border:0 none;
margin-right:5px;
vertical-align:middle;
}

.aboutright {
float:right;
margin:50px 0 0;
width:620px;
color:#FFFFFF;
}

.aboutright img 
{
    border: solid 12px #222222;
}

.aboutright h1
{    
    font-size: 1.5em;
    padding: 10px 0;   
}

.bluebox
{
    background:url("/images/bgcornershadow.png") no-repeat scroll right top #56699B;
    color:#FFFFFF;
}