/*
Theme Name: Roberta Mittman
Theme URI: http://www.roertamittman.com
Description: Roberta Mittman
Version: 1.0
Author: Distant Support Virtual Assistants (Philippines)
Author URI: http://www.distantsupport.com
*/

body, html {
    margin:0;
    padding:0;
    background:#dadfd8 url(images/html_bg.jpg) top center repeat;
    color:#000;
    font: normal normal 14px  verdana, sans-serif;
}

body {
    min-width:100%;
    height: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}
 
#header_bg {background: url(images/header_bg.jpg) top center repeat-x; width: 100%; height: 375px; margin: 0 auto; padding: 0;}
#header_sp_bg {background: url(images/header_sp_bg.jpg) top center repeat-x; width: 100%; height: 280px; margin: 0 auto; padding: 0;}
#header {background: url(images/header.jpg) top center no-repeat; width: 910px; height: 375px; margin: 0 auto; padding: 0;}
#header_sp {background: url(images/header_sp.jpg) top center no-repeat; width: 910px; height: 280px; margin: 0 auto; padding: 0;}

/*
#menu_nav {width: 888px; height: 40px; margin: 0 auto; padding: 285px 0 0 0; text-align: center;}
#menu_nav ul {margin: 0; padding: 10px 0 0 60px; list-style-type: none;}
#menu_nav li {margin: 0; padding: 5px 0 5px 0; float: left;} 
#menu_nav a {color: #336633; font: normal normal 14px verdana; padding: 5px 15px 5px 15px; }
#menu_nav a:hover {background: #da2256; color: #fff;}
#menu_nav a#selected, #menu_nav a#selected:hover {background: #fefda0; color: #000;}
*/

#content, #content_sp {
    background: url(images/content.jpg) top center repeat-y;
    margin:0 auto;
    width:910px;
    height: auto;  
    border: 0px solid #000; 
}

#content_sp {background: url(images/content_sp.jpg) top center repeat-y !important; padding: 0; }


#content_btm {clear: both; width: 888px; height: 1px;}

#footer_bg {
    background: url(images/footer_bg.jpg) top center repeat-x;
    width: 100%;
    height: 127px;
    border-width: 0 0 0 0;
}
#footer, #footer_sp {
    clear: both;
    background: url(images/footer.jpg) top center no-repeat;
    width: 910px;
    height: 125px;
    margin: 0 auto;
    border-width: 0 0 0 0;
}

#footer_sp {background: url(images/footer_sp.jpg) top center no-repeat !important;}

div.content_left {
    float: left;
    width: 645px;
    height: auto;
    border: 0px solid #fff;
    padding: 0;
    margin: 0 0 0 10px;
    _margin: 0 0 0 5px;
/*    background: #fdd; */
}

#content_sp div.content_left {float: none !important; margin: 0 auto !important;}

div.content_right {
    float: left;
    width: 230px;
    height: auto;
    border: 0px solid #fff;
    padding: 0;
    margin: 0 0 0 10px;
/*    background: #dfd; */
}

div.content_right ul, div.content_right ul  li ul  {padding: 0; margin: 0;}
div.content_right ul  li, div.content_right ul  li ul li{list-style: none; padding: 0 0 5px 0; margin-left: 0; text-align: left !important;}
div.content_right h2 {font: normal normal 16px verdana, sans-serif; margin: 5px 0 5px 0; padding: 0;}
    
img.floatleft {
    float: left;
    padding: 5px 10px 10px 0;
}

img.floatright {
    float: right;
    padding: 15px 0 5px 25px;
}

img.no_border {
    border: solid 0px #fff;
}
a.testimonial {
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
a.testimonial:hover {
	display: block;
	z-index: 25;
	color: #f00;
	text-decoration: none;
}
a.testimonial img {
    display: block;
    border: 2px solid #000;
}
a.testimonial:hover img {
    border: 2px solid #00f;
    top: 0px;
}
a.testimonial span {
	display: none;
}
a.testimonial:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 185px;
	width: 280px;
	padding: 10px;
	border: 1px solid #00f;
	color: #000;
	text-align: left;
	text-decoration: none;
	background: #fff;
}

h1, h2, h3, h4 {font-weight: normal; margin: 0 auto; padding: 5px 30px 5px 30px;}
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}

a, a:hover  {text-decoration: none; font-weight: bold; color: #907004;}
blockquote, blockquote p {display: block !important; font-weight: normal !important; background: #d2eb83; color: #111 !important; width: 400px !important; padding: 0 20px 0 20px !important; margin: 0 auto !important; margin-bottom: 15px !important;}
blockquote br {width: width: 400px !important; padding: 0 30px 0 20px !important;}

.content_left p {text-align: left; color: #000;  margin-left: 30px; width: 580px;}
.content_left ul, ol  {width: 540px; padding-left: 20px; margin: 5px 0 5px 30px; color: #000; list-style: inside center;}
.content_left ul li, .content_left ol li {padding-bottom: 10px;}
.content_left ul li ul {width: 470px; padding-left: 20px; margin: 5px 0 5px 0; color: #000; list-style: inside center;}
.content_left ul li ul li {padding-bottom: 10px;}
.content_left a, .content_left a:hover {color: #da2256 !important;}
.content_left h2 {color: #ff8000; font-size: 24px; padding-top: 20px;}
.content_left h3 {color: #ff8000; font-size: 18px; font-style: italic; font-weight: bold; padding-top: 20px;}
.content_left strong {color: #00cc99;}
center {padding: 0 !important; margin: 0 auto; margin-top: 0 !important;}

.content_right p {text-align: left; color: #000; padding-left: 5px; width: 170px;}
.content_right ul, ol  {width: 160px; padding-left: 5px; margin: 5px 0 5px 30px; color: #000; list-style: inside center;}
.content_right ul li, .content_right ol li {padding-bottom: 10px;}
.content_right h4 {padding: 5px 0 5px 0 !important;}
.content_right a, .content_right a:hover {color: #da2256 !important;}

div.testimonial {padding: 20px 65px 10px 60px; margin-bottom: 10px; width: 520px; color: #000000; background: #e8f3c0; font-style: italic;}


.red       {color: #9e0000 !important;}
.blue    {color: #000099 !important;}
.gold     {color: #804100 !important;}
.brown   {color: #402100 !important;}
.orange {color: #f4b510 !important;}
.pink    {color: #da2256 !important;}
.green   {color: #2b765b !important;}
.blugrn {color: #008080 !important;}
.hilite {background: #BFE88D !important;}
.serif   {font-family: times new roman, serif;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f14 {font-size: 14px !important;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}
.f24 {font-size: 24px !important;}
.center {text-align: center !important; margin: 0 auto !important;}
.right {text-align: right !important;}
.serif {font-family: Serif, Times New Roman !important;}
a.backtotop, a.backtotop:hover {float: right; font-size: 11px; color: #f00; font-weight: bold; padding-right: 20px;}


ul.nested {
    list-style-type: square;
    list-style-image: none;
    padding: 0px 0px 0px 0px;
    margin-top: 2px;
}

ul.bordered {
    border: 3px ridge white;
    padding: 10px 5px 10px 40px;
    margin-left: 30px;
}

#footer p, #footer_sp p {
    font: normal normal 12px tahoma, arial;
    text-align: center;
    color: #2b755a;
    width: 750px;
    margin: 0 auto; padding-top: 55px;
    
}

#footer p a, #footer_sp p a  {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #f00;
}

p.center {text-align: center}

div.white_over_black {
    float: left;
    width: 430px;
    padding: 0px 0px 10px 20px;
    text-align: left;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.leftcontent {
    text-align: left;
    width: 440px;
    float: left;
    margin: 0px 10px 10px 30px;
    _margin: 10px 10px 20px 15px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

table {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    color: black;
    text-align: center;
}

.panel_01, .panel_02, .panel_sp {   
   display: block !important;
   width: 630px;
   height: auto;
   color: #111; /* #008b98; */
   margin: 0 auto;
   padding: 0 !important;
}
.panel_01 {background: url(images/panel_01.png) top center repeat-y; }
.panel_02 {background: url(images/panel_02.png) top center repeat-y; }
.panel_sp {background: url(images/panel_spm.png) top center repeat-y; }
.panel_sp .topbtm {padding: 0 !important; margin: 0 !important; height: 10px; display: block;}
.panel_01 p, .panel_02 p {font-size: 13px; width: 590px; margin: 0; _margin-left: -20px; padding: 20px 0 0 20px; _padding-left: 0;}
.panel_01 ul, .panel_02 ul {font-size: 13px; width: 590px; margin: 0; padding: 0 0 0 10px;}
.panel_01 a, .panel_02 a, .panel_01 a:hover, .panel_02 a:hover {color: #d4b037;}

.highlight {   
   width: 645px;
   height: auto;
   color: #2b765b; /* #008b98; */
   margin: 0 auto;
   padding: 0 !important;
   background: url(images/highlight.png) top center repeat-y;
}
.highlight p  {font-size: 13px; width: 590px; margin: 0 0 0 25px; padding: 20px 0 0 0;}
.highlight  ul  {font-size: 13px; width: 590px; margin: 0 0 0 25px; padding: 0 0 0 10px;}
.highlight a, .highlight a:hover {color: #d4b037;}

.entry .highlight {display: block; _width: 645px !important; _margin: 0 0 0 -20px !important; padding-bottom: 20px !important; _padding: 0 0 0 20px !important;}

td.td1 {
    width: 90px;
    border: 1px solid purple;
}

td.td2, td.td3 {
    width: 130px;
    border: 1px solid purple;
}

td.td4 {
    width: 160px;
    border: 1px solid purple;
    color: red;
    font-weight: bold;
}

#signup {float: right; width: 420px; height: 230px; margin: 30px 0 0 0; padding: 0;}
#signup p {width: 380px; color: #fff; text-align: center; margin: 0 auto; padding: 0; }
#signup table {border-collapse: collapse; margin: 0 auto; height: 70px; _margin-top: -16px; _margin-bottom: -13px;}
#contactform  {display: block; width: 600px; height: 500px; background-color: #fbfac4; margin-left: 30px;}

.menudrop {width: 888px; height: 30px; margin: 0 auto; padding: 310px 0 0 0; text-align: center; }

.menudrop ul{
    padding:0px 0px 0px 30px;
    margin:0;
    height:2em;
	margin-top: 0px;
    list-style-type:none;
}

.menudrop li{
    float: left; 
    /* width: 100px; */
    padding: 0 2px 0 2px;
    height: 25px;
    line-height: 25px;
	list-style-image: none; 
    position:relative;
    text-align:center;
}

.menudrop table{
    position:absolute;
    border-collapse:collapse;
    z-index:80;
    left:-1px;
    top: 24px;    
}

.menudrop li a.menuselected, .menudrop li a.menuselected:visited, .menudrop li a.menuselected:hover span {
	background: #fefda0; 
    color: #000;
    text-decoration: none;
}

.menudrop a, .menudrop a:visited {
    display:block;
    text-decoration:none; 
	color: #fff; 
    font: normal normal 14px verdana; 
    padding: 5px 15px 5px 15px;
    border-right: 1px solid #888;
}

.menudrop a:hover{
    border:0; 
    background: #d1edba; 
    color: #000;
    font-weight: normal !important;
    border-right: 1px solid #888;
}

.menudrop ul ul {
    float: left;
    visibility:hidden;
    position:absolute;
    height: 25px;
    margin-left: -45px;
    list-style-type:none;
}

.menudrop ul li ul li {
    float: left; 
    padding: 0 2px 0 2px;
    text-align: left;
}

.menudrop ul li:hover ul, .menudrop ul a:hover ul {visibility:visible;}

.menudrop ul ul li a, .menudrop ul ul li a:visited {
    background: #388663; width:150px !important; padding: 5px 10px 5px 10px !important;
}

.menudrop ul ul li a:hover {background: #d1edba; color: #000;}

#photo_judith {
  background: url(images/sidebar_judith.jpg) top center no-repeat; 
  width: 178px; height: 232px; padding: 0; margin: 0 auto; margin-top: 10px;
}
#photo_judith  p{color: white; width: 170px; font-size: 11px; text-align: center; padding-top: 169px; } /* padding: 167px 0 0 8px; */
#form1 {border: 1px solid #da2256; padding: 5px;}
#form1 p {width: 155px; font-size: 13px; color: #da2256;}
.testimonial p {padding-left: 50px; width: 520px; font-style: italic; color: #98aba5;}
.navigation .alignleft, small {display: inline; margin-left: 30px; width: 200px; padding-right: 300px; font-size: 12px;}
.navigation .alignright {display: inline; margin-right: 10px; width: 200px; font-size: 12px;}
.sb_header {background: url(images/sb_header.png) top center no-repeat; width: 230px; height: 50px; font: normal normal 20px verdana;}

.sidebar_h2 {
    display: block;
    background: url(images/sb_header.png) top center no-repeat;
    width: 230px; height: 50px;    
    margin: 0 auto; margin-bottom: 5px; margin-top: 20px;
}
.sidebar_h2 p {
    font: normal normal 18px verdana, sans-serif !important; 
    width: 200px; margin: 5px 15px 5px 15px; padding: 3px 0 0 0; 
    text-align: left; color: #fff; line-height: 1.0em; 
}
.dfrads {padding-left: 0 !important; margin-left: 0 !important;}
.galleryitem {width: 600px !important; display: block; overflow: hidden !important;}