/* CSS for JPortfolio v1.3

 *

 * jp_468px_grey.css

 * Width set to work with rhuk_solarflare_ii template,

 * with modules in right column.

 */



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

/* frontpage */



#jp_front {

position:relative;

float:left;

width:464px!important;

width:462px;

margin:0px;

border: 1px solid #ccc;

}



h2.jp_fronttitle, h2.jp_cattitle {

position:relative;

font-weight:bold;  

font-size: 14px;  

background-color:#eee;

float:left;

width:430px!important;

width:440px;

padding:10px;

margin:5px;



}



.jp_frontdesc, .jp_catinfo  {

position:relative;

border: 1px solid #ccc;

float:left;  

width:428px!important;

width:438px;

padding:10px;

margin:5px;

margin-bottom:20px;

}



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

/* categories        */



#jp_frontcategories {

position:relative;

float:left; 

border: 0px solid #ccc;

margin:20px!important;

margin:10px;

width:420px!important;

width:420px;



}



.jp_frontcategory {

position:relative;

float:left;

width:420px!important;

width:420px;

border: 1px solid #ccc;

margin-bottom:3px;

}



h3.jp_frontcatname {

position:relative;

border: 0px solid #ccc;

margin:5px;



width:180px;

text-align:center;

line-height:12px;

}



.jp_frontcatimage {

position:relative;

float:left;

margin:5px;

width:180px;

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

}



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

/* one category      */



#jp_onecat {

position:relative;

float:left; 

border: 0px solid #ccc;

margin:5px!important;

margin:2px;

width:460px!important;

width:454px;

}



.jp_onecat_proj {

position:relative;

width: 130px!important;

width: 140px;

height:140px;

margin: 3px 3px 3px 3px;

padding: 5px 5px 5px 5px;

border:1px solid #ccc;

float:left;



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; 

top: 50%;

}



.jp_onecat_img img {

/* for IE */

position: relative; 

top: 0% !important;

top: -50%;

}



.jp_onecat_name{



width: 130px!important;

width: 130px;

margin-bottom:5px;

text-align:center;

font-family:  Tahoma, Verdana, Arial, Georgia, Geneva, sans-serif;

color: #555;

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;

border: 1px solid #ccc;

width:430px!important;

width:440px;

padding: 10px;

margin:5px;

margin-top:0px;

font-size: 12px; 

}



#jp_projcont {

position:relative;

float:left;

border: 1px solid #ccc;

width:430px!important;

width:440px;

padding: 10px;

margin:5px;

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

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 {

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;

}