/* CSS for JPortfolio v1.2

 *

 * jp_99pct_180x120.css

 * Width set to 99 %, so should automatically expand when there is no modules in right column.

 * Project div size (in one category view): 180x120 px

 */



/*********************/

/* frontpage */



#jp_front {

position:relative;

float:left;

width:99.5%!important;

width:96%;

margin:0px;



}



h2.jp_fronttitle, h2.jp_cattitle {

position:relative;

font-weight:bold;  

font-size: 16px;  

border-bottom: 2px solid #ccc;

float:left;

width:94%!important;

width:97%;

padding:10px;

margin:1%;



}



.jp_frontdesc, .jp_catinfo {

position:relative;

float:left;  

width:94%!important;

width:97%;

padding:10px;

margin:1%;

margin-bottom:20px;

}



/*********************/

/* categories        */



#jp_frontcategories {

position:relative;

float:left; 

border: 0px solid #ccc;

margin:4%!important;

margin:4%;

width:92%!important;

width:92%;



}



.jp_cat_link {

position:relative;

display:block;

float:left;

width:99%!important;

width:98%;

border:2px solid #fff;

border-bottom: 2px solid #ddd;



}



.jp_cat_link:hover {

display:block;

border:2px solid #aaa;

}



.jp_frontcategory {

position:relative;

float:left;

width:99%!important;

width:99%;

border-bottom: 2px solid #ddd;

margin-bottom:3px;

}



h3.jp_frontcatname {

position:relative;

border: 0px solid #ccc;

margin:5px;

width:40%;

text-align:center;

line-height:16px;

font-size: 12px;

}



.jp_frontcatimage {

position:relative;

float:left;

margin:5px;

width:40%;

text-align:center;

}



.jp_frontcatname a:link,

.jp_frontcatname a:visited {



}

.jp_frontcatname a:hover {



}



.jp_frontcatinfo {

position:relative;

border: 0px solid #ccc;

padding:5px;

padding-top:10px;

padding-bottom:10px;

margin:5px;

float:left;

width:51%; 

}



/*********************/

/* one category      */



#jp_onecat {

position:relative;

float:left; 

border: 0px solid #ccc;

margin:5px!important;

margin:2px;

width:99%!important;

width:99%;

}



.jp_onecat_proj {

position:relative;

width: 300px!important;

width: 185px;

height:146px!important;

height:150px;

margin: 5px;

padding: 5px;

border:1px solid #ccc;

float:left;



overflow:hidden;

}



.jp_onecat_proj:hover {

border:1px solid #777;

}



.jp_onecat_img {

position: relative;

display:table;

height:120px;

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{

margin-bottom:5px;
margin-top:8px;

text-align:center;

font-size:11px;



}



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

width:94%!important;

width:97%;

padding: 10px;

margin:1%;

margin-top:0px;

font-size:14px;

}



#jp_projcont {

position:relative;

float:left;

border: 0px solid #ccc;

width:94%!important;

width:97%;

padding: 10px;

margin:1%;

margin-top:0px;

}





#jp_projimage {

position:relative;



float:left;

border: 0px solid #ccc;



padding:5px;

margin:5px;

}



#jp_projdesc {

position:relative;

float:left;

margin-left:2px;

border: 0px solid #ccc;

width: 50%;

padding:5px;

margin:5px;

}



/*********************/

/*    back button , pagination */



.jp_pagination {

float:left;

width:98%;

margin-left:1%!important;

margin-left:5px;

padding-top:40px;

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:11px;

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;



}



#jp_bottom a:link{

font-size:9px;

}