/*
Theme Name: The Vein Clinic
Version: 1.0
Author: Clickr Media
Author URI: http://www.clickrmedia.com
*/

body {
	background: url('img/background-header.png') no-repeat;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

body.logged-in {
	background-position: 0 28px;
}

body.lang-ru .video-btn h3, .video-btn p, body.lang-id .video-btn h3, .video-btn p{
    font-size: 11px;
}

body.lang-ru .home-thumbnail, body.lang-vi .home-thumbnail{
    font-size: 10px;
    height: 130px;        
}

body.lang-vi #video-box-evlt div div.widget{
    padding: 0;
}

body.lang-vi #video-box-evlt-bg{
    height: 109px;
}

body.lang-id .home-thumbnail{
    font-size: 10px;
    height: 142px;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

ul {
	padding-left: 2.333em;
}

a {
	color: #21759b;
	text-decoration: none;
}

img, a img {
	border: 2px solid #cfcfcf;
	padding: 3px;
}

img.alignleft {
  float: left;
	margin: 0 1em 1.5em 0;
}

img.alignright {
  float: right;
	margin: 0 0 1.5em 1em;
}

a:hover {
	color: #113a4d;
}

a:hover img, .video-btn a:hover img, .video-box a:hover img, div.home-focus a:hover img, #gallery-1 dt.gallery-icon a:hover img {
	border-color: #113a4d;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.video-btn img, .video-box img, div.home-focus img {
	border: 1px solid #21759b;
}

span.vein {
	color: #21759b;
}

#container {
	position: absolute;
	left: 50px;	
	width: 910px;
}

#pagination {
	clear: both;
	padding-top: 1.5em;
	text-align: center;
}

/* header */
#header {
	margin: 1em 0;
}

/* header > navigation-top */
#navigation-top {
	padding-top: 0.4em;
	text-align: right;
}

#navigation-top a {
	color: #333;
	margin: -5px;
}

#navigation-top a:hover {
	color: #999;
}

#navigation-top ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation-top li {
	display: inline;
	margin-left: 1.5em;
}

/* header > logo */
#logo {
	float: left;
	margin-top: 115px;
}

#logo a {
	background: url('img/the-vein-clinic-logo.png') no-repeat;
	display: block;
	text-indent: -9999px;
	width: 253px; height: 36px;
}

#logo div.tagline-2 {
	font-size: 1.2em;
}

/* header > video */
#video-box-evlt-bg {
	background: url('img/background-video-trans.png') no-repeat;
	color: #000;
	float: right;
	margin-top: 73px;
	width: 520px; height: 111px;
}

#video-box-evlt {
	color: #000;
	float: right;
	margin-top: -111px;
	width: 520px; height: 111px;
}

#video-box-evlt div.video-content {
	margin: 23px 105px 0 9px;
}

#video-box-evlt div div.widget {
	padding: 0.75em 0;
}

#video-box-sclerotherapy {
	background: url('img/background-video-sclerotherapy.png') no-repeat;
	color: #000;
	width: 405px; height: 111px;
}

#video-box-sclerotherapy div.video-content {
	padding: 9px;
}

#video-box-sclerotherapy h3 {
	margin-top: 0.5em;
	line-height: 1.5em;
}

.video-box img {
	float: left;
	margin-right: 10px;
}

.video-box h3 {
	color: #21759b;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

/* sidebar > navigation */
#navigation {
	color: #21759b;
}

#navigation a {
	display: block;
	padding: 0.25em 0.5em;
}

#navigation ul {
	list-style-type: none;
	margin: 0 0 1.5em;
	padding: 0;
}

#navigation li {
	background: url('img/navigation-separator.png') bottom no-repeat;
	padding-bottom: 1px;
}

#navigation li.current_page_item a {
	background-color: #61b5db;
	color: #fff;
}

/* sidebar > navigation > 2nd level */
#navigation ul ul {
	list-style-type: disc;
	margin: 0 0 0 1.75em;
}

#navigation ul ul a {
	padding-left: 0;
}

#navigation li li {
	background: none;
	padding-bottom: 0;
	border-bottom: 1px solid #FFFFFF;
}

#navigation li li.current_page_item a {
	background-color: #fff;
	color: #113a4d;
}

#navigation li.current_page_item li a {
	background-color: #fff;
	color: #21759b;
}

#navigation li.current_page_item li a:hover {
	color: #113a4d;

}

/* sidebar > contact */
#text-12  {
	background-color: #fffef6;
	border: 1px solid #e5e5e5;
	color: #666;
	margin-bottom: 1.5em;
	padding: 1em 1.2em 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#text-12 h4 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}

#text-12 p {
	margin-bottom: 0.5em;
}

#text-15 h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	line-height:1.25em;
	margin-bottom:1em;
}

#text-15 p {
	margin-bottom: 1.5em;
}

#text-16 h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	line-height:1.25em;
	margin-bottom:1em;	
}

#text-16 p {
	margin-bottom: 1.5em;
}
/* main */
#main {
	background: url('img/background-content.png') no-repeat;
}

/* breadcrumbs */
#breadcrumbs {
	border-bottom: 1px solid #a9e4ff;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
}

/* content */
#content {
	padding: 1em;
}

/* footer */
#footer {
	border-top: 1px solid #a9e4ff;
	padding-top: 1.5em;
	text-align: center;
}

/* footer > navigation-bottom */
#navigation-bottom {
	margin-bottom: 1.5em;
}

#navigation-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation-bottom li {
	display: inline;
	margin: 0 0.5em;
}

/* pages > home */
.home-highlight {
	float: left;
	margin-bottom: 1.5em;
	width: 24.9%;
}

.post-content .home-highlight h2 {
	font-size: 1.2em;
	border: 0;
}

.home-highlight p {
	margin-bottom: 0.2em;
}

.home-thumbnail {
	background-color: #fff;
	border: 1px solid #d8ebef;
	margin: 0.5em;
	padding: 1.5em 1.5em 0;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.home-thumbnail img {
	border-width: 1px;
	margin-bottom: 0.2em;
	width: 75px; height: 75px;
}

.home-column h2 {
	border-bottom: 1px solid #cfcfcf;
}

/* blog > posts */
.post {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 1.5em;
}

.post h2 {
	margin-bottom: 0;
}

.post .post-meta {
	color: #666;
	margin-bottom: 1.5em;
}

/* blog > sidebar */
#sidebar-blog ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar-blog .widget {
	background-color: #fff;
	margin-bottom: 1.5em;
	padding: 0.75em;
}

#sidebar-blog .widget h3 {
	margin-bottom: 0.25em;
}

/* caption */
.wp-caption-text {
	background-color: #cfcfcf;
	color: #000;
	padding: 0.25em;
	text-align: center;
}

/* language selector */
#lang_sel {
	float: right;
	margin-left: 1.5em;
	padding-top: 0.4em;
}

#lang_sel  ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#lang_sel a {
	background-color: #fff;
	border: 1px solid #cdcdcd; 
	/*display: block;*/
	padding: 2px 4px;
	width: 10em;
	font-size: 11px;
}

#lang_sel li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#lang_sel li ul a {
	border-width: 0 1px 1px;
}

#lang_sel li:hover ul, #lang_sel li.sfhover ul {
	left: auto;
}

#lang_sel ul img {
	border: 0;
	padding: 0;
	position: relative;
	top: 1px;
}

/* post content */
.post-content h2 {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 0.5em;
	clear: both;
}

.post-content iframe {
	margin-bottom: 1.5em;
}

/* call to action box */
#text-15,#text-16, .call-to-action {
	background-color: #fff;
	background: url(img/background-call-to-action.png) repeat-x;
	border: 1px solid #61b5db;
	padding: 1.5em 1.5em 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.call-to-action ul {
	padding-left: 1.5em;
}

div.content-right {
	margin: -0.8em 0 0 120px;
}

/* media articles page (id=20) */
body.page-id-20 .post-content img {
	margin-right: 1.5em;
}

.addthis_container {
	margin-bottom: 1.5em;
}

/* video button */
.video-btn {
	background: url("img/bg-video-box.png") no-repeat right bottom;
	margin: 0 20px 1.5em 0;
	width: 538px;
}

.video-btn div {
	background: url("img/bg-video-box.png") no-repeat left top;
	height: 88px;
	padding: 8px 8px 0 10px;
}

.video-btn img {
	float: left;
}

.video-btn h3, .video-btn p {
	margin-left: 140px;
	margin-bottom: 0;
}

.video-btn h3 {
	color: #21759b;
	font-size: 1.1em;
	line-height: 1.5em;
}

#text-15,#text-16{
	margin-bottom:1.5em;
}