/*



Theme Name: VsPink 2



Theme URI: http://www.mybloglive.com



Description: Lovely pink theme 2



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: .6em;



top: -1.5em;



padding: .5em;



padding-left: .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: 178px;



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



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



/*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: .9em;



}







#menu ul li



{



position: relative;



display: inline;



}







#menu ul li a



{



padding: 0.5em 1.0em 1.4em 1.0em;



color: #6A0A56;



text-decoration: none;



}







#menu ul li a:hover



{



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



background-position:center;



color: #000000;



}







#menubottom



{



height: 2px;



margin-bottom: 0em;



}







#content



{



padding: 0em 4px 1.0em 1.5em;



}







#primarycontainer



{



float: left;



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

margin-right: -15.0em;

width: 90%;



}







#primarycontent



{



/*margin: 1.5em 11.0em 0em 0em;*/
margin: 1.5em 9.0em 0em 0em;


}







#secondarycontent



{



margin-top: 1.5em;



float: right;



width: 176px;



}







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



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;



}