#portfolio_wrapper {

width: 710px;
margin-top: 20px;
line-height: 25px;
text-shadow: #ccc 1px 1px 1px;

}

.portfolio_post {

width: 150px;
height: 120px;
background: #fff;
margin: 0px 35px 30px 0px;
float: left;
position: relative;
overflow: hidden;
cursor: pointer;
text-shadow: none;

}

.portfolio_post.last {

margin-right: 0px;

}

.portfolio_post_title {

color: #3788c1;
position: absolute;
bottom: 0px;
padding: 5px 15px 5px 15px;
margin: 5px;
background: rgba(0, 0, 0, 0.8);
font-size: 11px;
width: 110px;

}

.portfolio_post_image {

padding: 5px;

}

.light_box_rel img {

display: none;

}

.portfolio_post_three {

width: 210px;
height: 160px;
background: #fff;
margin: 0px 30px 30px 0px;
float: left;
position: relative;
overflow: hidden;
cursor: pointer;
text-shadow: none;

}

.portfolio_post_title_three {

color: #3788c1;
position: absolute;
bottom: 0px;
padding: 5px 15px 5px 15px;
margin: 5px;
background: #000;
background: rgba(0, 0, 0, 0.8);
font-size: 11px;
width: 170px;

}

.portfolio_post_two {

width: 315px;
height: 240px;
background: #fff;
margin: 0px 40px 35px 0px;
float: left;
position: relative;
overflow: hidden;
cursor: pointer;
text-shadow: none;

}

.portfolio_post_title_two {

color: #3788c1;
position: absolute;
bottom: 0px;
padding: 5px 15px 5px 15px;
margin: 5px;
background: #000;
background: rgba(0, 0, 0, 0.8);
font-size: 11px;
width: 275px;

}

.portfolio_post_one {

width: 700px;
height: 500px;
background: #fff;
margin: 0px 0px 30px 0px;
float: left;
position: relative;
overflow: hidden;
cursor: pointer;
text-shadow: none;

}

.portfolio_post_title_one {

color: #3788c1;
position: absolute;
bottom: 0px;
padding: 5px 15px 5px 15px;
margin: 5px;
background: #000;
background: rgba(0, 0, 0, 0.8);
font-size: 11px;
width: 660px;

}

#portfolio_page_image img {

border: 5px solid #fff;
margin-bottom: 20px;
background: #fff;

}

#portfolio_page_info {

float: left;
width: 221px; /* Extra Pixel For Dotted Fix */

}

#portfolio_page_info h3 {

padding-top: 0px;
margin-top: -3px;
padding-bottom: 10px;
border-bottom: 1px solid #aaa;

}

#portfolio_page_body {

float: right;
width: 440px;

}

#portfolio_page_info ul li {

padding: 10px;
padding-left: 30px;
border-bottom: dotted #999 1px;
background-position: 0px 13px;

}

#portfolio_page_date {

background: url(images/calendar-month.png) no-repeat;
font-weight: bold;

}

#portfolio_page_author {

background: url(images/author.png) no-repeat;

}

#portfolio_page_cat {

background: url(images/folder-horizontal-open.png) no-repeat;

}

#portfolio_page_comments {

background: url(images/balloon-left.png) no-repeat;

}

#portfolio_page_tags {

background: url(images/tag.png) no-repeat;

}

/* -|- COLUMNS -|- */

.col_2_numbered {

width: 48%;
margin-right: 4%;
float: left;
position: relative;
margin-top: 10px;
margin-bottom: 10px;

}

.col_2_numbered#last {

margin-right: 0%;

}

.col_2_numbered h2 {

font-size: 30px;
position: absolute;
left: 50px;
top: 0px;
padding: 0px;

}

.col_2_numbered span.number {

position: absolute;
left: 0px;
top: 0px;
z-index: 60;
display: block;
background: #999;
padding: 10px 13px 10px 13px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
font-weight: bold;
color: #fff;
text-shadow: #ccc 0px 0px 0px;
line-height: 1;

}

.col_2_numbered.last {

margin-right: 0%;

}

.numbered_column_content {

padding-top: 50px;
line-height: 25px;
text-shadow: 1px 1px 1px #eee;

}