/*  
Theme Name: Laptop Screen Repairs
Theme URI: http://www.bestbeautydeals.info/
Description: Custom Designed Theme
Version: 1.0
Author: Erum Munir
Author URI: http://www.dotsndashes.com/


*/


body, div#container, div#header, #left, #right, ul.menu, form, h1, h2,h3, p, ul.cats, ul.rec,ul.recent, small, hr {padding: 0px; margin: 0px}

body
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#e7e8e9
}

/*------------- Links---------------- */
a:link {
	color: #ab0d0d;
	text-decoration: none;
	}
a:visited {
color: #0e4692;
text-decoration:none;
}
a:hover
{
background-color: #0e4692;
color: #FFFFFF;
}

/*------------- Header and Container---------------- */
div#container
{
width:786px;
background: url(images/backc.gif) repeat-y;
margin-left:auto;
margin-right:auto;
padding-bottom:50px;

}

div#gradient
{
background:url(images/back.gif)  top repeat-x;
}

div#header
{
width:786px;
background: url(images/header.jpg) no-repeat top left;
height: 227px;
}

/*------------- Menu---------------- */
ul.menu
{
list-style: none;
padding-top: 29px;
margin-right:6px;
color: #FFFFFF;
font-weight:bold;
font-size:11px;
}
ul.menu li
{
float: right;
margin-right:5px;
}
ul.menu a:link, ul.menu a:visited, ul.menu a:hover
{
color: #FFFFFF;
font-weight:bold;
background:none;
}
ul.menu a:hover
{
color: #d4dfea;
}

/*------------- Content---------------- */
#left
{
margin-top:0px;
width: 200px;
float:left;
display:block;
padding-left: 16px;
padding-top:0px;
font-size: 70%;
line-height:130%;
background: url(images/leftback.gif) no-repeat top left;

}

#right
{
position:relative;
display:block;
margin:0px 70px 0px 290px;
padding-top:20px;
font-size: 80%;
line-height:150%;
}

/*------------- Footer---------------- */
div#footer
{
width:786px;
background: url(images/footer.gif) top no-repeat;
margin-left:auto;
margin-right:auto;
padding-top: 32px;
}
div#footer p
{
font-size: 65%;
text-align:center;
color:#000000;
}
div#footer a:link, div#footer a:visited
{
color: #000000;
}
div#footer a:hover
{
background-color:#e3e2e1;
color: #000000;
}








/*Headings and p tags*/
#left h2
{
font-size: 120%;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
/*border-bottom: 1px solid  #CCCCCC;*/
padding-top:30px;
}
#left p
{
padding-bottom: 10px;
}

#right h1
{
font-size: 180%;
line-height:170%;
padding-bottom: 0px;
color:#000000;
font-variant:small-caps;
}
#right h2
{
font-size: 150%;
line-height:140%;
padding-bottom: 0px;
color: #b9c67e;
padding-top:30px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#right h3
{
font-size: 110%;
line-height:130%;
padding-bottom: 8px;
color: #000000;
}


#right p
{
padding-bottom: 20px;
}


p.postmetadata
{
margin-top:10px;
border-top: 1px dotted #cccccc;
margin-bottom: 20px;
font-size:80%;
}

/*Misc*/
/*Misc*/
ol.commentlist
{
list-style:none;
font-size: 85%;
}
ol.commentlist li
{
padding:8px;
border: 1px solid #e4ebf2;
background-color: #f8fafb;
}
ol.commentlist .alt
{
border: 1px solid #f3f3f3;
padding:8px;
background-color: #fbfbfb;
}
ol.commentlist li p
{
padding-left: 35px;

}


/*Lists*/
ul.cats, ul.rec
{list-style:none;
padding-top:3px;
padding-left: 0px;
}
ul.cats li
{padding-top:2px;
}
ul.rec li
{
padding-bottom: 20px;
}
ul.cats ul, ul.rec ul
{
list-style:none;
margin-left: 8px;
padding-left: 8px;
}

ul.recent
{
margin-left: 8px;
padding-left: 8px;
padding-top: 2px;
}




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/*Nav next prev*/

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/


.pagebar 
	{ 
		font: 11px Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
		padding: 2px 6px; 
		border: none; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #0063DC; 
		border-color: #036; 
		text-decoration: none;
	}
	
	
.post
{

margin-bottom:10px;
padding: 0p;
}


div#right p.date
{
font-size: 80%;
font-family:Georgia, "Times New Roman", Times, serif;
border-bottom: 1px dotted #cccccc;
padding-bottom: 2px;
margin-bottom: 8px;
}