/*********************/
/* frontpage */

.jp_frontdesc, .jp_catinfo {
width:100%!important;
width:100%;
margin:10px 10px 10px 5px;
}

/*********************/
/* categories        */

#jp_frontcategories {
width:100%;
}

.jp_frontcategory {
padding-bottom:5px;
border-bottom:1px solid #c2d5d4;
}

.jp_frontcatnameimage {
border:1px solid #ffffff;
position:relative;
float:left;
width:200px;
}

.jp_frontcatnameimage:hover {
border:1px solid #679895;
}

h3.jp_frontcatname {
margin:5px;
font-size: 1.1em;
}

.jp_frontcatimage {
margin:5px;
}

.jp_frontcatname a:link,
.jp_frontcatname a:visited {

}
.jp_frontcatname a:hover {

}

.jp_frontcatinfo {
position:relative;
padding:0px; 
margin:5px;
float:left;
}

/*********************/
/* one category      */

#jp_onecat {
/*position:relative;*/
/*float:left; */
margin:5px !important;
margin:5px;
width:100% !important;
width:100%;
}

.jp_onecat_proj_holder:hover {
border:1px solid #679895;
}

.jp_onecat_proj_holder {
border:1px solid;
position:relative;
width: 190px !important;
width: 190px;
height:160px !important;
height:170px;
margin: 3px 3px 3px 3px;
padding: 5px 5px 5px 5px;
border:1px solid #c2d5d4;
float:left;
overflow:hidden;
}

.jp_onecat_proj {
width: 100%!important;
width: 100%;
height:125px!important;
height:120px;
overflow:hidden;
}

.jp_onecat_img {
/*position: relative;
display:table;
height:120px;*/
}

.jp_onecat_img2 {
/*position: static !important;
display: table-cell; 
vertical-align: middle; */
/* for IE */
/*position: absolute; */
}

.jp_onecat_img img {
/* for IE */
/*position: relative; 
top: 0% !important;
top: 0%;*/
}

.jp_onecat_name{
width: 100% !important;
width: 100%;
margin-top:8px;
margin-bottom:5px;
text-align:center;
font-size:0.9em;
}

.jp_onecat_proj a:link,
.jp_onecat_proj a:visited {

}

.jp_onecat_proj a:hover {

}

.jp_onecat_img  a:hover {
background:none;
}


/*********************/
/* project           */

span.jp_projtop {
font-size:1.2em;
font-weight:bold;
}

#jp_projcont {
position:relative;
float:left;
border: 0px solid #ccc;
width:100%!important;
width:100%;
margin:10px 0px 5px 5px;
}


#jp_projimage {
border: 0px solid #ccc;
width: 100%;
text-align:center;
}

#jp_projdesc {
margin-bottom:10px;
}

/*********************/
/*    back button , pagination */

.jp_pagination {
float:left;
width:98%;
margin-left:1%!important;
margin-left:5px;
padding-top:10px;
text-align:center;
}

.jp_proj_pagination {
position:relative;
float:right;
width:70%;
margin-left:1%!important;
/*  margin with % breaks IE layout */
margin-left:5px;
padding-top:9px;
text-align:right;
}

.jp_back {
float:left;
width:25%;
padding-left:1%;
padding-top:3px;

}

#jp_bottom {
float:right; 
width:10%; 
padding:3px;
text-align:right;
margin-top:10px;
/* if you don\\\'t want to
 display link to author,
 uncomment the line below */

/* display:none; */
}

#jp_bottom a:link{
font-size:9px;
}