/* CSS for JPortfolio v1.0
 *
 * jp_600px_grey.css
 * Width set to work with rhuk_solarflare_ii template,
 * with nothing in right column.
 */

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

#jp_front {
position:relative;
float:left;
width:758px!important;
width:758px;
margin:0;
padding: 0;
}

#jp_fronttitle, #jp_cattitle {
position:relative;
font-weight:bold;  
float:left;
width:755px!important;
width:755px;
color: #0956A3;
font-size: 20px;
border-bottom: 1px dotted #ffa500;
font-variant: small-caps;
margin-top: 17px;
margin-left: 9px;
text-align:right;
padding-right: 0px;
}

#jp_frontdesc, #jp_catinfo {
position:relative;
border: 0px solid #ccc;
float:left;  
width:745px!important;
width:745px;
padding:10px;
margin:5px;
margin-top: 14px;
margin-bottom:0px;
}



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

#jp_frontcategories {
position:relative;
float:left; 
border: 0px solid #ccc;
margin:15px!important;
margin:15px;
width:773px!important;
width:773px;

}

.jp_frontcategory {
position:relative;
float:left;
width:350px!important;
width:351px;
border: 1px solid #ccc;
margin-bottom:3px;
}

.jp_frontcatname {
position:relative;
border: 0px solid #ccc;
margin:5px;
padding: 1px 10px;
width:322px!important;
width:322px;
line-height:18px;
background-color:#4682b4;
color: #fff;
}

.jp_frontcatimage {
position:relative;
float:left;
width:240px;
margin:5px;
text-align:center;
}

.jp_frontcatname a:link,
.jp_frontcatname a:visited {
color: #fff;
text-decoration: none;
}
.jp_frontcatname a:hover {
color: #fff;
text-decoration: none;

}

.jp_frontcatinfo {
position:relative;
border: 0px solid #ccc;
padding:5px;
padding-top:7px;
padding-bottom:7px;
margin:5px;
float:left;
width:280px; 
}

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

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

.jp_onecat_proj {
position:relative;
width: 120px!important;
width: 130px;
height:150px;
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: 120px!important;
width: 120px;
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 {

}

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

#jp_projtop {
position:relative;
float:left;
border: 1px solid #ccc;
width:569px!important;
width:549px;
padding: 0px;
margin:0;
margin-top:15px;
background: #f2f3f4;
font-size: small;
font-weight: normal;
color: #000;
}

#jp_projtop_right {
	float: right;
	border: 1px solid #ccc;
	width: 162px!important;
	width: 162px;
	padding: 10px;
	margin: 33px 0px 5px 0px;
	font-size: medium;
	font-weight: bold;
	background: #F5F9FA;
}

#jp_projcont_right {
	position:relative;
	float:right;
	border: 1px solid #ccc;
	width:172px!important;
	width:162px;
	padding: 10px 5px;
	margin: 0px 0px 5px 0px;
	background: #F5F9FA;
}

#jp_projcont_right a {
	text-decoration: none;
	font-size: 95%;
	font-weight: normal;
	line-height: 150%;
	border-bottom: none;
}

#jp_projcont_right a:hover {
	text-decoration: none;
	font-weight: normal;
	border-bottom: none;
}


#jp_projcont {
position:relative;
float:left;
border: 1px solid #ccc;
width:569px!important;
width:559px;
padding: 0;
margin:0;
margin-top:0px;
background: #f2f3f4;
}


#jp_projimage {
border: 0px solid #00f;
width: 559px;
margin: 4px;
}
#jp_projdesc {
border: 0px solid #f00;
width: 549px;
padding:10px;
margin:0px;
}


.frontpage .portfolio-group {
	position:relative;
	float:left;
	width:350px!important;
	width:351px;
	border: 1px solid #ccc;
	margin-bottom:3px;
}

.frontpage .portfolio-group-name {
	position:relative;
	border: 0px solid #ccc;
	margin:5px;
	padding: 1px 10px;
	width:322px!important;
	width:322px;
	line-height:18px;
	background-color:#4682b4;
	color: #fff;
	font-weight: bold;
}

.frontpage .portfolio-group-name a:link,
.frontpage .portfolio-group-name a:visited {
	color: #fff;
	text-decoration: none;
}
.frontpage .portfolio-group-name a:hover {
	color: #fff;
	text-decoration: none;
}

.frontpage .portfolio-group-info {
	position:relative;
	border: 0px solid #ccc;
	padding:5px;
	padding-top:7px;
	padding-bottom:7px;
	margin:5px;
	float:left;
	width:280px; 
}

.frontpage .portfolio-group-info a {
}


.portfoliopage  {
	float: right;
	width: 184px;
}
.portfoliopage .portfolio-group {
}

.portfoliopage .portfolio-group-name {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 33px 0px 5px 0px;
	font-size: medium;
	font-weight: bold;
	background: #F5F9FA;
}

.portfoliopage .portfolio-group-info {
	border: 1px solid #ccc;
	padding: 10px 5px;
	margin: 0px 0px 5px 0px;
	background: #F5F9FA;
}

.portfoliopage .portfolio-group-info a {
	text-decoration: none !important;
	font-size: 95%;
	font-weight: normal !important;
	line-height: 150%;
	border-bottom: none !important;
}

.portfoliopage .portfolio-group-info a:hover {
	text-decoration: none;
	font-weight: normal;
	border-bottom: none;
}