/* 

Theme Name: Beauty

Theme URL: http://milo.peety-passion.com/category/themes/

Description: Beauty is a three column fluid theme for

 Wordpress with a custom painting by 

<a href="http://milo.peety-passion.com"&gt;

milo IIIIVII.</a>

Author: miloIIIIVII

Author URI: http://milo.peety-passion.com

Version: 5.0

*/

body{

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

color:#1A1F4A;font-size:11px;

font-family:Tahoma, Helvetica, Sans-Serif;

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

}

#wrap

{

background:transparent;

color:#1A1F4A;

font-size:14px;

font-family:Tahoma, Helvetica, Sans-Serif;

margin:0 0 0 120px;

padding:0;

}

a, a:visited

{



color:#1C5DAD;

text-decoration:none;

}

a:hover

{





text-decoration:underline;

}

#header

{

background:transparent url(images/header2.gif) top center no-repeat;

width:89%;

height:200px;

margin:0px auto 0px;

padding:10px 0 10px 0;

text-align:right;

text-transform: uppercase;

}

#header a , h1, h1 a

{

font-family:Times New Roman, Helvetica, Sans-Serif;

font-size:48px;

color:#333;

text-decoration:none;

padding:0 10px 0 10px;

margin:0;

text-transform:uppercase;

display:none;

}

description

{

display:none;

}

#header a:hover

{

color:#333;

}

#navbar

{

background:transparent;

width:89%;

height:20px;

margin:0px auto 0px;

padding:10px 0 10px 0;

text-align:right;

border-top:1px solid #95A5A7;

}

/*

#navbar li

{

display: inline;

list-style-type: none;

margin:0;

padding:0;

}

#navbar ul

{

margin:0;

padding:0;

}

#navbar ul li a{

font-family:Times New Roman, Helvetica, Sans-Serif;

font-size:22px;

color:#95A5A7;

padding:0 10px 0 10px;

margin:0;

text-decoration:none;

text-transform: uppercase;

}

#navbar ul li a:hover{

color:#ccc;

}

*/





#l_sidebar {

float: left;

width: 21%;

margin: 110px 5px 0 0;

padding: 10px 0 10px 0;

}

/*

#l_sidebar ul 

{

list-style: none;

margin: 0;

padding: 0 0 10px 0;

}

#l_sidebar li 

{

list-style: none;

margin: 0;

padding: 0;

}

#l_sidebar ul li {

margin: 0;

padding: 5px 0 0 0;

}

#l_sidebar ul li a {

background:url('images/arrow.gif')center left no-repeat;

padding-left: 10px;

 width: 11px;

 height: 7px;

overflow:visible;

color: #474B7C;

text-decoration: none;

font-weight:bold;

}

#l_sidebar ul li a:hover {

color: #474B7C;

text-decoration: underline;

font-weight:bold;

}

*/

#r_sidebar {

float: right;

width: 17%;

margin: 30px 0 0 0;

padding: 20px 0 0 0;

}

#r_sidebar p{

padding: 2px 0 5px 0;

margin: 0;line-height: 20px;

}

#r_sidebar ul {

list-style: none;

margin: 0;

padding: 0 0 5px 0;}

#r_sidebar ul li {

margin: 0;

padding: 5px 0 0 0;

}

#r_sidebar ul li a {

/*	background-image: url(images/1arrow.gif);*/

vertical-align:middle;

/*	padding-left:10px;*/

	color: #474B7C;

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: left top;

}

#r_sidebar ul li a:hover {

color: #474B7C;

text-decoration: underline;

}

#content {

width: 85%;

margin: 0px auto 0px;

padding: 0;

font-weight: bold;

}

#content p{



padding: 10px 0 10px 0;

margin: 0;

line-height: 20px;

font-weight: normal;

}

#content p a

{

background: url(images/arrow.gif)center left no-repeat;



}







#content p img{

float: left;

border: none;

margin-right: 10px;

margin-bottom: 10px;

}

#content h1 {

color: #1C5DAD;

font-size: 22px;

font-family: Times New Roman, Verdana, Arial, Sans-Serif;

font-weight: normal;

padding: 0;

margin: 0;

}

#content h1 a  {



color: #1C5DAD;

text-decoration: none;

}

#content h1 a:hover {

color: #658DB5;

text-decoration: none;

}

#content h2 {

color: #1C5DAD;

font-size: 14px;

font-family: Tahoma, Verdana, Arial, Sans-Serif;

font-weight:bold;

padding:5px 0 5px 0;

margin:0;

text-transform:uppercase;

border-bottom: 1px solid #C0C0C0;

}

#content p ol{

margin: 0;

padding: 0 0 0 10px;

}

#content p ul{

margin: 0;

padding: 0 0 0 10px;

}

blockquote{

margin: 0 0 0 25px;

padding: 0 10px 0 10px;

font-style: italic;

color: #666;

border-left: 3px solid #B3C8DB;

}

#content blockquote p{

margin: 0 0 10px 0;

padding: 0;

}

#contentmiddle {

float: left;

width: 52%;

margin: 10px 10px 0 10px;

padding: 10px 10px 10px 10px;

border-left:1px solid #E4E4E5;

font-weight:normal;

}

#contentmiddle p a

{

background: transparent url(images/arrow.gif)center left no-repeat;

}

#contentmiddle h3 a

{

background: transparent url(images/arrow.gif)center left no-repeat;



}



/*

#contentmiddle a

{

background: transparent url(images/arrow.gif)center left no-repeat;



}

*/



#contentmiddle p img{

float: left;

border: none;

margin-right: 10px;

margin-bottom: 10px;

}

.contentdate {

background: transparent url(images/date.gif);

float: left;

width: 50px;

height: 50px;

margin: 0;

padding: 0;

}

.contentdate h3 {

color: #333;

font-size: 10px;

font-weight: normal;

padding: 4px 0 0 13px;

margin: 0;

text-transform: uppercase;

}

.content p h3 a{

background: transparent url(images/arrow.gif) center left no-repeat;



}

.contentdate h4 {

font-family: Times New Roman, Helvetica, Sans-Serif;

color: #333;

font-size: 21px;

font-weight: bold;

padding: 3px 4px 0 3px;

margin: 0;

text-align: center;

}

.contenttitle {

float: left;

width: 70%;

margin: 0;

padding: 0 0 0 20px;

}

#contentmiddle ul {

list-style: none;

margin: 0;

padding: 0 0 10px 0;

}

#contentmiddle ul li {

margin: 0;

padding: 5px 0 0 0;

}

#contentmiddle ul li a {

background: transparent url(images/arrow.gif) center left no-repeat;

padding-left:10px;

color: #474B7C;

text-decoration: none;

}

#contentmiddle ul li a:hover {

color: #474B7C;

text-decoration: underline;

}

#content img.wp-smiley {

float: none;

border: none;

padding: 0px;

margin: 0px;

}

.postspace {

background: transparent url(images/spacer2.gif) no-repeat;

width: 340px;

height: 32px;

margin: 0 0 20px 0;

padding: 0;

}

#footer {

background: transparent;

width: 90%;

margin: 0px auto 0px;

padding: 10px 0 10px 0;

text-align: center;

border-top: 1px solid #C0C0C0;

}

#searchdiv {

margin: 0;padding 0;

}

#searchform {

margin: 0;

padding: 0;

overflow: hidden;

}

#s {

width: 95%;

background: #EFEFEF url(images/search2.gif);

color: #333;

font-size: 11px;

font-family: Verdana, Helvetica, Sans-Serif;

padding: 3px;

margin: 8px 0 0 0;

border: 1px solid #C0C0C0;

}

#commentblock {

width:65%

background: #fff;

color: #333;

float: left;

padding: 10px 10px 0 10px;

margin: 10px 0 10px 0;

border: 1px solid #C0C0C0;

}

ol#commentlist{

padding:5px 0 5px 0;

margin:0;

list-style-type:none;

}

.commentdate{

font-size:12px;

padding-left:0;

}

#commentlist li p{

margin-bottom:8px;

line-height:20px;padding:0;

}

.commentname{

color:#333;

margin:0;

padding:5px 5px 5px 0;

}

.commentinfo{

clear:both;

}

.commenttext{

clear:both;

margin:5px 0 20px 0;

padding:20px 10px 5px 10px;

width:65%;background:#fff url(images/comment.gif) no-repeat top;

}

.commenttext-admin{

clear:both;

margin:5px 0 20px 0;

padding:20px 10px 5px 10px;

width:65%;

background:#fff url(images/comment.gif) no-repeat top;

}

#commentsformheader{

padding-left:0;

}

#commentsform{

text-align:left;

margin:0;

padding:0;

}

#commentsform form{

text-align:left;

margin:0;

}

#commentsform p{

margin:0;

}

#commentsform form textarea{

width:99%;

}

#wp-calendar{

empty-cells:show;

margin:10px auto 0;

width:90%;

}

#wp-calendar #prev a{

font-size:9pt;

}

#wp-calendar a{

text-decoration:none;

}

#wp-calendar caption{

font:bold 1.3em 'Tahoma', Arial, Helvetica, Sans-Serif;

text-align:center;

}

#wp-calendar th{

font-style:normal;

text-transform:capitalize;

}

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

}

#wp-calendar caption{

text-align:center;

width:100%;

}

#wp-calendar td{

padding:3px 0;

text-align:center;

}

#wp-calendar td.pad:hover{

/* Doesn't work in IE */

background-color:#000;

}

p.comments_link img{

margin:0;

padding:0;

border:none;

}

.entry{

clear:left;

}





























.jquerycssmenu{

font: bold 12px Verdana;

border-bottom: 1px solid gray;

padding-left: 6px; /*offset of tabs relative to browser left edge*/

}



.jquerycssmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.jquerycssmenu ul li{

position: relative;

display: inline;

float: left;

}



/*Top level menu link items style*/

.jquerycssmenu ul li a{

display: block;

background: white url(tintblue.gif) top center repeat-x;; /*background of tabs (default state)*/

padding: 5px 4px 4px 4px;

margin-right: 0px; /*spacing between tabs*/

border: 1px solid #778;

border-bottom-width: 0;

color: #2d2b2b;

text-decoration: none;

}



.jquerycssmenu ul li a:hover{

background-image: url(tintbluedark.gif) /*tab link background during hover state*/

}

	

/*1st sub level menu*/

.jquerycssmenu ul li ul{

position: absolute;

left: 0;

display: block;

visibility: hidden;

border-top: 1px solid black;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.jquerycssmenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jquerycssmenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.jquerycssmenu ul li ul li a{

font: normal 13px Verdana;

width: 160px; /*width of sub menus*/

background: white;

color: black;

padding: 4px 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid black;

}



.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/

background: #eff9ff;

color: black;

}



/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 7px;

right: 5px;

}



.rightarrowclass{

position: absolute;

top: 5px;

right: 5px;

}











/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.suckerdiv ul{

margin: 0;

padding: 0;

list-style-type: none;

width: 160px; /* Width of Menu Items */

border-bottom: 1px solid #ccc;

}

	

.suckerdiv ul li{

position: relative;

}

	

/*Sub level menu items */

.suckerdiv ul li ul{

position: absolute;

width: 170px; /*sub menu width*/

top: 0;

visibility: hidden;

}



/* Sub level menu links style */

.suckerdiv ul li a{

display: block;

overflow: auto; /*force hasLayout in IE7 */

color: #1C5DAD;

text-decoration: none;

/*

background: #fff;

*/

padding: 3px;

border: 1px solid #ccc;

border-bottom: 0;

}



.suckerdiv ul li ul li a{

display: block;

overflow: auto; /*force hasLayout in IE7 */

color: #1C5DAD;

text-decoration: none;



background: #fff;



padding: 5px 5px;

border: 1px solid #ccc;

border-bottom: 0;

}



.suckerdiv ul li ul li a:hover{

display: block;

overflow: auto; /*force hasLayout in IE7 */

color: #1C5DAD;

text-decoration: none;



background: #95cf90;



padding: 1px 5px;

border: 1px solid #ccc;

border-bottom: 0;

}







.suckerdiv ul li a:visited{

color: #1C5DAD;

}



.suckerdiv ul li a:hover{

background-color: #fff;

}



.suckerdiv .subfolderstyle{



background:  url(images/arrow-list.gif) no-repeat center right;

}






	

/* Holly Hack for IE \*/

* html .suckerdiv ul li { float: left; height: 1%; }

* html .suckerdiv ul li a { height: 1%; }

/* End */





.icon {

padding: 2px 0 5px 0;

margin: 0;line-height: 20px;

}

.icon a{

padding: 2px 0 5px 0;

margin: 0;line-height: 20px;

}