/******* jdmweb css *******/
html {overflow-y: scroll;}
html, body {
margin: 0;
padding: 0;
height:100%;
font-family: Helvetica, Helvetica Neue, Arial sans-serif;
color: #202121;
}
/****** General *********/
a, a:active, a:hover, a:visited {
color:#c83502;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1{
margin: 0;
margin-bottom: 20px;
}
p {
text-align: justify;
}
hr {
color: #eee;
margin-top: 25px;
margin-bottom: 45px;
}
/****** Contact *********/
#ctc_social{
position: relative;
}
#findme li{
display: inline;
margin-right: 1px;
}
/**** Tools ****/
#sharethiswrap {
position:relative;
overflow: visible;
}
#sharethiswrap ul{
padding: 0;
margin: 0;
}
#sharethiswrap ul li{
margin:0;
padding:0;
display: inline;
list-style-type: none;
margin-right: 4px;
}
/** Toolbar and tooltips **/
#toolbarwrap{
text-align: center;
margin: 20px 0;
position: relative;
}
#toolbarwrap ul{
padding:10px;
list-style:none;
width: 180px;
text-align:center;
margin: 0 auto;
overflow: auto;
}
#toolbarwrap ul li {
float: left;
width: 50px;
height: 50px;
margin: 5px;
}
#toolbarwrap ul li a{
border: 1px solid #ccc;
display: block;
width: 36px;
height: 36px;
padding: 7px;
}
#tooltip{
position:absolute;
border:1px solid #ccc;
background:#fff;
line-height: 1em;
color:#333;
display:none;
margin: 0;
margin-top: -30px;
padding: 10px 0;
text-align:center;
z-index: 2;
}
#tooltiparrow{
position: absolute;
bottom: -10px;
}
.disabledlink{
cursor: default;
}
/** Ajax form Demo **/
.democontainer{
width: 350px;
margin: 0 auto;
text-align: left;
}
#show_ajax_form{
padding: 6px 0;
text-align: center;
border: 1px solid #ccc;
display: block;
}
#ajax_form{
margin-top: 15px;
display:none;
}
#ajax_form_wrap label{
font-weight: bold;
font-size: 0.8em;
}
#ajax_form_wrap input{
margin-top: 4px;
margin-bottom: 10px;
}
.demo_comment{
border: 1px solid #ccc;
background: #FAF5E1;
padding: 5px;
}
.demo_comment_footer{
border-top: 1px dashed #ccc;
margin-top: 2px;
padding-top: 3px;
text-align: right;
font-size: 0.8em;
}
#videocontainer{
display: none;
}
a#videolink img{
border: 4px solid #d9d9cb;
}
#cloningdemo{
width: 300px;
margin: 0 auto;
}
#cloningdemo fieldset{
margin-bottom: 15px;
padding: 8px;
}
#cloningdemo .regrow{
margin-bottom:10px;
}
.clonepostedwrap{
margin: 0 auto;
width: 500px;
text-align: center;
border-bottom: 1px solid #888;
margin-bottom: 20px;
}
.cloneusrdemo{
text-align: left;
width: 300px;
margin: 15px auto;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
#ppchckoutdemo select{
width: 50px;
}
/** Tools random posts **/
#otherpostwrap{
position: relative;
}
#randomposts{
margin: 0;
padding: 0;
list-style: none;
}
#randomposts li{
display: inline;
margin-left: 12px;
}
#randomposts > li:first-child {
margin-left: 0;
}
#randomposts li a{
outline: none;
}
#randomposts li a img{
border: 1px solid #ccc;
}
/** Tools comments **/
#ctc_form_wrap {
overflow: auto;
}
#comment_form_wrap div.ctc_left_wrap {
float: left;
width: 375px;
margin-right: 10px;
}
#comment_form_wrap div.ctc_right_wrap{
float: left;
width: 415px;
}
#comment_form_wrap div.submitwrap{
text-align: right;
margin-right: 8px;
}
#comments_list{
padding-top: 20px;
}
.comwrap{
margin-bottom: 20px;
overflow: auto;
}
.comleft{
float: left;
width: 85px;
background: #FFF url(/Images/style/acc_sm_gr.png) center right no-repeat;
margin-right: 15px;
}
.comleft img {
border: 1px solid #ccc;
padding: 1px;
}
.comright{
float:left;
width: 700px;
}
.comtxt{
border: 1px solid #d0d0d0;
background-color: #fbfaf8;
padding: 15px;
padding-bottom: 10px;
margin-bottom: 5px;
}
.classadmin {
background: #FAF5E1 url(/Images/style/jdmweb.png) center right no-repeat;
}
.comfoot{
font-size: 0.75em;
text-align: right;
}
.comfoot a {
outline: none;
}
/** Tool demos **/
.hidden{
display: none;
}
/** Sites **/
#sitedisplay { text-align: center; }
#mainimgwrap{
margin: 20px 0 8px 0;
}
.imgthumb{
position:relative;
}
#loadinggif{
position: absolute;
top:50%;
left:50%;
margin-top: -80px;
margin-left: -24px;
background: #fff;
padding: 4px;
border: 1px solid #ccc;
}