/* CSS for JPortfolio v1.3
 *
 * jp_fluid.css
 *
 */
 

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

#jp_front {
position:relative;
float:left;
margin:0px;
border: 0px solid #ccc;
}

h2.jp_fronttitle, h2.jp_cattitle {
position:relative;
 color: #39332D;
  font-size: 32px;
  font-weight: bold;
float:left;
}

.jp_frontdesc, .jp_catinfo  {
position:relative;
float:left;  
padding:10px;
margin:5px;
margin-top:20px;
}

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

#jp_frontcategories {
position:relative;
float:left; 
border: 0px solid #ccc;
margin:2px!important;
margin:2px;
}

.jp_frontcategory {
position:relative;
float:left;
width: 200px;
border-bottom: 0px solid #ccc;
margin: 7px 10px;
}

h3.jp_frontcatname {
text-align: center;
  color: #00A0C6;
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: 15px;
  letter-spacing: -.05em;
}

.jp_frontcatimage {
position: relative;
text-align: center;
padding:0px;
margin: 0 auto;
}

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

}
.jp_frontcatname a:hover {

}

.jp_frontcatinfo {
position:relative;
float:left;
padding:5px;
padding-top:10px;
padding-bottom:10px;
margin:5px;
display: none;
 
}

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

#jp_onecat {
position:relative;
float:left; 
border: 0px solid #ccc;
margin:2px!important;
margin:2px;

}

.jp_onecat_proj {
position:relative;
float:left;
width: 200px!important;
width: 200px;
height:170px;
margin: 7px 10px;
padding: 1px ;
border:0px solid #DFD5C5;
overflow:hidden;
}

.jp_onecat_img {
position: relative;
display:table;
height:150px;
margin-left:auto;
margin-right:auto;
}

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

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

.jp_onecat_name{

width: 190px!important;
width: 190px;
margin-bottom:5px;
text-align:center;
font-family:  Tahoma, Verdana, Arial, Georgia, Geneva, sans-serif;
color: #555;
font-size:11px;
margin-left:auto;
margin-right:auto;
}

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

}

.jp_onecat_proj a:hover {

}

.jp_onecat_img  a:hover {
background:none;
}

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

h3.jp_projtop {
position:relative;
float:left;
border: 0px solid #ccc;
padding: 10px;
margin:18px 5px 5px 25px;
}

#jp_projcont {
position:relative;
border: 0px solid #ccc;
padding: 0px;
margin:0 auto;
margin-top:0px;
width: 960px;
}


#jp_projimage {
width: 425px;
margin:0 auto;
padding: 0px;
float: left;
clear:both;
}

#jp_projdesc {
margin: 0 auto;
border: 0px solid #ccc;
float: left;
padding-top: 0px;
margin-left: 5px;
width:460px;
font-size: 0.9em;
}

#jp_projdesc p {
margin-top: 15px;}

#jp_projdesc ul li{
padding-left: 25px;
overflow: hidden;
display: block;
background: url(/main/templates/pld_new/images/submenu.png) left no-repeat;
line-height:1.4em;
}

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

.jp_pagination, .pagination {
float:left;
width:98%;
margin-left:1%!important;
margin-left:15px;
padding-top:40px;
text-align:center;
}

.jp_proj_pagination {
float:right;
width:70%;
margin-left:1%!important;
/*  margin with % breaks IE layout */
margin-left:5px;
padding-top:11px;
text-align:right;
font-size: 0.9em;
}

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

}

#jp_bottom {
float:right; 
width:60%; 
padding:3px;
text-align:right;
margin-top:10px;
font-size: 0.9em;
}

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