/*

Theme Name: VsPink
Theme URI: http://www.mybloglive.com
Description: Lovely pink theme
Version: 1
Author: Ankur Savai
Author URI: http://www.aksinfo.com

*/

*{
padding: 0em;
margin: 0em;
}

body{
/*background: url('images/pagebg.gif') repeat-y;*/
background: url('images/fond.jpg') repeat-y;
background-position: center;
padding: 0px 0px 35px 0px;
}

body,input{
font-size: 10pt;
font-family: "verdana" , "georgia", "times new roman", serif;
color: #000000; /*color: #41291c;*/
}

p{

margin-bottom: 1.0em;
text-align: justify;
}

a{
color: #0d0b78;
text-decoration: none;
}

a:hover{
text-decoration: none;
}

h3 span{
font-weight: normal;
}

h3,h4{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h3{
font-size: 1.7em;
padding-right: 34px;
}

h4{
font-size: 1.2em;
padding-right: 28px;
}

#postinfodetail {
position:relative;
display:block;
margin-bottom:10px;
}

#dateblock {
background: url('images/dateblock.gif');
width:46px;
height:50px;
}

#datemonth {
color:#fff;
width:46px;
text-align:center;
position:absolute;
top:5px;
font-size:11px;

}

#dateday {
color:#000;
width:46px;
text-align:center;
position:absolute;
top:19px;
font-size:20px;
}


#postdetailmain {
position:absolute;
top:0px;
left:50px;
display:block;
width:80%;
}



#posttitlemain {
position:absolute;
top:6px;
left:0px;
font-weight:bold;
font-size: 1.2em;
}



#postauthormain {
position:absolute;
top:27px;
left:0px;
font-size:14px;
}

.contentarea{

padding-top: 1.3em;
width:100%;

}

img{
border: solid 0px;
z-index:100;
}

img.left
{

position: relative;

float: left;

margin: 0em 1.8em 1.4em 0em;

}



img.right

{

position: relative;

float: right;

margin: 0em 0em 1.8em 1.8em;

}



.divider1

{

position: relative;

background: #fff url('images/border2.gif') repeat-x;

height: 14px;

margin: 2.0em 0em 1.5em 0em;

clear: both;

}



.divider2

{

position: relative;

height: 1px;

margin: 2.0em 0em 2.0em 0em;

}



.post .details

{

position: relative;

top: -1.5em;

font-size: 0.8em;

color: #787878;

}



.post ul.controls

{

clear: both;

display:block;

background:#F5F5F5;

}



.post ul.controls li

{

display: inline;

font-size: 0.8em;

}



.post ul.controls li a

{

background-position: left;

padding: 0em 1.0em 0em 20px;

background-repeat: no-repeat;

}



.post ul.controls li a.printerfriendly

{

background-image: url('images/icon-printerfriendly.gif');

}



.post ul.controls li.comments a

{

background-image: url('images/icon-comments.gif');

}



.post ul.controls li.readmore a

{

background-image: url('images/icon-more.gif');

}



.box

{

position: relative;

left: 1.9em;

top: -1.5em;

padding: 1.5em;

padding-left: 2.5em;

margin-bottom: 1.0em;

font-size: 0.8em;

}





blockquote

{

background: #F5F5F5;

padding-top:10px;

padding-right:10px;

padding-left:10px;

padding-bottom:2px;

font-style:italic;

margin-bottom:10px;

}



.contentarea ul

{

list-style-image: url('images/arrows.gif');

}



.contentarea ul li

{

line-height: 2.0em;

margin-left:25px;

}



#upbg

{

position: absolute;

top: 0px;

left: 0px;

width: 100%;

height: 268px;

/*background: url('images/topbg.gif');*/
/*background: url('images/bandeau.jpg');*/

background-repeat:no-repeat;

background-position:center;

z-index: 1;

}



#outer

{

z-index: 2;

position: relative;

/*

	The width value below controls the overall width of the design. By default it's set to 82%

	(so it'll take up 82% of the browser window's width). You can set it to a different percentage

	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.

*/

width: 899px;

margin: 0 auto;

}



.date1 {

	width: 50px;

	padding: 3px;

	background: #ebebeb;

	}



.date2 {

	font-size: 9px;

	text-align: center;

	color: #ff00a8;

	font-family: Arial, Helvetica, sans-serif;

	}

	

.date3 {
font-size: 32px;
text-align: center;
margin-top: -6px;
font-family: "Century Gothic";
}



#header

{
	position: relative;
	width: 100%;
	height: 212px;
	/*background: url('images/title.gif') no-repeat;*/
background-position: 40px 0px;
	z-index: 0;/*margin-bottom: 2px;*/
}



#headercontent

{

position: absolute;

bottom: 0em;



}



#headercontent h1

{

font-weight: normal;

color: #fff;

font-size: 2.5em;

}

#headercontent h1 a

{



color: #fff;

text-decoration:none;

}



#headercontent h1 a:visited

{



color: #fff;

text-decoration:none;

}



#headercontent h1 a:hover

{



color: #fff;

text-decoration:none;

}



#headercontent h1 sup

{

color: #777;

}



#headercontent h2

{

font-size: 1.0em;

font-weight: normal;

color: #aaa;

}



#search

{

position: absolute;

top: 5.5em;

right: 2.0em;

padding-right: 0.0em;

}



#search input.text

{

margin-right: 0.5em;

vertical-align: middle;

border-top: solid 1px #000000;

border-right: 0px;

border-bottom: solid 1px #777777;

border-left: 0px;

padding: 0.15em;

width: 10.0em;

}



#search input.submit

{

background: #3391e7;

border: solid 1px #ffffff;

font-weight: bold;

padding: 0.25em;

font-size: 0.8em;

color: #F2F3DE;

vertical-align: middle;

}



#headerpic

{

position: relative;

height: 0px;

/*background: #fff url('images/menubg.gif') no-repeat top left;*/

/*margin-bottom: 2px;*/

}



#menu

{

position: relative;

height: 50px;
background: url('images/menu.jpg');
padding: 0em 1.0em 0em 2.0em;

/*margin-bottom: 2px;*/

font-weight:bold;

}



#menu ul

{

position: absolute;

top: 1.1em;

}



#menu ul li

{

position: relative;

display: inline;

}



#menu ul li a

{

padding: 0.5em 1.0em 1.4em 1.0em;

color: #0d0b78;   /*Menu*/z

text-decoration: none;

}



#menu ul li a:hover

{

background: url('images/buttonbg.gif') no-repeat;

background-position:center;

color: #fef6cb;

}



#menubottom

{

height: 2px;

margin-bottom: 0em;

}



#content

{

padding: 0em 4px 1.0em 1.5em;

}



#primarycontainer

{

float: left;

/*margin-right: -10.0em; TEST-18.0em;*/

width: 100%; /*TEST width: 113%;*/

}



#primarycontent

{

margin: 1.5em 3em 0em 0em; /*TEST margin: 1.5em 11.0em 0em 0em;*/

}



#secondarycontent

{

margin-top: 1.5em;

float: right;

width: 150px;

}



#secondarycontent a

{

text-decoration:none;

display:block;

}



#secondarycontent a:hover

{

text-decoration:none;

background:#fff;

}





#secondarycontent h4

{

background: url('images/sidebarbg.gif');

color:#fff;

display:block;

padding:8px;

}



#footer{
clear: both;
width:898px;

background: #eba83f;
font-size: 0.8em;
text-align:center;
}


#footer a{
color: #0d0b78;
font-weight: bold;
text-decoration: none;
}


#footer a:hover {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

#footer .left{
position: absolute;
left: 2.0em;
bottom: 1.2em;
margin-left:330px;
}



#footer .right
{

position: absolute;

right: 2.0em;

bottom: 1.2em;

}





#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

}



#commentform {

margin-left: 1em 0;

background: #ffffff;

width: 280px;

}



#commentform textarea {

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform textarea:hover {

background: #FFFFFF;

border: 1px solid #d6d3d3;

}

#commentform textarea:focus {

background: #ffffff;

border: 1px solid #939793;

}



#commentform #email, #commentform #author, #commentform #url {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {

font-size: 1.1em;

background: #ffffff;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size: 1.1em;

background: #ffffff;

border: 1px solid #939793;

width: 280px;

}

#commentform input{

margin-bottom: 3px;

}

.lang_switch li{
float:right;
list-style:none;
margin:2px;
}


.post ol li

{

margin-left:25px;

}