/* 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;
margin: 0px;
padding: 10px;
letter-spacing: normal; 
font-family: \\\"Times New Roman\\\", Times, serif; 
font-size: 20px;
line-height: 26px;
font-weight: normal;
color: #00A0C6;
background-color:#F0ECD7;
float:left;
text-transform: uppercase;
}

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

/*********************/
/* 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: 2px;
}

h3.jp_frontcatname {
position:relative;
padding:5px;
margin:5px;
text-align: center;
font-family: Century Gothic, Arial, Tahoma, sans-serif;
font-size: 15px;
letter-spacing: normal;
}

.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 2px 7px 2px;
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:5px;
font-size: 17px; 
color: #859198;
letter-spacing: normal;
font-family: Century Gothic, Arial, Tahoma, Sans-serif; 
}

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


#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: 60px;
width: 220px;
margin-left: 5px;
}

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

#jp_projdesc ul li{
overflow: hidden;
display: block;
background: url(/main/templates/pld/images/submenu.png) left no-repeat;
}

/*********************/
/*    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;
}

.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;

}

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