/*
Theme Name: Cosmetic Medical Partners
Description: Cosmetic Medical Partners Custom Template built by the design team at <a href="http://www.higherimages.com/">Higher Images</a>
Author: Higher Images Design Team
Author URI: http://www.HigherImages.com
Version: 1.0
*/

#banner {
float:left;
width:955px;
height:300px;
margin:0 0 35px 0;
}

.disc {
font-style:italic;
font-size:11px;
padding:10px 10px 0 10px;
}

/* Form */

#form {
margin:0 0 0 15px;
font-size:14px;
color:#033469;
}

#form p {
margin:5px 0 15px 0;
text-align:left;
}

#form h2 {
font-size:24px;
color:#379BDF;
float:left;
margin:0 0 10px 0;
}

form {
text-align:center;
}

.button {
background:#397095;
color:#FFFFFF;
width: 245px;
text-transform:uppercase;
font-weight:normal;
margin:0;
}

.button:hover {
background:#006600;
color:#FFFFFF;
}

input, textarea {
font-family: Arial, Helvetica,  sans-serif;
font-size: 12px;
color: #666666;
border: 1px solid #999999;
margin:0 0 5px 0;
padding:2px 5px;
background: #EEEEEE;
float:left;
}

.thirdtext{
width: 66px;
margin:0 5px 5px 0;
}

.halftext{
width: 108px;
margin:0 5px 5px 0;
}

.fulltext{
width: 233px;
}

.comments{
width: 233px;
height:25px;
}

/* Carousel */

.stepcarousel {
position: relative; /*leave this value alone*/
z-index:0;
padding: 0;
overflow: scroll; /*leave this value alone*/
width: 955px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
float:right;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
width: 415px;
height:250px;
padding:50px 540px 0 0;
color: #fff;
}

.panel img {
float:left;
}

h1.digits {
font-size:24px;
margin:0 20px 0 0;
color:#FFFFFF;
font-weight:normal;
width:238px;
height:38px;
padding:7px 0 0 20px;
background: url(images/DigitsBG.png) no-repeat;
}

#portfolio h1 {
font-size:24px;
margin:-250px 0 10px 0;
color:#56acee;
}

#portfolio p {
font-size:16px;
font-style:italic;
width:485px;
}

#portfolio p a {
font-weight:bold;
}

#portfolio p a:hover {
color:#999999;
}

#mygallery-paginate {
width:950px;
text-align:right;
line-height:100%;
margin:10px 0 0 0;
z-index:1;
position:relative;
}

#box1 {
float:left;
width:190px;
height:125px;
background: url(images/BoxesBG1.png);
border:1px solid #666666;
border-top:none;
margin:0 25px 25px 0;
padding:25px 5px 0 105px;
}

#box2 {
float:left;
width:190px;
height:125px;
background: url(images/BoxesBG.png);
border:1px solid #666666;
border-top:none;
margin:0 25px 25px 0;
padding:25px 5px 0 105px;
}

#box-last {
float:left;
width:190px;
height:125px;
background: url(images/BoxesBG3.png);
border:1px solid #666666;
border-top:none;
margin:0 0 25px 0;
padding:25px 5px 0 105px;
}

#box1 h1, #box2 h1, #box-last h1 {
font-size:18px;
color:#379BDF;
}

/* -------------------------------------- */

.clearfix:after { /* FF,O,etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
height: 1%; /* IE5-6 */
}

body {
margin:0;
padding:0;
font:normal 14px Arial, Tahoma, Arial;
color:#ffffff;
background:#4F4F4F;
}

a {
text-decoration:none;
color:#00CC00;
}

a:hover { 
color:#ffffff;
text-decoration:none; 
}

#body-in {
background:#4F4F4F url(images/BG.gif) top center no-repeat;
}

#wrapper {
	width:980px;
	margin:0 auto;
}

/* header */
#header {
padding:15px 0 0 235px;
}

#page-menu {
	height:26px;
	overflow:hidden;
	font-size:12px;
	margin-bottom:10px;
}

#page-menu ul li,#page-menu ul li a {
	display:block;
	float:left;
	line-height:26px;
}

#page-menu ul li {
	margin:0 5px;
	padding-left:7px;
}

#page-menu ul li a {
	padding-right:7px;
	color:#ffffff;
}

#page-menu ul li.hover,#page-menu ul li.current_page_item { background:transparent url(images/page-menu-hover.gif) no-repeat 0 0; }

#page-menu ul li.current_page_item a,#page-menu ul li a:hover { background:transparent url(images/page-menu-hover.gif) no-repeat 100% -26px; }

#blog-title {
font-size:32px;
}

#branding {
padding-top:7px;
height:72px;
}

#blog-title a { color:#ffffff; }

#blog-title a:hover { color:#999999; }

#blog-description {
	font-size:16px;
	color:#00CC00;
font-style:italic;
font-weight:bold;
}

#header-tool{
	height:40px;
	font-size:11px;
	line-height:22px;
	color:#ffffff;
	overflow:hidden;
}

#header-tool a{ color:#ffffff; }

#header-tool a:hover{ color:#0270AF; }

/* icon system */
.top-icons{
	background:transparent url('images/top-icons.gif') no-repeat;
	padding-left:25px;
}

#date-now,#bookmark,#search-top,.rss,.simple-form {
	float:left;
	line-height:40px;
	display:block;
	text-transform:uppercase;
}

#date-now,#bookmark,.simple-form { margin-right:15px; }

#date-now { background-position:0 10px; }

#bookmark{
	background-position:0 10px;
	margin-right:35px;
}
#search-top{
	background-position:0 -24px;
	padding-left:28px;
}

#rss-link { width:125px; }

.rss {
	background-position:0 -62px;
	padding-left:28px;
	margin-left:25px;
}

/* simple form */
.simple-form {
	background-color:#ffffff;
	margin:7px 10px 0;
	padding:0;
	width:185px;
	position:relative;
	line-height:0;
	height:23px;
}

.input-text,.input-submit {
	background:transparent;
	position:relative;
	color:#c4c4c4;
	border:none;
	font-size:11px;
	top:0;
}

.input-text {
	width:144px;
	left:6px;
	text-transform:uppercase;
}

.input-submit {
	width:22px;
	height:21px;
	left:13px;
	padding:0;
	cursor:pointer;
}

/* container */
#container { 
width:925px;
padding:15px;
background:#CCCCCC url(images/ContentBG.gif) top center no-repeat;
margin-bottom:30px; }

/* sidebar */
#sidebar {
float:left;
width:280px;
}

.widget {
	margin-bottom:8px;
	font-size:14px;
}

.widget a { color:#ffffff; }

.widget a:hover { color:#00CC00; }

.widget-title {
color:#CCCCCC;
position:absolute;
z-index:-2;
}

.widget ul {
margin:15px 0 0 0;
}

.widget ul li {
background:url(images/widget-list-separator.png) left center no-repeat;
height:58px;
line-height:58px;
padding:0;
margin:-14px 0 0 0;
}

.widget ul li .dot {
float:left;
width:15px;
height:15px;
}

/* content */

#content {
padding:25px;
float:right;
width:575px;
color:#033453;
}

#content ul {
margin:0 0 15px 10px;
}

#content a {
color:#006600;
text-decoration:underline;
}

#content a:hover {
color:#3366FF;
text-decoration:underline;
}

.title {
	font-size: 24px;
	color:#379BDF;
	margin-bottom:10px;
}

.meta {
	font-size:11px;
	line-height:18px;
	color:#ffffff;
	margin-bottom:3px;
}

.meta .icon {
	line-height:17px;
	float:left;
	display:block;
}

.meta .icon a { color:#ffffff; }

.meta .icon a:hover { color:#0270AF; }

.icon {
	padding-left:18px;
	background:url(images/post-icons.gif) no-repeat;
	margin-right:5px;
}

.author { background-position:0 0; }

.datepost { background-position:0 -53px; }

.commented { background-position:0 -25px; }

.tagpost {
	background-position:1px -81px;
	clear:left;
}

.entry {
	clear:both;
font-size:16px;
}

#featured-posts-wrapper { margin-bottom:10px; }

.block {
	float:left;
	width:310px;
	margin:0 10px 10px 0;
}

.last { margin-right:0 !important; }

.block-title {
	background-color:#1c5b63;
	float:left;
	padding:0 10px;
	font-size:18px;
	line-height:34px;
	color:#ffffff;
	margin-bottom:4px;
}

.block ul { clear:left; }

.block ul li {
	background:transparent url(images/dot.gif) repeat-x 0 100%;
	overflow:hidden;
	font-size:13px;
	height:32px;
	line-height:32px;
}

#recent-entries ul li a,#recent-comments ul li span {
	background:transparent url(images/post-icons.gif) no-repeat;
	padding-left:20px;
}

#recent-entries ul li a { background-position:2px -82px; }

#recent-comments ul li span { background-position:2px -25px; }

/* about us */
#about-us {
	clear:both;
	margin-bottom:8px;
	color:#ffffff;
	font-size:13px;
	line-height:18px;
}

#about-us .title {
	font-size:18px;
	color:#ffffff;
	border-bottom:3px solid #0270AF;
	padding-bottom:5px;
	margin-bottom:7px;
}

#about-us-avatar {
	background-color:#ffffff;
	float:left;
	margin:0 5px 5px 0;
	padding:5px;
	border:1px solid #bababa;
}

#mini-post-wrap .odd { float:left; }

#mini-post-wrap .even { float:left; }

.mini-post {
	width:342px;
	margin-bottom:25px;
	height:190px;
}

.mini-post .title {
	background:transparent url(images/dot.gif) repeat-x 0 100%;
	font-size:16px;
	padding-bottom:4px;
	margin-bottom:3px;
	color:#e8b12c;
	height:20px;
	line-height:20px;
	overflow:hidden;
}

.date-post {
	background-position:0 -52px;
	font-size:10px;
	display:block;
	height:20px;
	line-height:20px;
	margin-right:10px;
	color:#9b9da0;
}

.mini-post .read-more {
	margin-top:10px;
}

.navigation, #post-nav { margin:10px 0; }

.navigation a {
	background-color:#31393b;
	display:block;
	color:#ffffff;
	height:27px;
	line-height:27px;
	padding:0 7px;
}

#post-nav a { color:#ffffff; }

#post-nav a:hover { color:#0270AF; }

.post .meta {
	color:#9b9da0;
	margin-bottom:2px;
}

.post .author {
	background-position:0 2px;
	margin-right:10px;
}

.pagetitle {
	font-size:15px;
	color:#9b9da0;
	margin:5px 0;
}

/* footer */

#footer {
height:43px;
line-height:43px;
text-align:center;
}

#footer p.lefty {
float:left;
font-size:12px;
}

#footer p.righty {
float:right;
font-size:12px;
}

/* Fader */
div.limiter {
	text-align: left;
	width: 80%;
	max-width: 69.23em;
	padding: 1.2em 1.5em;
	
	margin-left: auto;
	margin-right: auto;
}


ul {
	margin-bottom: 2em;
}


/* Listen */
ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
}

ul#portfolio li img{
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}

div#att p{
	background: transparent url(../images/att.png) no-repeat 0 46%;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}