body {
  color: #333333;
  font-family: 'Open Sans', Arial;
  font-size:13px;
  background-color: #FFFFFF;
  background-image: url('/img/bg_top.jpg'),url('/img/bg_bottom.jpg');
  background-position: center top,center bottom;
  background-repeat: no-repeat, no-repeat;
  min-height: 100%;
}

pre {
    word-break: normal !important;
    word-wrap: normal !important;
}

a {
    color: #E8413B;
}

a:hover {
    transition: all 0.3s ease 0s;
}

h1 {font-size: 20px;font-weight: bold;}
h2 {font-size: 17px;font-weight: bold;}
h3 {font-size: 15px;font-weight: bold;}

.container {
    max-width: 1017px;
    min-height: 100%;
}

.navbar {
    min-height: 75px;
}

.navbar-brand {
    padding: 0px;
}

.navbar-brand img {
    max-width: 240px;
    width: 100%;
}

@media (min-width: 768px) {
.navbar-brand img {
    max-width: 370px;
    width: 100%;
}
}


ul.navbar-nav li a {
    padding: 20px;
}
ul.navbar-nav li a:hover {
    background-color:#F7F7F7 !important;
}
.navbar-right {
    padding-top:5px;
}

.detail {
    min-height: 500px;
}

.detailhead {
    margin-bottom: 20px;
    line-height: 140%;
    margin-top: 10px;
}

.detail .shareing {clear:both;}
.addthis_counter.addthis_bubble_style {width: 69px !important;}
.detail .sharelabel {
    font-weight: bold;
    float:left;
    font-size:110%;
    margin-right: 10px;
}

.detail .addthis_toolbox {
    width:225px;
}

.detail table tr td:first-child {
    width: 25%;
}

.detail .thumbbox {
    min-height: 210px; 
    float:left;
    max-width: 210px;
    text-align: center;
}

.detail .thumbbox a {
    color: #E8413B;
    font-weight: bold;
    font-size:16px;
    margin-left: -9px;
}

.detail h2 {
    padding-top:15px;
    clear: both;
}

.detail .con232 {
    text-align:center;
}

.detail .bottombox {
    margin-bottom: 20px;
    min-height: 80px;
}

@media (min-width:992px) {
    .detailleft {
        max-width: 615px !important;
    }
    .detailright {
        min-width: 350px !important;
    }
}

@media (min-width: 768px) {
.container {
    width: 100%;
}
}

#websiteprofile {
    font-size: 13px;
}

.img-thumbnail {
    width: 200px;
    min-width: 100px;
    float:left;  
    
    margin-right: 10px;
    margin-bottom: 5px;
    
}

.websiteresults .img-thumbnail {
    max-width: 150px;
    margin-bottom: 5px;
}

.websiteresults .website {
    padding:10px 10px 10px 5px;
    min-height: 146px;    
}
.websiteresults .website .data {
    border-bottom: 1px solid #DDDDDD;
    min-height: 146px;
    margin-left: 70px;
    padding-bottom: 10px;
}
.websiteresults .website .data p {
    margin-bottom: 0px;
}

.websiteresults .website .data a {
    min-height: 100%;
}

.websiteresults .website .title {
    font-size: 120%;
}
.websiteresults .website p {
    margin: 5px 0;
}
 
.websiteresults .vote-box {
    float:left;
    text-align: center;
    width: 60px;
    margin-right: 10px;
}

.websiteresults .vote-box .count {
    background: none repeat scroll 0 0 #555555;
    color: #FFFFFF !important;
    display: block;
    font-size: 26px;
    padding: 14px 0;
    font-weight: bold;
}
.websiteresults .vote-box .what {
    background: none repeat scroll 0 0 #E8413B;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
}

dt {
    border-bottom: 1px solid #F2F2F2;
    color: #A8A8A8;
    float: left;
    padding: 5px 10px;
    text-align: right;
    width: 20%;
}

dd {
    border-bottom: 1px solid #F2F2F2;
    float: left;
    padding: 5px 9px;
    text-align: left;
    width: 27%;
}


.heartvote {
    transition: all 0.3s ease 0s;
    font-size: 30px;
    line-height: 48px;
    text-align: center;
    vertical-align: baseline;
    width: 70px;
    height: 70px;
    margin: 0 0 12px;
    padding: 13px;
    text-align: center;
    border-radius: 36px;
    background-color: #E8413B;
    display: inline-block !important;
    text-decoration: inherit;
    float:none;
    color: #FFFFFF;
}
.heartvote:hover, .heartvoteactive {
    color: #E8413B !important;
    font-size: 40px !important;
    cursor: pointer !important;
    background-color: #EFEFEF !important;
    transform: scale(1.2);
}

.heartvotetitle {
    text-align: center;
    margin-left: 5px;
    width: 14%;
    min-height:200px;
}

.sharing {
    margin-bottom:20px;
    float:right;
}

.pagdiv {
    text-align:center;
}

.pagination .active a {
    background-color: #E8413B;
    border-color: #E8413B;
}

.breadcrumb {
    padding: 0px;
    padding-top: 10px;
    background: none;
    margin-bottom: 0px;
}

.smallink {
    font-size:11px;
}

.look {
    font-weight: bold;
}

.navbar-nav {
    margin: 0px;
}

header, footer, .master, .navbar {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-top: 15px;
    padding:5px;
    background-color: #FFFFFF;
    border-radius: 3px;
    border-color: #FFFFFF;
    
}
.master {
    min-height:680px;
}

footer {
    margin-bottom: 40px;
    min-height: 110px;
}

footer .company {
    padding-top:10px;
    text-align: center;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.tags ul {
    padding:0px;
    list-style: none outside none;
}
.tags li a {
    background: #E96C4F;
    border-radius: 1px;
    color: #FFFFFF;
    margin-bottom: 5px;
    padding: 2px 4px;
    text-decoration: none;
}

.tags li a:hover {
    background: #555555;
}

.tags li {
    display: inline-block;
    margin-bottom: 12px;
    margin-right: 2px;
    line-height: 16px;
}


.start {
    background-color: #FFFFFF;
}

.start .search {
    width: 40% !important;
}

.start .websiteresult .thumbnail {
    min-height:310px;
    margin-bottom: 15px;
    background-color: #F7F7F7;
}
.start .websiteresult .thumbnail i {
    font-style: normal;
    font-size: 90%;
}

.start .jumbotron {
    margin-top: 15px;
    background-color: #F7F7F7;
}

aside h3 {
    clear:both;
}

.newlinestyle {
    border: none;
    background-color: #FFFFFF;
    font-family: 'Open Sans', Arial;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

/* Popover containing Recaptcha */
.popover{
	max-width: 340px;
	width:340px;
	height:150px;    
}