/*

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-position: center;

padding: 0px 0px 35px 0px;

}



body,input

{

font-size: 10pt;

font-family: "georgia", "times new roman", serif;

color: #333333;

}



p

{

line-height: 1.5em;

margin-bottom: 1.0em;

text-align: justify;

}



a

{

color: #222;

text-decoration: underline;

}



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;

}



img

{

border: solid 0px;

}



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: 201px;

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

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: 864px;

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: 150px;

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

background-position: 40px 0px;

margin-bottom: 2px;

}



#headercontent

{

position: absolute;

bottom: 0em;

padding: 0em 2.0em 1.3em 2.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: 53px;

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: #fff;

text-decoration: none;

}



#menu ul li a:hover

{

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

background-position:center;

color: #eb017b;

}



#menubottom

{

height: 2px;

margin-bottom: 0em;

}



#content

{

padding: 0em 4px 1.0em 1.5em;

}



#primarycontainer

{

float: left;

margin-right: -18.0em;

width: 90%;

}



#primarycontent

{

margin: 1.5em 11.0em 0em 0em;

}



#secondarycontent

{

margin-top: 1.5em;

float: right;

width: 254px;

}



#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

{

position: relative;

height: 2.0em;

clear: both;

width:653px;

padding-top: 5.0em;

background: #ccc;

font-size: 0.8em;

}



#footer .left

{

position: absolute;

left: 2.0em;

bottom: 1.2em;

}



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

}

.entry ul li

{list-style:square;

margin-left:25px;

}



.post ol li

{

margin-left:25px;

}