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


 	Project: The Sonoma Independent.org
  	Web site: http://videodebate.sonomaindependent.org/
	Author: Djurica Bogosavljev
	CSS: Main CSS File

   		* Copyright (c) 2007-Present. See LICENSE for more info.
   		* For credits and origins, see AUTHORS.

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

/* General */

body { margin:0; padding:0; width:100%; background:#ededed url(images/header_bckg.jpg) top no-repeat; font:12px Georgia, "Times New Roman", Times, serif; color:#101010;}
html { padding:0; margin:0;}
.clr { clear:both;}
img { padding:0; margin:0; border:none; text-align:center;}

/* Typography */

@font-face {
	font-family: 'TrajanProBold';
	src: url('fonts/trajanpro-bold-webfont.eot');
	src: local('?'), url('fonts/trajanpro-bold-webfont.woff') format('woff'), url('fonts/trajanpro-bold-webfont.ttf') format('truetype'), url('fonts/trajanpro-bold-webfont.svg#webfontwBTePgNc') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Header */
.header { margin:0 auto; width:997px; height:162px;}

.block_header { height: 47px; margin: 0; padding:0; }
.top_menu { float:right; padding:15px 10px; font:normal 12px 'TrajanProBold', Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 12px 'TrajanProBold', Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none; margin: 0 5px 0 5px;}
.top_menu a:hover {border-bottom: 3px solid #4e4e4e; padding-bottom: 2px;}
.top_menu a.buttonTop { font:normal 12px 'TrajanProBold', Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;
	padding: 7px 25px;
	margin: 0 5px 0 0;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 1px solid #7a0707;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 2px 3px rgba(255,255,255,0.8);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 2px 3px rgba(255,255,255,0.8);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.top_menu ul {margin: 0; padding: 0; list-style-type: none; float: right;}
.top_menu ul li {display: inline; padding: 5px;}

.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#fa0a0a), to(#ab0a0a));
	background: -moz-linear-gradient(top,  #fa0a0a,  #ab0a0a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa0a0a', endColorstr='#ab0a0a');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#ab0a0a), to(#fa0a0a));
	background: -moz-linear-gradient(top,  #ab0a0a,  #fa0a0a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab0a0a', endColorstr='#fa0a0a');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

div.right div div div div div a.donate { font:normal 18px 'TrajanProBold', Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;
	color: #ffffff;
	padding: 10px 50px;
	margin: 0 5px 0 30px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 1px solid #084385;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 2px 3px rgba(174,208,245,0.7);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 2px 3px rgba(174,208,245,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.blue {
	color: #c3dbf5;
	border: solid 1px #084385;
	background: #084285;
	background: -webkit-gradient(linear, left top, left bottom, from(#83aee0), to(#084285));
	background: -moz-linear-gradient(top,  #83aee0,  #084285);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#83aee0', endColorstr='#084285');
}
.blue:hover {
	background: #83afe0;
	background: -webkit-gradient(linear, left top, left bottom, from(#084285), to(#83aee0));
	background: -moz-linear-gradient(top,  #084285,  #83aee0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#084285', endColorstr='#83aee0');
}
.blue:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

div.right div div div div div a.donate span.via {font:italic 16px 'Lora', cursive, Georgia, Times, serif;}

div h2.subtitle {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #0e3770; font-size: 1.8em; text-align: center; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); padding:0; margin:10px 0 10px 20px;}
div h2.substance {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #0e3770; font-size: 1.8em; text-align: center; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); padding:0; margin:0px 0 20px 30px;}
div h2.substance2 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #0e3770; font-size: 1.8em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); padding:0; margin:30px 0 20px 0px;}
div h2.heldon {font: italic 1em Georgia, "Times New Roman", Times, serif; color: #0e3770; font-size: 2em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); padding:35px 0 35px 0; margin:10px 0 10px 10px;}
div h2.heldon a {font: italic 1em Georgia, "Times New Roman", Times, serif; color: #0e3770; text-decoration: none;}
div h2.heldon a:hover {border-bottom: 2px dotted #0e3770; padding-bottom: 2px; text-decoration: none;}
div h2.pledge {background:url(images/check.png) no-repeat right center; height: 33px; text-indent:20px; font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #0e3770; font-size: 1.8em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); padding:0; margin:10px 15px 0px 0px;}
div h2.favweb {height: 33px; font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #0e3770; font-size: 1.8em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); padding:0; margin:10px 15px 0px 0px;}
div h2.featured {height: 33px; font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #0e3770; font-size: 1.8em; text-align: center; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); padding:0; margin:30px 15px 0px 0px;}
div h2.friends { text-indent:30px; font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #0e3770; font-size: 1.8em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); padding:0; margin:10px 15px 8px 0px;}
div h2.recent_friends { text-indent:5px; }

/**
 * div h2.example_heading added by David Lents 9/8/2011 for BYG home page, right hand column headings for the example screenshots
 */
div h2.example_heading {
    font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif;
    font-weight: bold;
    color: #0e3770;
    font-size: 1.0em;
    text-align: center;
    line-height: 1.1em;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
    padding: 0;
    margin: 8px 0px 8px 0px;
}

div .screenshot {
	padding: 3px 0 0 3px;
	margin: 0 0 35px 0;
	background:#fff;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #144f84;
	-moz-box-shadow:
		0px 0px 10px rgba(24,67,128,0.3);
	-webkit-box-shadow:
		0px 0px 10px rgba(24,67,128,0.3);
	text-shadow:
		0px 0px 10px rgba(24,67,128,0.3);
}
div .screenshot img {
	padding:5px;
}

div .candidate {width: 960px;  margin: 0 0 0 20px; padding: 0; top: 49px; height: 105px; position: absolute; float: left;}
div .candidateInfo {width: 790px; padding: 0px 0 0 0; float: left; margin: 0 0 0 0;}
div .candidateInfo2 {width: 500px; padding: 0px 0 0 0; display: inline; float: left; margin: 0 0 0 0;}
div .candidateDebate {width: 700px; padding: 0px 0 0 0; float: left; margin: 0 0 0 0;}
#loadme {text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
div .demo {
	position: relative;
	float:left;
	clear:both;
	width: 126px;
	height: 126px;
}
div .demo img {
	position: relative;
	float:left;
	width: 126px;
	height: 126px;
	margin:-11px 0 0 0;

}
div .candidateInfo2 a {text-decoration: none;}
div .candidateInfo2 h1.title {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; width: 500px; font-weight: normal; color: #0e3770; font-size: 2.8em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3); padding:0; margin:60px 0 0px 0px;}
div .candidateInfo h1.candidateTitle {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #0e3770; font-size: 2em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); padding: 0px 0px 0px 0px; margin: 0px 0 0px 5px;}
div .candidateInfo h2.candidateState {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #0e3770; font-size: 1.4em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); padding:0; margin: 0 0 0 114px;}
div .candidateDebate h1.candidateVideo {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; width: 450px; font-weight: normal; color: #0e3770; font-size: 2.3em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); padding: 0px 0px 0px 0px; margin: 20px 250px 10px 0px;}
div .candidateDebate h2.candidateSenator {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #fff; font-size: 1.4em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); padding:0; margin: 0 10px 0 -40px;}
div .candidateInfo .candidateBio {font: 12px Georgia, "Times New Roman", Times, serif; color:#101010; margin: 25px 450px 0 0; padding: 0; width: 190px; float: right;}
div .candidateInfo .candidateBio span.biography {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; text-decoration:underline; color: #0e3770; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); font-size: 1.1em; text-align: left;}
div .candidateInfo .candidateBio span.readmore a{font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; text-decoration:none; color: #fff; font-size: 1.1em; text-align: left; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); margin: 0 0 0 50px;}
div .candidateInfo .candidateBio span.readmore a:hover {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; text-decoration:none; color: #dceef6; font-size: 1.1em; text-align: left; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); margin: 0 0 0 50px;}
div .candidateVideo {width: 120px; margin: 2px 0 0 0; float: left; position: relative; top:0;}
ul#aboutCandidate {float: left; position: relative; width: 120px; margin: 0 auto; padding: 0px; list-style: none;}
ul#aboutCandidate li {width: 102px; height: 102px; float: left; display: block; position: relative; margin: 0px; padding: 0px 3px 0px 10px; font-family: "Trebuchet Ms", Tahoma, sans-serif; color: #2360a7; text-shadow: 0px 1px 1px #fff; text-align: center; font-size: 1.3em;  border: 0px solid #fff;}
ul#aboutCandidate li.last {width: 200px; height: 140px;  float: right; display: block; position: relative; margin: 0px; padding: 0px 0px 15px 0px; font-family: "Trebuchet Ms", Tahoma, sans-serif; color: #2360a7; text-shadow: 0px 1px 1px #fff; text-align: center; font-size: 1.3em;  border: 0px solid #fff;}
#social {position: relative; float: left; margin: 0 0 0 -5px; top: 13px;}
.social2 {position: relative; float: right; margin: -40px -70px 0 0px;}
div .mission {position: relative; float: left; margin:215px 0 0 0;}
div .mission p {font:normal 1.4em Georgia, "Times New Roman", Times, serif; line-height: 1.4em; color: #0e3770; text-shadow: 0px 1px 0px rgba(255,255,255,0.6); padding: 0 0 10px 10px;}
div .mission a {
    font-face: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.4em;
    color: #0e3770;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
    text-decoration: underline;
}

div .myvideos2 {margin: 0;}
div .titlevideo {position:relative; margin:0 0 0 0px; width: 420px; text-align: center; left: 100px;
	border-radius: 0px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(195,219,247,0.2) 5%, rgba(255,255,255,1) 20%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(195,219,247,0.2)), color-stop(20%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(195,219,247,0.2) 5%,rgba(255,255,255,1) 20%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(195,219,247,0.2) 5%,rgba(255,255,255,1) 20%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(195,219,247,0.2) 5%,rgba(255,255,255,1) 20%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3dbf7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(195,219,247,0.2) 5%,rgba(255,255,255,1) 20%); /* W3C */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #a8c5e3;
	-moz-box-shadow:
		0px 0px 10px rgba(20,79,132,0.2);
	-webkit-box-shadow:
		0px 0px 10px rgba(20,79,132,0.2);
	text-shadow:
		0px 0px 10px rgba(20,79,132,0.2);
}
div .titlevideo h3.videotitle {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #0e3770; font-size: 1.6em; text-align: left; line-height: 1.6em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3); padding: 10px 0 10px 25px; margin: 0;}

/* Logo */
.logo { float:left; padding:10px; margin:3px 0 0 0; width:320px;}
.logo a {text-decoration:none;}
.logo h1.title {font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; font-weight: normal; color: #0e3770; font-size: 1.6em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3); padding:0px 0px 18px -20px; margin:0 0 18px 20px;}
.logo h3.election {font: italic 1em Georgia, "Times New Roman", Times, serif; color: #0e3770; font-size: 1.6em; text-align: left; line-height: 1.3em;  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); padding:0; margin:0 0 20px 20px;}
.logo span.dropcap {
	font-size: 1.2em;
}

div .candidateInfo2 span.dropcap {
	font-size: 1.2em;
}

#submenu {position:absolute; width: 590px; float: left; margin: -5px 0 0 35px; padding:0;  clear: both;}
#submenu ul li { display: inline; list-style-type: none; position:relative; float:left; margin:0; text-align: center;}
#submenu li.buttonWhat {background: url(images/button_what.png) top no-repeat; padding: 0 20px 0 0; width:204px; height: 41px;}
#submenu li.buttonDonate {background: url(images/button_donate.png) top no-repeat; padding: 0 20px 0 0; width:107px; height: 41px;}
#submenu li.buttonBlue {background: url(images/button_donate.png) top no-repeat; padding: 0 20px 0 0; width:107px; height: 41px;}
#submenu li.buttonShare {background: url(images/button_share.png) top no-repeat; padding: 0 20px 0 0; width:104px; height: 50px;}
#submenu li a {font: bold 1.7em Cambria, "Times New Roman", Times, serif; color: #0e3770; line-height: 1.8em; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); text-decoration: none; padding: 0 0 0 15px; }
#submenu li a:hover {text-decoration: underline; color:#b80f0f; text-shadow: 0px 1px 0px rgba(255,255,255,0.5);}

/* Content */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:955px; margin:0 auto;}

.single_video3 h4.facts {font:normal 1em Georgia, "Times New Roman", Times, serif; color: #0e3770; text-shadow: 0px 1px 0px rgba(255,255,255,0.6); text-align: center;  border: 0px solid #fff; position: relative; margin: 130px 0px 0px 0px; }
.single_video3 h5.twoline {font:normal 1em  Georgia, "Times New Roman", Times, serif; width: 92%; line-height: 16px !important; margin-left: 5px; margin-top: 10px; margin-bottom:0; padding:0;}
ul#rooms {float: left; position: relative; width: 612px; margin: 0px; padding: 0px; list-style: none;}
ul#rooms li {width: 191px; height: 189px; float: left; display: block; position: relative; margin: 0px; padding: 0px 10px 5px 3px; font-family: "Trebuchet Ms", Tahoma, sans-serif; color: #2360a7; text-shadow: 0px 1px 1px rgba(255,255,255,0.6); text-align: center; font-size: 1.3em;  border: 0px solid #fff;}
ul#rooms li.last {width: 300px; height: 240px;  float: right; display: block; position: relative; margin: 0px; padding: 0px 0px 15px 0px; font-family: "Trebuchet Ms", Tahoma, sans-serif; color: #2360a7; text-shadow: 0px 1px 1px rgba(255,255,255,0.6); text-align: center; font-size: 1.3em;  border: 0px solid #fff;}
ul#citizenvideo {float: left; position: relative; width: 612px; margin: 0px; padding: 0px; list-style: none;}
ul#citizenvideo li {width: 191px; height: 189px; float: left; display: block; position: relative; margin: 0px; padding: 0px 10px 55px 3px; font-family: "Trebuchet Ms", Tahoma, sans-serif; color: #2360a7; text-shadow: 0px 1px 1px rgba(255,255,255,0.6); text-align: center; font-size: 1.3em;  border: 0px solid #fff;}
ul#citizenvideo li.last {width: 300px; height: 240px;  float: right; display: block; position: relative; margin: 0px; padding: 0px 0px 15px 0px; font-family: "Trebuchet Ms", Tahoma, sans-serif; color: #2360a7; text-shadow: 0px 1px 1px rgba(255,255,255,0.6); text-align: center; font-size: 1.3em;  border: 0px solid #fff;}
ul#smallvideo {float: left; position: relative; width: 422px; margin: 0 0 0 100px; padding: 0px; list-style: none;}
ul#smallvideo li {width: 402px; height: 236px; float: left; display: block; position: relative; margin: 0px; padding: 0px 10px 5px 3px; font-family: "Trebuchet Ms", Tahoma, sans-serif; color: #2360a7; text-shadow: 0px 1px 1px rgba(255,255,255,0.6); text-align: center; font-size: 1.3em;  border: 0px solid #fff;}



.candidate_small {width:90px; height:90px;}
.candidate_small_not {width:90px; height:90px;}
.candidate_small:hover{ background:url(images/btn_play.png) no-repeat; cursor:pointer;}
.candidate_thumb {position:absolute; margin: 6px 0px 0px 6px;}

.youtube_small {width:162px; height:109px;}
.youtube_small_not {width:162px; height:109px;}
.youtube_small:hover{ background:url(images/btn_play2.png) no-repeat; cursor:pointer;}
.video_thumb {position:absolute; margin: 10px 0px 0px 13px;}
.video_thumb3 {position:absolute; margin: 28px 0px 0px 13px;}

.youtube_small2 {width:257px; height:260px;}
.youtube_small_not2 {width:155px; height:155px;}
.youtube_small2:hover{ background:url(images/btn_play3.png) no-repeat; cursor:pointer;}
.video_thumb2 {position:absolute; margin: 13px 0px 0px 13px;}

.candidate-name {margin: 20px 0 0 0; padding: 10px; display: block;}

.fblike {margin: 5px 0 0 0; width: 191px; height: 20px;}
.social {position: relative; display: inline; float: right; height: 25px; margin:0; top: 0px; }
.social img {padding: 0 0 0 10px;}
.addFriend {
	float: left;
	display: block;
	margin:240px 0 0 0;
	padding:0;
	height: 25px;
	top: 20px;
}

.addFriend span.add img {
	border: 0;
	padding: 0 10px 0 10px;
}

.addFriend span.add a {
	font:normal 1em "Trebuchet Ms", Tahoma, sans-serif;
	margin: 0 0 0 10px;
	color: #0e3770;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
	text-decoration: none;
}

.addFriend span.add a:hover {
	text-decoration: underline;
}

/* search */
.search { padding: 0; margin: 0; float:right; width:178px;}
.search form { display:block; float:right; padding:0; margin:0;}
.search span { display:block; float:left; background: url(images/search_bg.png) top no-repeat; width:140px; padding:0 0px; height:26px;}
.search form .keywords { font:normal 1em "Trebuchet Ms", Tahoma, sans-serif; color:#0e3770; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); line-height:14px; float:left; border:0; width:140px; padding:6px 6px; height:14px; background:none; margin:0;}
.search form .button { float:left; margin:0; padding:0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
     .addFriend {display: block; top:0; height: 28px; }
}

div .single_video { position:relative; float: left; width: 153px; height: 153px; padding: 0px; margin: 0px;
	background: #fff;
	border: 0px solid #fff;
	border: 1px solid #bccde2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),

		2px 2px 6px rgba(142, 181, 234, 0.5);

	-webkit-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),

		2px 2px 6px rgba(142, 181, 234, 0.5);

	box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -1px 2px 0 rgba(255, 255, 255, 0.7),
		2px 2px 5px rgba(68, 68, 68, 0.5);

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(179,179,179,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(179,179,179,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(179,179,179,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(179,179,179,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(179,179,179,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,1) 50%,rgba(179,179,179,1) 100%); /* W3C */
}

div .single_video2 { float: left; width: 102px; height: 102px; padding: 0px; margin: 0px;
	background: #fff;
	border: 0px solid #fff;
	border: 1px solid #bccde2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),

		2px 2px 6px rgba(142, 181, 234, 0.5);

	-webkit-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),

		2px 2px 6px rgba(142, 181, 234, 0.5);

	box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -1px 2px 0 rgba(255, 255, 255, 0.7),
		2px 2px 5px rgba(68, 68, 68, 0.5);

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(179,179,179,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(179,179,179,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(179,179,179,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(179,179,179,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(179,179,179,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,1) 50%,rgba(179,179,179,1) 100%); /* W3C */
}

div .single_video3 { float: left; width: 190px; height: 190px; padding: 0; margin: 0 0 10px 0;
	background: #fff;
	border: 0px solid #fff;
	border: 1px solid #bccde2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);

	-webkit-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);

	box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);
}

div .single_video4 { float: left; width: 285px; height: 342px; padding: 0; margin: 0 0 10px 0;
	background: #fff;
	border: 0px solid #fff;
	border: 1px solid #bccde2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);

	-webkit-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);

	box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);
}
div .single_video5 .embeded {margin: 12px 0 0 0px;}
div .single_video5 { float: left; width: 612px; height: 388px; padding:0; margin: 20px 0 30px 0;
	background: #fff;
	border: 0px solid #fff;
	border: 1px solid #bccde2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);

	-webkit-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);

	box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);
}
div .single_video6 .embeded {margin: 11px 0 0 0px;}
div .single_video6 { float: left; width: 402px; height: 236px; padding:0; margin: 20px 0 0 0;
	background: #fff;
	border: 0px solid #fff;
	border: 1px solid #bccde2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);

	-webkit-box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);

	box-shadow:
		inset 0 4px 7px 0 #fff,
		inset 0 -2px 4px 0 rgba(255, 255, 255, 0.5),
		inset 0 -70px 70px -30px rgba(131, 187, 244, 0.8),
		2px 2px 6px rgba(142, 181, 234, 0.5);
}


div .border { height: 100%; margin-top: 0px;
	border: 1px solid #1a57a0;
	margin: 0 0 15px 0px;
	text-shadow: 1px 1px 0px #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow:
		inset 0 4px 7px 0 rgba(255, 255, 255, 0.8),
		inset 0 0px 4px 0 rgba(255, 255, 255, 0.5),
		4px 3px 8px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow:
		inset 0 4px 7px 0 rgba(255, 255, 255, 0.8),
		inset 0 0px 4px 0 rgba(255, 255, 255, 0.5),
		4px 3px 8px rgba(0, 0, 0, 0.2);

	box-shadow:
		inset 0 4px 7px 0 rgba(255, 255, 255, 0.8),
		inset 0 0px 4px 0 rgba(255, 255, 255, 0.5),
		4px 3px 8px rgba(0, 0, 0, 0.2);

	background: rgb(144,194,245); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(144,194,245,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(144,194,245,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(144,194,245,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(144,194,245,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(144,194,245,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c2f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(144,194,245,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}

div .separator {
	height: 2px;
	background: url(images/line.png) repeat-x bottom;
	width: 600px;
	margin-bottom:20px;
}

div .separator2 {
	height: 2px;
	background: url(images/line.png) repeat-x bottom;
	width: 290px;
	margin-bottom:20px;
}

div .subtitle {
	position: relative;
	margin: 20px 0 0 0;
	top: 0px;
	height: 30px;
	bottom:0;
}

.tooltip-target {
		display: block;
		padding: 10px;
		text-align: center;
}
.tooltip-content {
		display: none;      /* required */
		position: absolute; /* required */
		width: 250px;
		padding: 10px;
		border: 3px solid #AF8A31;
		background-color: #FFC848;
		text-align: center;
		color: black;
}
.tooltip-content p {
		margin: 0;
}

/********** block index **********/
.body { background:#ededed url(images/background.jpg) repeat top; border:0; border-top:1px solid #dbdbdb;}
.body div.resize { padding:0 10px;}
.body h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#222222; line-height:1.8em; margin:0 0 10px 10px; padding:0;}
.body h3 { font:normal 24px Arial, Helvetica, sans-serif; color:#252525; line-height:1.8em; margin:0 0 10px 10px; padding:0;}
.body h4 { font:bold 12px Arial, Helvetica, sans-serif; color:#26729f; line-height:1.8em; margin:10px 0 10px 10px; padding:0;}
.body ul { padding: 10px; color:#252525; font: normal 12px Georgia, "Times New Roman", Times, serif; line-height:1.8em;}
.body li { padding: 0 0 0 5px; text-align: left; }
.body li.left { padding: 0 0 0 5px; text-align: right; }
.body li a.title {text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);}
.body li.support { padding: 0 0 0 5px; text-align: left; text-decoration:underline; }
.body a { font: 12px Georgia, "Times New Roman", Times, serif; color:#101010; text-decoration:none;}
.body a:hover { text-decoration:underline;}

.block_index ul { float:left; padding:10px 5px; margin:0; list-style:none;}
.block_index div.right .website {float: left; text-align: left; width: 300px; margin:0;}
.block_index div.right ul.favorite  {float:left; position: relative; padding: 0; margin:0 0 10px 70px; list-style: none; text-align: left; width: 300px;}
.block_index div.right .favorite li a {background: url(images/bullet.png) no-repeat left center;  color: #1a437c; padding: 0 0 0 15px;}
.block_index div.right .favorite li a:hover {text-decoration: underline; color: #5483c2;}
.block_index div.left ul.cando  {float:left; position: relative; padding: 0; margin:40px 0 20px 0; list-style: none; text-align: left; width: 590px;}
.block_index div.left .cando li {background: url(images/bullet_star.png) no-repeat left center;  color: #1a437c; background-position:0px 6px; padding: 0 0 0 30px; margin: 10px 0 0 0; font:normal 1.4em Georgia, "Times New Roman", Times, serif; line-height: 1.4em; color: #0e3770; text-shadow: 0px 1px 0px rgba(255,255,255,0.6);}
.block_index div.left .cando li a {font:normal 1em Georgia, "Times New Roman", Times, serif; line-height: 1em; color: #0e3770; text-shadow: 0px 1px 0px rgba(255,255,255,0.6);}
.block_index div.left .cando li a:hover {text-decoration: underline; color: #5483c2;}
.block_index ul li.pledge { float:left; padding:0px 0 20px 0; margin:0; color:#252525; text-align: center; font:14px Georgia, "Times New Roman", Times, serif; line-height:1.5em; width:280px;}
.block_index p.aboutme { float:left; padding:0px 0 20px 0; margin:0; color:#252525; text-align: left; font:16px Georgia, "Times New Roman", Times, serif; line-height:1.5em;}
.block_index div.left { float:left; width:612px; margin:0 10px;}
.block_index div.left div.box div div div div div { width:592px; padding:10px;}
.block_index div.right { float:right; width:303px; margin:0 10px 120px 0;}
.block_index div.right div.box div div div div div { width:283px; padding:10px;}
.block_index div.right div.widget {float: left; text-align: left; width: 300px; border: 0; padding:0; margin: 30px 0 0 0; height: 289px;}
.block_index div.right div.widget2 {float: left; text-align: left; width: 300px; border: 0; padding:0; margin: 0 0 0 0; height: 130px;}
.block_index div.right div.widget3 {float: left; text-align: left; width: 300px; border: 0; padding:0; margin: 0 0 0 0;}
.block_index div.right div.recent {float: left; text-align: left; width: 300px; border: 0; padding:0; margin: 20px 0 0 0; height: 400px;}
.block_index div.left div.box div div div div div span.star {position: relative;}
.block_index div.left div.box div div div div div li a.title{text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);}
.block_index div.questionAnswer { width:960px; margin:0;}
.block_index div.introduction {width:960px;}
h4.segoe { font-family: Georgia, "Times New Roman", Times, serif; color: #0e3770; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); text-align: center; font-size: 1.2em; line-height: 18px;  border: 0 solid #fff; position: relative; margin: 260px 0 0 0; padding-top:12px;}
span.party { font-family: Georgia, "Times New Roman", Times, serif; color: #245395; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); text-align: center; font-size: 0.8em;  border: 0px solid #fff; position: relative; margin: 0px; }
div .showcase {width: 960px; margin-left: 0px;}
ul#questions {float: left; position: relative; margin: 0px; padding: 0px; list-style: none;}
ul#questions li {float: left; display: block; position: relative; margin: 0; padding: 15px 0px 30px 0px; font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; color: #2360a7; text-shadow: 0px 1px 1px #fff; text-align: left; font-size: 1.3em;  border: 0px solid #fff;}
ul#rooms2 {float: left; position: relative; width: 680px; margin: 0px; padding: 0px; list-style: none;}
ul#rooms2 li {width: 285px; height: 342px; float: left; display: block; position: relative; margin: 0px; padding: 15px 0px 45px 35px; font-family: "Trebuchet Ms", Tahoma, sans-serif; color: #2360a7; text-shadow: 0px 1px 1px rgba(255,255,255,0.5); text-align: center; font-size: 1.3em;  border: 0px solid #fff;}
ul#rooms2 li.last {width: 300px; height: 240px;  float: right; display: block; position: relative; margin: 0px; padding: 0px 0px 15px 0px; font-family: "Trebuchet Ms", Tahoma, sans-serif; color: #2360a7; text-shadow: 0px 1px 1px rgba(255,255,255,0.5); text-align: center; font-size: 1.3em;  border: 0px solid #fff;}

div .col-1 {position: relative; float: left; padding-left: 20px; width: 25%; }
div .col-2 {position: relative; float: left; padding-left: 20px; width: 70%; }
.title ul {margin-bottom: 10px; margin-left: 0; padding-left: 0; white-space: nowrap; list-style-type: none;}
.title li.info {display: inline; list-style-type: none; font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; border-bottom: dotted; font-size: 2em; color: #0e3770; text-shadow: 0px 1px 0px rgba(255,255,255,0.5);}
.title li.info2 {display: inline; list-style-type: none; font-family: 'TrajanProBold', Helvetica, Tahoma, sans-serif; border-bottom: dotted; font-size: 2em; color: #0e3770; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); margin-left:35px;}



/********** body_footer **********/
.body_footer { background:#f4f4f4 url(images/background.jpg) repeat top; padding:10px 0;}

/* index */
.index {}
.index p { padding:10px; margin:0; color:#252525; font: normal 12px Georgia, "Times New Roman", Times, serif; line-height:1.8em;}
.index a { color:#252525; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.index a:hover { text-decoration:underline;}
.index p.more { border-top: 1px solid #e3e3e3;}
.index p.more a { color:#26739f; text-decoration:underline;}
.index p.more a:hover { text-decoration:none;}
.index .left { float:left; width:290px; padding:14px;}
.index .center { float:left; width:290px; padding:14px;}
.index .right { float:left; width:290px; padding:14px;}

/* Footer */
.footer { background:#f1f1f1 url(images/footer_bg.jpg) repeat-x top; padding:20px 0;}
.footer .resize div { float:left; width:100%; text-align: center; color:#6f6f6f; font:normal 11px Arial, Helvetica, sans-serif;}
.footer .resize div a { color:#6f6f6f; font:normal 11px Arial, Helvetica, sans-serif; padding:0 5px;}
.text_left { text-align:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}