/*

Theme Name: Laser hair removal news

Description: Template for laser hair removal news

Author: Virginia Wong

*/



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

/* 	News Engine        							 	                         */

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



/*	These elements are used by the news engine and control how your news items

	look when displayed on screen */

	

.break {

	clear: both; 

}



/*	This surrounds the whole news section */



.newsBox {

	/*border: 1px solid #c3c3c3;*/

	/*padding: 20px;*/

	

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 20px;

}



/* 	This surrounds the whole news item */



.newsItem {

	background: #ffffff;

	margin-bottom: 10px;

}



/* This changes the colors of the links */

.newsTitle {



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

	font-weight: bold;

	color: #8C133C;

}


.newsTitle a {

	color: #8C133C;

	font-weight: bold;

}



.newsTitle a:link, a:visited {

	color: #8C133C;

	font-weight: bold;

}



.newsTitle a:hover {

	color: #001E6A;

}



/* You can use this to change the description

	colors, spacing, padding etc. */

	

.newsDescription {

	color: #000000;

}



/* 	This changes the more news link */



.moreNews a:link, a:visited {

	color: #800000;

}



.moreNews a:hover {

	color: #001E6A;

}

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

/*	Below are the items you should change if you want to modify the          */

/*	colors or fonts displayed in the blog  									 */

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



/* 	This sets the background image which appears underneath the date */



.feature{

	padding: 0px 0px 10px 10px;

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

	background-repeat: no-repeat;

}





h1, h2, h3, h4, h5, h6 {

	font-family: Arial,sans-serif;

	margin: 0px;

	padding: 0px;

}



/*	This sets the colour and size for the site name */



h1{

	font-size: 130%;

	color: #2D3373;

	padding: 5px 0px 5px 10px;

	margin-bottom: 10px;	

	

}



/*	This sets the color for the date */



h2{

 font-size: 120%;

 color: #8C133C;

 margin-bottom: 10px;

}





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

/*	These elements set the color of the hyperlinks							 */

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



a {

	color: #8C133C;

}



a img {

	border: none;

}



a:visited {

	color: #8C133C;

}



a:hover {

	color: #001E6A;

}





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

/*	These elements control the menu which appears on the right of the screen */

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



/*	This is the menu title */



#menu{

    float:right;

	width: 150px;

	margin-top: 5px;

	margin-right: 10px;

	padding: 0 0 0 0;

}



.menuTitle{

	color: #000000;

	/*background-color: #FF9900;*/

	/*padding: 5px;*/

	padding-left: 0px;

	display: block;

	font: 12px Arial;

	font-weight: bold;

	text-decoration: none underline;

	text-align: left;

}





/* 	This sets the background color for your menu */

	

.menuContainer {

}



/*	This is what the menu item 	looks like normally */

	

.menuItems a {

	color: #2f2f2f;

	/*padding: 4px;*/

	padding-left: 5px;

	/*border-bottom: 1px solid #FFCC80;*/

	display: block;

	font: 11px Arial;

	/*font-weight: bold;*/

	text-decoration: none underline;

	text-align: left;

}





/*	This is what happens when the mouse goes over the menu */

	

.menuItems a:hover {

	/*background-color: #FF9900;*/

	color: #000000;



}



/*	This is what happens when a link has previously been clicked on */

	

.menuItems a:visited {

	color: #2f2f2f;

	font-weight: normal;

}



.GoogleAd-Right {

	width: 150px;

	float: right;

	margin-top: 10px;

	margin-right: 10px;

}



.GoogleAd-Middle {

	width: 300px;

	float: right;

	margin-left: 20px;

	margin-bottom: 20px;

	margin-top: 50px;

}





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

















body{

	font-family: Arial,sans-serif;

	color: #000000;

	line-height: 1.166;	

	margin: 0px 0px; padding:0px;

	text-align:center;

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

	background-repeat: repeat-y;

	font-size: 12px;

}



#container{

	margin: 10px auto;

	text-align: left;

	padding: 18px;

	width:790px;

	background-color: #FFFFFF;

	border-bottom: 1px solid #cccccc;

	border-left: 1px solid #cccccc;

	border-top: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

}



#content{

    float:left;

	width: 600px;

	margin-right: 10px;

	padding: 0 10px 20px 0;

}



.post {

	margin-left: 15px;

}



.feature{

	padding: 0px 0px 10px 10px;

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

	background-repeat: no-repeat;

}



.feature h2{

	padding: 05px 50px 4px 5px;

	border-bottom: 1px solid #ccc;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

	margin: 0 5px 5px 0;

}



.feature p {

	padding-left: 5px;

	padding-right: 5px;

}









h3{

 font-size: 110%;
 padding: 05px 50px 4px 5px;

 color: #2D3373;

}



h4{

 font-size: 100%;

 font-weight: normal;

 color: #333333;

}



h5{

 font-size: 100%;

 color: #334d55;

} 



#footer{

	clear: both;

	border-top: 1px solid #cccccc;

	font-size: 100%;

	color: #cccccc;

	padding: 10px 10px 0px 10px;

	text-align: center;

}



#indent {

	margin-left: 10px;

}



#comments {

	margin-left: 10px;

}



#postcomment {

	margin-left: 10px;

}



#commentform {

	margin-left: 10px;

}







acronym, abbr {

	border-bottom: 1px dashed #333;

}



acronym, abbr, span.caps {

	font-size: 90%;

	letter-spacing: .07em;

}



acronym, abbr {

	cursor: help;

}



blockquote {

	border-left: 5px solid #ccc;

	margin-left: 1.5em;

	padding-left: 5px;

}





cite {

	font-size: 100%;

	font-style: normal;

}





ol#comments li p {

	font-size: 100%;

}



p, li, .feedback {

	font-family: Arial,sans-serif;

	font-size: 100%;

	/*letter-spacing: -1px;*/

}



/* classes used by the_meta() */

ul.post-meta {

	list-style: none;

}



ul.post-meta span.post-meta-key {

	font-weight: bold;

}



.credit {

	background: #90a090;

	border-top: double 3px #aba;

	color: #fff;

	font-size: 11px;

	margin: 10px 0 0 0;

	padding: 3px;

	text-align: center;

}



.credit a:link, .credit a:hover {

	color: #fff;

}



.feedback {

	margin-bottom:10px;

	color: #cccccc;

	/*text-align: right;*/

	/*clear: both;*/

}



.meta {

	font-size: .75em;

}



.meta li, ul.post-meta li {

	display: inline;

}



.meta ul {

	display: inline;

	list-style: none;

	margin: 0;

	padding: 0;

}



.meta, .meta a {

	color: #808080;

	font-weight: normal;

	letter-spacing: 0;

}



.storytitle {

	font-size: 120%;

}



.storytitle a {

	text-decoration: none;

}



.storycontent {

	font-size: 100%;

}



.storycontent u {

   color: #8C113C;

   font-weight: bold;

}   



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

	background: #fff;

	border: 1px solid #333;

	padding: .2em;

}



#commentform textarea {

	width: 100%;

}



#commentlist li ul {

	border-left: 1px solid #ddd;

	font-size: 110%;

	list-style-type: none;

}



/*

#content {

	margin: 30px 13em 0 3em;

	padding-right: 60px;

}

*/







#menu{

    float:right;

	width: 150px;

	margin-top: 5px;

	margin-right: 10px;

	padding: 0 0 0 0;

}





#menu form {

	margin: 0 0 0 13px;

}



#menu input#s {

	width: 80%;

	background: #eee;

	border: 1px solid #999;

	color: #000;

}



/*	This element sets the color and indentation of the other blog menu		*/

/*	Options such as categories and meta									    */





#menu ul {

	color: #000000;

	font-weight: bold; 

	list-style-type: none;

	margin: 0;

	padding-left: 0px;

}



#menu ul li {

	font: Arial,sans-serif;

	letter-spacing: 0.1em;

	margin-top: 10px;

	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/

	text-decoration: none underline;

}



#menu ul ul {

	font-variant: normal;

	font-weight: normal;

	line-height: 100%;

	list-style-type: none;

	margin: 0;

	padding: 0;

	text-align: left;

}



#menu ul ul li {

	border: 0;

	font: Arial,sans-serif;

	letter-spacing: 0;

	margin-top: 0; 

	padding: 0; 

	padding-left: 5px;

}



#menu ul ul li a {

	color: #000;

	text-decoration: none underline;

}



#menu ul ul li a:visited {

	color: #000;

	font-weight: normal;

	text-decoration: none undeline;

}



#menu ul ul li a:hover {

	/*border-bottom: 1px solid #809080;*/

}





#menu ul ul ul.children {

	font-size: 100%;

	padding-left: 4px;

}



#wp-calendar {

	border: 1px solid #ddd;

	empty-cells: show;

	font-size: 14px;

	margin: 0;

	width: 90%;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#wp-calendar a {

	display: block;

	text-decoration: none;

}



#wp-calendar a:hover {

	background: #e0e6e0;

	color: #333;

}



#wp-calendar caption {

	color: #999;

	font-size: 16px;

	text-align: left;

}



#wp-calendar td {

	color: #ccc;

	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

	letter-spacing: normal;

	padding: 2px 0;

	text-align: center;

}



#wp-calendar td.pad:hover {

	background: #fff;

}



#wp-calendar td:hover, #wp-calendar #today {

	background: #eee;

	color: #bbb;

}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

}