/*
Theme Name: Peers
Theme URI: 
Description: Wordpress theme for Peers Cosmetic Laser.
Author: Mark Parolisi
Author URI: http://markparolisi.com
version: 1.0
Tags: three-column, widget-ready
*/



/* basics */

* { margin:0; padding:0; }
body { color: #333; font-family:Arial; font-size:12px; margin: 0; background: url(images/body_bg.jpg) repeat-x; background-color:#CCEAF5; }
h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
ul {list-style-type: disc;}
ul li {list-style-type: disc;}
img { border: none; padding:0; }
img a { border:none; }
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
blockquote { border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px; }
code { font-family:"Courier New", Courier, monospace; }
.clear {clear: both;}
.right {float: right}
.left {float: left}
p.small {margin: -3px 0 0 0; padding: 0; font-size: 10px; font-style:italic;}
.center {text-align: center;}
/* links */
a { color:#6c9fce; text-decoration:none; }
a:hover { color: #369; }
/* container */


#container { width:922px; margin: 0 auto; background:transparent url(images/wrapper-bgX.jpg) no-repeat scroll left top; margin:0 auto; padding:0 31px 0 29px;}
/* header */

#header {width:100%; height:140px; color: #fff; }
#header h1 { width: 260px; height: 125px;position: absolute; z-index: 10000; top: 5px; background:url(images/logo.png) no-repeat;}
#header h1 a {text-indent: -2000px; position:absolute; top: 0; margin: 0; z-index:100; width: 260px; height: 125px;}
#photos {position: absolute;  z-index: 10; margin: 5px 0 0 400px;}
#searchformdiv {float: right; background: url(images/searchform_bg.png) no-repeat; width: 170px; height: 60px; padding: 0px 0 0 3px; }
#header h3 {text-align: right; float: right; margin: -5px 20px 0 0; font-size: 24px;}
#header h3 span {font-size: 12px;}
/* main menu */


#menu { width:100%; overflow:hidden; }
#menu ul { margin:0; padding:0 0 0 20px; }
#menu ul li { display: inline-block; float: left; font-size: 14px; margin: 0; padding: 0; }
#menu ul li a { padding:4px 10px; margin: 0; color: #fff; display: inline-block;}
#menu ul li:hover a { background: #fff; color:#6c9fce; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#menu ul li ul {display: none; position: absolute; z-index: 1000; background-color: #fff; padding: 0 5px 5px 5px}
#menu ul li:hover ul {display: block; }
#menu ul li ul li {display: block; float: none;}
#menu ul li ul li a {display: block; color:#6c9fce;}
#menu ul li ul li a:hover {color: #369;}
/* Home */

#marquee {width: 900px; margin: 0 auto 20px auto; height: 200px; border: 5px solid #fff;background: #fff; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
#contentLeft {float: left; width: 425px; height: 200px; overflow: hidden;}
#contentRight {float: right; width: 460px; height: 200px; overflow: hidden; }
#contentRight h2 {font-family: cursive; font-size: 20px;}
#contentRight .item{font-size: 16px;}
.item h2 {width: 450px;}
#contentRight .item ul {margin-left: 15px;}
#contentRight .item ul li {margin: 3px auto;}


div.homeboxwrapper{height: 225px; float: left; width: 200px; margin: 10px 15px 10px 0px;}
div.homeboxwrapperlast{height: 225px; float: left; width: 200px; margin: 10px 0;}
div.homebox { width: 200px; background: #92cbe9; height: 200px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 4px solid #92cbe9;}
div.homebox a {color: #369;}
#video {background-color: #fff; width: 200px; height: 150px; margin: 0 auto;}
div.homebox .entry p{margin: 5px 0;}
form.homeform {margin: 0px 0 3px 10px; }
form.homeform input {margin:3px; font-size: 12px; padding:2px; color: #6c9fce;}
form.homeform label {clear: both; display:inline-block; width: 100px; margin: 3px 3px 0 3px;}
form.homeform input.submit {margin: 2px 0 0 125px;}
/* content */
#contentwrapper {width: 100%; background-image:url(images/wrapper_bg.jpg) repeat;  background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#content { float: left; width:640px; overflow: hidden; margin:14px 0px 14px 10px; }
h2.pagetitle {border-bottom: 1px solid #369;}
.post { margin:5px auto; padding:0 3px; line-height: 14pt; border-bottom: 1px dashed #6c9fce; }
.post h2 {  }
.post h2 a { }
.post h2 a:hover {  }
.post h3 {margin: 10px 0;}
.post ul {list-style-type: disc;}
.post li { }
.entry p { margin:12px 0; }
.entry ul {list-style-type: disc; }
.entry ul li{list-style-type: disc; margin-left: 20px;}

.postmetadata { clear: both; padding:6px; margin: 20px 0; }
.navigation { font-size:8pt; width:100%; float:left; margin:0; padding:0; overflow:hidden; }
.alignleft a { float:left; margin:25px 0; }
.alignright a { float:right; margin:25px 0; }
/* left sidebar */

#left { width:190px; float:left; margin:0; padding:0; border-right: 1px solid #ddd; }
#left h2 { font:normal 11pt arial, georgia, times;  margin: 0; padding: 0; }
#left label { font:normal 11pt arial, georgia, times;  margin: 0; padding: 0; }
#left p { margin:0; padding: 0; }
#left img { padding: 0; margin: 0; }
#left ul { margin:12px; padding:0; }
#left ul li { margin: 0; padding: 0; line-height: 14pt; list-style-type: none; }
#left ul ul { margin:14px 0; padding: 0; }
#left ul ul li { list-style-type: none; }
#left ul ul ul { margin: 0; padding: 0; }
#left ul ul ul li { padding: 0 0 0 15px; list-style-type: square;  }
/* right sidebar */

#right { width:255px; float:right; margin:0; padding: 0; border-left: 1px solid #6c9fce; }
#right h2 { font:normal 11pt arial, georgia, times;  margin: 0; padding: 0; }
#right label { font:normal 11pt arial, georgia, times;  margin: 0; padding: 0; }
#right p { margin:0; padding:0; }
#right img { padding: 0; margin: 0; }
#right ul { margin:10px; padding:0; }
#right ul li { margin: 0; padding: 0; line-height: 14pt; list-style-type: none; }
#right ul ul { margin:14px 0; padding: 0; }
#right ul ul li { list-style-type: none; }
#right ul ul ul { margin: 0; padding: 0; }
#right ul ul ul li { padding: 0 0 0 15px; list-style-type: square;  }
#right img  {margin: 5px auto;}
#right h3.services {margin: 4px 0; border-bottom: 1px solid #369;}
#right h4.services {margin: 2px 0 0 5px;}
/* comments */


#commentform { background:#fff; margin:0; padding:0; }
#commentform p { }
#commentform a {  border-bottom: 1px dotted #465D71; line-height: 14pt; }
#commentform h3 { font-family: georgia, times, verdana; font-size: 10pt; font-weight: 300;  margin:0; padding:0; }
#comment { width:80%; }
#author, #email, #url, #comment, #submit { background: #fff; font-family: verdana, arial, times; font-size: 8pt; margin:5px 5px 0 0; padding:0; border: 1px solid #000; }
#submit { margin:5px 5px 0 0; }
#comments { margin:0; padding:0 }
ol.commentlist { list-style-type: none; margin:0; padding:0; }
.avatar { float:left; margin:0 12px 0 0; }
ol.commentlist li { background: #fff; margin:10px 0; padding:5px 0 5px 10px; list-style-type:none; }
ol.commentlist li.alt { background: #eee; }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt; }
ol.commentlist a {  }
cite { font-family: arial, verdana, tahoma; font-size: 9pt; font-weight: bold; font-style: normal; }
cite a {   border-bottom: 1px dotted #465D71; }
/* search */

#searchform { padding:5px; }
#searchform input#s { margin:0; font-size: 12px; padding:5px; color: #6c9fce; }
/* misc */

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 }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* footer */

#footer {clear: both; width: 100%; background:transparent url(images/footer-bg.jpg) no-repeat left top; color:#5B534D; text-align: center; padding: 10px 0 20px 0; margin:  10px 0 10px 0;}
#footer p { float:left; padding:22px 0 15px 0; width:862px; text-align: center; }
#footer span { color:#5B534D; padding:0 10px; }
#footer a:link, #footer a:visited, #footer a:active { color:#5B534D; }
#footer a:hover { color:#33240C; text-decoration:underline; }
#footer ul {text-align: center; width: 900px;}
#footer ul li {display: inline-block; text-align: center;}
#footer ul li a {padding: 0px 5px;display: inline-block;}