/*
Theme Name: ComiteSkin Theme
Theme URI: 
Description: Super-sweet theme by Stranger Studios.
Version: 1.0
Author: Stranger Studios

/*-----------Block Level Elements--------------*/

body {margin: 0; padding: 0; background: #640606 url(images/bg_body.gif) 0px -10px repeat-x; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #333;}

a, a:link {color: #640606;}
a:visited {color: #666;}
a:hover {color: #640606;}

#page {width: 840px; margin: 0 auto; text-align: left; background: #FFFFFF url(images/bg_page.gif) top left repeat-y;}

#header {background: #4A0504 url(images/bg_header.gif) bottom left no-repeat; height: 95px;}
#header h1 {margin: 0; padding: 10px 0 0 18px; width: 194px;}
/*#header h1:hover {background: url(images/logo_hover.gif) 220px 50px no-repeat;}*/

#menu {float: right; width: 600px; margin: 0 13px 0 0; * margin-right: 9px; padding: 0;}
#menu ul {margin: 0px; padding: 0px; }
#menu li {float: right; width: 100px; height: 90px; margin: 5px 0 0 0; padding: 0; list-style: none; }

#menu li a, #menu li a:link, #menu li a:visited {display: block; background-position: 0px 0px; background-repeat: no-repeat; }
#menu li a:hover {background-position: bottom left; background-repeat: no-repeat;}

#menu li a.cosmeticprocedures {background-image: url(images/menu_cosmeticprocedures.gif); }
#menu li a.dermatology {background-image: url(images/menu_dermatology.gif); }
#menu li a.spa {background-image: url(images/menu_spa.gif); }
#menu li a.products {background-image: url(images/menu_products.gif); }
#menu li a.videolibrary {background-image: url(images/menu_videos.gif); }
#menu li a.yourskinblog {background-image: url(images/menu_yourskinblog.gif); }

.results td {padding: 5px 0 10px 0px; }

.btn, .btn:link {display: inline-block; background-position: bottom left; background-repeat: repeat-x; cursor: pointer; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 16px; padding: 5px 10px; }

.btn-gold, .btn-gold:link {background-color: #c0af5d; background-image: url(images/bg_grad-gold.gif); color: #FFF; text-shadow: 0px 0px 3px #333; border: 1px solid #c0af5d; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; }
.btn-gold:hover {background-image: none; color: #FFF; }

.btn-cancel, .btn-cancel:link, .btn-cancel:hover {background: none; border: none; color: #777; font-weight: normal; padding: 7px 10px; }
/*-------------------------------
	Main Section
-------------------------------*/
#main {padding: 0px 10px 0px 8px;}

#content {padding: 0 0 0 10px; width: 575px; float: left;}
#content h1 {color: #640606; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: normal; font-variant: small-caps; margin: 0 0 10px 0; padding: 0px;}
#content h1 a, #content h1 a:link, #content h1 {color: #640606; text-decoration: none;}
#content h1 a:visited {color: #640606;}
#content h1 a:hover {text-decoration: underline;}

h2 {color: #333; font-size: 1.2em; font-weight: bold; margin: 5px 0 0 0; padding: 0;}

h3 {margin: 8px 0 3px 0; padding: 0; font-size: 1.2em; color: #333;}
h3 a {display: block; background: url(images/bg_subtitle.gif) top left no-repeat; padding: 10px 0 0 25px; height: 30px; min-height: 30px; color: #C0AF5D; text-decoration: none; font-variant: small-caps;}

h3 a:link, h3 a:visited {color: #C0AF5D;}
h3 a:hover {color: #640606}

h4 {margin: 8px 0 3px 0; padding: 0; font-size: 1.1em; color: #333;}

.minipage {
	border-left: 2px solid #E3DCB8;
	padding: 5px 0 0 10px;
	margin: 0 0 20px 5px;
}

.productlist {float: left; width: 335px; }
.productlist ul li {list-style-type: disc; margin: 10px 0 5px 0; padding: 0; font-size: 1.1em; }

.productlist .details {font-size: .9em; color: #666;}

ul.product_brands li {display: block; float: left; margin: 5px; width: 90px; list-style: none;}
ul.product_brands li a img {border: none;}
/*-------------------------------
	Sidebar
-------------------------------*/
#sidebar {float: right; width: 200px; margin: 0 4px 0 0;}

#sidebar_top {background: url(images/bg_sidebar_top.gif) top center no-repeat; }

#sidebar_inner { width: 179px; padding: 15px 8px 0px 13px; margin-top: .5em; * margin-top: 1em; }

#sidebar_bottom {background: url(images/bg_sidebar_bottom.gif) bottom center no-repeat; height: 47px; margin-bottom: 20px; }


/*--------------Sidebar------------*/

#sidebar .sidebar_box {
	margin: 0px 0px 5px 0px;
}

#sidebar .sidebar_box h3 {
	color: #777;
	font-weight: bold;
	font-size: 1.2em;
	
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-variant: small-caps;
}

#sidebar .sidebar_box h4, #sidebar .sidebar_box h4 a {
	text-decoration: none;
	margin: 0px 0px 3px 0px;
	padding: 5px 0 0 0;
}

.sidebar_box h4.offertitle a {font-size: 1.1em; border-bottom: 1px dotted; line-height: 1.5em;}


#sidebar .sidebar_box p {
	font-size: .9em;
	line-height: 1.1em;
	color: #333;
	margin: 0px; padding: 0px 0px 8px 0px;
}

#sidebar .sidebar_box ul {margin: 0 0 0 15px; padding: 0; font-size: .9em}
#sidebar .sidebar_box ul li {padding-bottom: 3px; }


#sidemenu ul {margin: 0 !important; padding: 0; list-style-type: none; }
#sidemenu li {width: 200px; margin: 0; padding: 0 !important; list-style: none; * height: 27px;}

#sidemenu li a, #sidemenu li a:link, #sidemenu li a:visited {display: block; background-position: top left; background-repeat: no-repeat; }
#sidemenu li a:hover {background-position: bottom left; background-repeat: no-repeat; border: none; }

#sidemenu li a.botox {background-image: url(images/menu_botox.gif); height: 35px;}
#sidemenu li a.wrinklefillers {background-image: url(images/menu_wrinklefillers.gif); height: 30px;}
#sidemenu li a.lasers {background-image: url(images/menu_lasers.gif); height: 30px;}
#sidemenu li a.fraxel {background-image: url(images/menu_fraxel.gif); height: 30px;}
#sidemenu li a.legveins {background-image: url(images/menu_legveins.gif); height:30px;}
#sidemenu li a.men {background-image: url(images/menu_men.gif); height:30px;}
#sidemenu li a.skinrejuvenation {background-image: url(images/menu_skinrejuvenation.gif); height: 35px;}



ul.post-meta {list-style-type: none; margin: 0px; padding: 0px; font-variant: small-caps; color: #666; font-size: 1em; }
ul.post-meta li {margin: 0px; padding: 0px 0px 3px 0px;}
.post-meta-key {color: #666; font-weight: bold; }


#sidebar p {

}

#sidebar a {

}
#sidebar a:hover {

}

#sidebar a:visited {

}


/*-------------------------------
	Pop-Up
-------------------------------*/
#popup {
	background: #FFF;
	border: 1px solid #000;
	margin: 10px;
	padding: 10px;
	
	text-align: left;
}

#popup h2 {color: #640606; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; font-variant: small-caps; margin: 0px; padding: 0px;}


/*-------------The Post-------------*/

.singlepost {
	border-left: 2px solid #E3DCB8;
	padding: 3px 0 0 10px;
	margin: 0 0 20px 5px;
}

.post a {

}

.post ul, .singlepost ul, .singlepost ol, .minipage ol {
	margin: 5px 0 10px 15px;	
	padding: 0;
}

.minipage ol li, .singlepost ol li {
	padding-bottom: 8px;
	list-style: decimal;
}

.post li, .singlepost ul li {
	padding-bottom: 3px;
	list-style: disc;
}

.subtitle {
	
}

.entry {

}

.entry p {
	margin: 0;
	padding: 3px 0 8px 0;
	font-size: 12px;
	line-height: 1.4em;
}

.postmetadata {
	border-top: 1px dotted #E3D699;
	padding: 5px 0 0 0;
	font-size: .8em;
}

.postmetadata alt {

}

.postmetadata a {

}

.navigation {
	margin: 0 0 15px 15px;
	padding-bottom: 10px;
}

.navigation .alignleft {float: left; width: 260px;}
.navigation .alignright {float: right; width: 260px;}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.center {

}

.pagetitle {

}

blockquote {

}

cite {

}

a img {

}

acronym, abbr {

}


/*--------------------------------------------------
	Comments (with replies)
----------------------------------------------------*/
#comments { }
h3.nocomments { }

ol.commentlist {list-style: none; margin: 0; padding: 0; }
ol.commentlist li {border-bottom: 1px dashed #CCC; padding: 1em; }
ol.commentlist li.alt { }

.comment-author { }
.comment-author .comment-author-name {font-size: 1.2em; padding-top: 10px; }
.comment-author .comment-author-name cite {font-style: normal; font-weight: bold; }
.comment em {color: #990000; font-size: .9em; } /* For comments pending approval */

.comment-author .avatar {background-image: url(images/bg_s-avatar.png); width: 32px; height: 32px; float: left; margin: 0 .5em 0 0; }

.thread-even {background: #EDEDED; }

.comment-body { }
.comment-body p {clear: both; margin: 0 0 10px 0; line-height: 1.4em; }

.comment-meta {font-size: .9em; float: right; width: 250px; text-align: right; color: #AAA; margin-bottom: .5em; }
.comment-meta a {text-transform: uppercase; font-size: 9px; letter-spacing: 1px; color: #999; text-decoration: none; }
.commentmetadata { }

#respond h3 {margin-bottom: .5em; }
#respond h3 small {font-size: 10px; }

/*--------------Search Form-------------*/
#searchform {
	text-align: right;
	margin: 0 0 10px 0;
	padding: 5px 15px 0px 0px;
}

#searchform form {
	margin: 0; padding: 0;
	width: 305px;
	float: right;
}

#searchform .search {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .1em;
	color: #222;
	padding-right: 3px;
}

#searchform input {
}

#searchform #s {
	border: 1px solid #888;
	padding: 2px;
	color: #333;
	width: 220px;
}


/*--------------------------------------------------
	Forms & Buttons
----------------------------------------------------*/

form div {clear: left; margin-bottom: 1.5em;  }
form label {float: left; margin: 3px 10px 0 0; width: 190px; font-weight: bold; text-align: right; }
form div div {width: 330px; margin-left: 200px; clear: none;}
form .likelabel {font-weight: bold; }
form .input, form textarea, .input {padding: 3px; border: 1px solid #AAA; margin: 0 3px 0 0; }
form textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form select {margin: 2px 0 0 0 ;}
.lite {color: #666; }
form .leftmar {margin: 8px 0 0 140px; }
.hidden {display: none;}

/*-------------Calendar-----------------*/

#wp-calendar {

}

#wp-calendar th {

}

#wp-calendar a {

}

#prev a, #next a {

}

#wp-calendar caption {

}

/*-------------------------------
	Footer
-------------------------------*/
#footer {background: #4A0504;}
#footer p {font-size: .9em; }

#footer_inner {width: 830px; background: url(images/bg_footer.gif) top left repeat-y; text-align: left; color: #333; line-height: 1.2em;}

#footer_inner h4 {margin-top: .5em; * margin-top: .8em; margin-bottom: 1em; color: #666; font-size: 1.3em; * font-size: 1.2em; font-variant: small-caps;}
#footer_inner h4 a, #footer_inner h4 a:link, #footer_inner h4 a:visited {color: #666; text-decoration: none; border: none; border-bottom: 1px dotted #666;}
#footer_inner h4 a:hover {border-bottom: 1px solid #666; color: #555;}

#rightfooter {float: right; width: 215px; padding: 5px 10px 5px 20px;}

/*#rightfooter ul {margin: 0 0 0 15px; * margin: 0; padding: 0;}
#rightfooter ul li {list-style-position: outside; margin: 0 0 10px 0; padding: 0;}
*/

.zoom_map {background: url(images/magnifier.gif) center left no-repeat; font-size: 9px; padding: 2px 0 3px 16px; margin: 1px 0;}
.tel {color: #333; font-size: 14px; font-weight: bold; line-height: 1em; border: none; }
.campus, .org, .country-name {display: none; }


#rightfooter input.email {float: left; border: 1px solid #999; padding: 3px; height: 13px; width: 160px; margin: 0px 5px 0 0; }
input.lite, input.email {color: #666666;}
#rightfooter .join {float: right; margin-right: 5px; }

#rightfooter p {margin: 0 0 5px 0; }

#midfooter {float: right; width: 205px; padding: 5px 5px 5px 15px}

#leftfooter {float: left; padding: 5px 15px 5px 10px; width: 335px;}

#bottomfooter {font-family: Verdana, Arial; background: url(images/bg_bottomfooter.gif) top center no-repeat; padding: 16px 27px 20px 27px; text-align: left; color: #DBD09D; font-size: .9em; }

#bottomfooter a, #bottomfooter a:link, #bottomfooter a:visited {color: #DBD09D; text-decoration: none; border-bottom: 1px dotted #DBD09D;}
#bottomfooter a:hover {border-bottom: 1px solid #FFF; color: #FFF;}
#sstag {float: right; width: 200px; text-align: right;}
#sstag a, #sstag a:link, #sstag a:visited {color: #C0AF5D; border-bottom: 1px dotted #C0AF5D;}
#sstag a:hover {color: #FFF; border-bottom: 1px solid #FFF;}

#copyright {background-color: #4A0504; color: #BA4F4D; font-size: .9em; text-align: center; padding: 0 0 20px 90px;}

/*-------------------------------
	Misc
-------------------------------*/
.clear {clear: both;}
.float_right {float: right; }
.float_left {float: left; }

.small {font-size: .8em; }

.dkgray { color: #333; }

.rcap {text-transform: none; }

.greybox {
	background: #EFEFEF; 
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px 10px 5px 10px;
	margin: 5px 0 10px 0;
}

.tanbox {
	background: #F9F7EE; 
	border-right: 1px solid #F1EDDA;
	border-bottom: 1px solid #F1EDDA;
	padding: 10px 10px 5px 10px;
	margin: 5px 0 10px 0;
}

.callout {
	padding: 10px;
	margin: 1em;
	background: #F1EDDA;
	border: 2px solid #DAD1A1;
	text-align: center;
	font-weight: bold;
}

.greyline {
	clear: both;
	background: #CCC;
	height: 1px; min-height: 1px;
	margin: 5px 0 5px 0;
	font-size: 1px;
}

.red {
	color: #4A0504;
	font-weight: bold;
}

.orange {
	color: #FF6600;
	font-weight: bold;
}

.staff {
	float: left;
	margin: 0 10px 5px 0;
}

.intro {
	background: url(images/bg_intro.gif) top left repeat-y;
	padding: 5px 15px 5px 5px;
	margin: 0 0 15px 0;
	color: #333; font-size: 11px; line-height: 1.2em;
}

.intro img {border-color: #999;}


.intro p {margin: 0; padding: 0 0 10px 0; }

img.transparent {behavior: url(/wp-content/themes/ComiteSkin/behaviors/pngbehavior.htc);}

.addthis_container {float: right; width: 125px;}
.addthis_container a {background: none;}
.homepage .addthis_container {margin-top: 5px;}

#contact {float: left; width: 345px; color: #CCC; margin: 10px 0 0 18px; }
#contact span {color: #888; font-size: 14px; letter-spacing: 1px; } 
#contact span a {color: #888; text-decoration: none; border-bottom: 1px dotted #CCC; }

/*--------------Videos------------------*/
.videos {list-style: none; margin: 0 !important; padding: 0; }
.videos li {float: left; width: 279px; margin: 5px 4px 25px 4px; text-align: center; list-style: none; padding: 0; background: #EEE; height: 235px; line-height: 1.4em; }
.videos li img {margin-bottom: 2px; border: 2px solid #EEE; }
.videos li img:hover {border-color: #999; }
.videos li a {color: #4A0504; text-decoration: none;  }
.videos li a:hover {color: #FF6600; }

/*--------------Images------------------*/
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 15px 15px; display: inline; float: right; }
img.alignleft { margin: 0 15px 15px 0; display: inline; float: left;}

.postpic {float: right; border: 2px solid #E3D699; margin: 0 0 10px 10px;}
.noborder {border: none; }

ul.block {margin-top: 0px;}
ul.block li {display: inline-block; float: left; width: 260px;}
.smallcaps {font-variant: small-caps; font-size: 1.1em;}
.intro .smallcaps {font-size: 1em; }
.line {background: #CCC; height: 1px; min-height: 1px; font-size: 1px; margin: 15px 0 15px 0; }

.facebook {background: url(images/icon_facebook.png) top left no-repeat; padding: 2px 0px 10px 38px; margin: 10px 10px 0 15px; display: block; color: #003366 !important; font-weight: bold; text-decoration: none; }

.breadcrumbs {font-size: 10px; color: #888; }
.breadcrumbs a {color: #666; font-weight: bold; text-decoration: none; }
.breadcrumbs a:hover {text-decoration: underline; color: #444; }

.font2 {font-size: 1.5em; }
.top1em {margin-top: 1em; }