/* CSS for JPortfolio v1.3

 *

 * jp_468px_background.css

 *

 */



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

/* frontpage */



#jp_front {

position:relative;

float:left;



margin:0px;




}



h2.jp_fronttitle, h2.jp_cattitle {

position:relative;

border-bottom: 3px solid #fff;

font-weight:bold;  

font-size: 24px;  



float:left;

width:430px!important;

width:440px;

padding:10px;

margin:5px;



}



.jp_frontdesc, .jp_catinfo  {

position:relative;

border-bottom: 1px solid #fff;

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-bottom: 1px solid #444;

margin-bottom:3px;

}



.jp_frontcategory img{

border: 4px solid #666;

}



h3.jp_frontcatname {

position:relative;

border: 0px solid #ccc;

margin:5px;



width:180px;

text-align:center;

line-height:28px;

font-family:  Times New Roman, sans-serif;

font-size:20px;

}



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

font-family:  Times New Roman, sans-serif;

font-size:16px;

}



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

/* one category      */



#jp_onecat {

position:relative;

float:left; 

border: 0px solid #ccc;

margin:5px!important;

margin:2px;





}



.jp_onecat_proj {

position:relative;

width: 354px!important;



height:140px;

margin: 3px 3px 3px 3px;

padding: 0;

border:1px solid #666;

float:left;



overflow:hidden;

}



.jp_onecat_img {

position: relative;

display:table;

height:120px;

background-color:#fff;

margin:0 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: 130px!important;

width: 130px;

margin-bottom:5px;

text-align:center;

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

color: #555;

font-size:11px;

margin: 0 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-bottom: 1px solid #fff;

width:430px!important;

width:440px;

padding: 10px;

margin:5px;

margin-top:0px;

font-size: 12px; 

}



#jp_projcont {

position:relative;

float:left;

border: 0px 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_projimage img{

border:1px solid #666;

}



#jp_projdesc {

position:relative;

float:left;

margin-left:2px;

border: 0px solid #ccc;



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;

}