/*
Theme Name: Vivee
Theme URL: http://vivee.net
Description: The premium Wordpress portfolio theme designed by vivee.
Version: 0.3beta
Author: Mateusz Hajdziony
Tags: 

	Vivee.net v0.3beta

*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; }
:focus { outline: 0;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse;border-spacing: 0; }




/* --------------------------------------------------------- */
/* ---------- TYPOGRAPHY and text COLORS ----------- */
/* --------------------------------------------------------- */


body { font-family: Helvetica, Arial, Verdana sans-serif; color: #404040; font-size: 75%; line-height:1.65em; }
h1, h2, h3, h4 { font-family: Georgia, serif; margin: 0 0 0.9em 0; }
h5, h6 { margin: 0 0 0.9em 0; }
h2 { font-size: 2.50em; color: #1f7be3; line-height: 1.22em; }
h3 { font-size: 2em; color: #1f7be3; line-height: 1.22em; }
h4 { font-size: 1.33em; color: #333333; line-height: 1.22em; }
h5 { font-size: 1.33em; font-weight: bold; color: #333333; }
h6  { font-size: 1em; font-weight: bold; color: #333333; }
a { text-decoration: none; color: #003672; }
a:hover { color: #e5307f; }
p { margin-bottom: 1.65em; }
em { font-style: italic; }
strong { font-weight: bold; }
big { font-size: 1.3em; }
small { font-size: 0.83em; text-transform: uppercase; color: #7b7b7b; }

#main ul, #main ol { padding: 0.35em 50px 2em; color: #666666; }
#main ul li, #main ol li { padding: 0 0 1em; }
#main ul { list-style-position: outside; list-style-type: disc; }
#main ol { list-style-position: outside; list-style-type: decimal; }
#main ul.listWithIcons { list-style-type:none; list-style: none; }
#main ul.listWithIcons li { line-height: 29px; background: transparent url(images/yes.png) no-repeat left top; padding: 0 0 1em 50px; }
#main ul.listWithIcons li.no { background: transparent url(images/no.png) no-repeat left top; }
#main #latestProject {width: 580px;}
#main #latestProject .inner {
border: 1px solid #dadada;
padding:7px;
width:566px;
overflow: hidden;
height: 187px;
background: #f8f8f8;
position: relative;
}
div.latestProjectImg{
	height: 182px;
	width: 352px;
}
img.latestProjectImg {
	border: 1px solid #aeaeae;
}
.latestProjectDesc {
	width:192px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	float: right;
}
.viewProject{
	width: 200px;
	background: #f8f8f8;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 8px 0 12px 0;
}
.viewProjectButton {
	background: url(images/viewProject.png) no-repeat;
	width: 109px;
	height: 26px;
	float: left;

}
.latestProjectDesc h6 {
	margin: 0px;
}
.latestProjectDesc h3 {
	margin: -7px 0 10px 0;
	font-size: 1.6em;
}
.latestProjectDesc p{
	font-style: italic;
	color: #7c7c7c;
	font-size: 8pt;
	line-height:normal;
}

.latestProjectShadow {
	height: 11px;
	width: 100%;
	background: url(images/latestShadow.png) no-repeat top;
}
blockquote { padding: 0.35em 50px 2em; color: #666666; }

h1 a, h2 a, h3 a, h5 a, h6 a { text-decoration: none; color: #f68d3c; }
h1 a:hover, h2 a:hover, h3 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; color: #d85e00; }
h4 a { color: #333333; text-decoration: none; }
h4 a:hover { color: #525252; }
#header h1#logo { margin: 0; }
#featuredText h2, #pageHeaderText h2 { margin: 0 0 0.5em 0; color: #fff;}
#featuredText h4, #pageHeaderText h4 { line-height: 1.65em; margin-bottom: 0; color: #fff; }
#featuredText, #pageHeaderText { color: #d9d9d9; }
#sidebar h5, #sidebar h6 { margin: 0; }
/*navigation*/

.navwrap{
	height:50px;
	line-height:50px;
	padding-right:18px;
width: 352px;
	font-size:12px;
	z-index:6;
	}

#header #nav{
	float:left;
	height:50px;
	line-height:50px;
	padding-left:13px;
}


#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:50px; 
	z-index:5;

}


#header #nav a{
	height:33px;
	display:block;
	padding:0 21px;
	text-decoration:none;
	text-align:center;
	line-height:28px; 
	outline:none;
	z-index:35;
	position:relative;
	float:left;
	}

#header #nav ul a{
	line-height:33px; 
}

#header #nav li{
	float:left;
	position:relative;
	z-index:20;
	margin-top:11px;
}

#header #nav li li{
	border-left:none;
	margin-top:0;
}

#header #nav ul {
	position:absolute;
	display:none;
	width:172px;
	top:33px;
	left:-1px;

}

#header #nav li ul a{
	width:130px;
	height:auto;
	float:left;
	text-align:left;
	padding:0 21px;
}

#header #nav ul ul{
	top:auto;
	border-top:none;
}	

#header #nav li ul ul {
	left:172px;
	top:0px;
}

#header #nav li:hover ul ul, #header #nav li:hover ul ul ul,#header  #nav li:hover ul ul ul ul{
  	display:none;	
}
#header #nav li:hover ul, #header #nav li li:hover ul, #header #nav li li li:hover ul, #header #nav li li li li:hover ul{
	display:block;
}
/*navigation*/

.navwrap{
	background:transparent url(images/menu.png) no-repeat scroll right bottom;
	}

#header #nav{
	background:transparent url(images/menu.png) left top no-repeat;
}

/*naviagation*/
#header #nav a{
	color:#000;
}

#header #nav ul {
	border:1px solid #DFDFDF;
	border-top:none;
}

#header #nav li ul a{
	border-bottom:1px solid #fff;
	border-top:1px solid #DFDFDF;
}

#header  #nav ul a, #header #head #nav ul li{
	background-color:#f5f5f5;
	background-image:none;
}

#header  #nav ul a:hover, #header #head #nav ul a:focus {
	background-color:#fff;
	color:#555;
}

#header  #nav a:hover, #header #head #nav a:focus {
	color:#555;
}


#header #nav .current_page_item a{
	color:#000;
}

#header #nav .current_page_parent .current_page_item a, #header #nav .current_page_item ul a{
	border-right:1px solid #f5f5f5;
	border-left:none;
	background-image:none;
	color:#000;
}

/* Navigation end */
#content #main .tagline { font-weight: bold; color: #333333; }
#content #main .blogPost .tagline { font-size: 0.83em; line-height: 1em; vertical-align: top; }
#content #main .blogPost .metaData { color: #666666; font-size: 0.83em; }
#content #main .blogPost.singlePostHeadNoimg .metaData, #content #main .blogPost.singlePostHead .metaData { font-size: 1em; }
#content #main .blogPost .metaData a { text-decoration: none; color: #404040; }
#content #main .blogPost .metaData a:hover { color: #666666; }
#content #main .blogPost p { font-style: italic; }
#content #main #pagination a { text-transform: uppercase; font-weight: bold; color: #404040; }
#content #main #pagination a:hover { color: #003672; }
#content #main  img.size-full {background: #eee; border: 1px solid #ccc; padding: 15px;}

#comments .commentlist { color: #404040; }
#comments .commentlist .children { color: #404040; }
#comments .commentlist .comment .comment-body .commentmetadata { font-size: 0.83em; color: #666666; }
#comments .commentlist .comment .comment-body .commentmetadata a { color: #404040; text-decoration: none; }
#comments .commentlist .comment .comment-body .commentmetadata a:hover { color: #666666; }
#comments .commentlist .comment .comment-body .vcard .commentAuthor { font-size: 0.83em; color: #666666; }
#comments .commentlist .comment .comment-body .vcard .commentAuthor .fn { font-size: 1.2em; font-weight: bold; font-style: normal; color: #1f7be3; }
#comments .commentlist .comment .comment-body .vcard .commentAuthor .fn a { text-decoration: none; color: #1f7be3; }
#comments .commentlist .comment .comment-body .vcard .commentAuthor .fn a:hover { color: #003672; }

#galleryHeader #galleryTitles { color: #333333; }
#galleryHeader #galleryTitles a { text-decoration: none; color: #333333; }
#galleryHeader #galleryTitles a:hover { color: #525252; }
#galleryHeader #galleryTitles .current { color: #333333; font-size: 1.33em; }
#galleryHeader #galleryTitles .current a { text-decoration: none; color: #333333; }
#galleryHeader #galleryTitles .current a:hover { color: #525252; }
#galleryHeader #galleryTitles .middot { font-size: 1.4em; }
#gallerybuttons .button { color: #fff; text-shadow: -1px -1px #274a84; font-weight: bold;}
#gallerybuttons .button .highlight { color: #fff; text-shadow: -1px -1px #274a84; font-weight: bold;}

#sidebar { color: #666666; }
#sidebar .sidebarWidget .postList .metaData { font-size: 0.83em; }
#sidebar .sidebarWidget .postList .metaData a { text-decoration: none; color: #404040; }
#sidebar .sidebarWidget .postList .metaData a:hover { color: #666666; }
#sidebar .topics li {font-weight:bold;}
#sidebar img.random-thumb {border: 1px solid #cbcbcb; background: #e7e7e7; padding: 4px;}
.LatestTwitter {
	float: left;
	margin: 0 3px 3px 0;
	border: 0;
}

#bottombar .minipost { color: #666666; font-style: italic; }
#bottombar .tagline { color: #333333; font-style: normal; font-weight: bold; font-size: 0.83em; }

#footer { font-size: 0.83em; color: #d9d9d9; }
#footer a { text-decoration: none; color: #8f8f8f; }
#footer a:hover { color: #d9d9d9; }
#footer #footerInner .disclaimer { color: #8f8f8f; }
#footer #footerInner .disclaimer a { text-decoration: none; color: #d9d9d9; }
#footer #footerInner .disclaimer a:hover { color: #8f8f8f; }




/* --------------------------------------------------------- */
/* --------------------- MAIN styles --------------------- */
/* --------------------------------------------------------- */


body { background: #fff; }
.wrapper{ width: 900px; padding: 0 50px; margin:0 auto; }
.clear{ clear:both;height:0;font-size:0;margin:0;padding:0;visibility:hidden; }
.alignleft{ float:left; }
.alignright{ float:right; }
.aligncenter{ display:block;margin:0 auto; }
#main img.alignleft { margin: 0 20px 20px 0; }
#main img.alignright { margin: 0 0 20px 20px; }




/* --------------------------------------------------------- */
/* ----------------------- HEADER ----------------------- */
/* --------------------------------------------------------- */


#header { width: 100%; }
#header #headerInner h1#logo { background: transparent url(images/logo.png) no-repeat right top; float: right; display: block; letter-spacing: -1000em; overflow: hidden; text-indent: -9999em; width: 254px; height: 78px; margin-top: -20px;}
#header #headerInner{ padding: 50px 50px 36px; }


/* --------------------------------------------------------- */
/* ----------- FEATURED and PAGE HEADER ----------- */
/* --------------------------------------------------------- */


#featuredTop { width: 100%; height: 13px; margin: -12px 0 0; background: transparent url(images/featuredBgTopTile.png) repeat-x; position: relative; }
#featuredBottom { width: 100%; height: 13px; margin: 0 0 -12px; background: transparent url(images/featuredBgBottomTile.png) repeat-x; position: relative; z-index: 2; }
#featured { width: 100%; background: #4ea0e6; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; }
#featured #featuredInner { padding: 37px 50px 36px; background: transparent url(images/featuredBgShine.png) no-repeat left top; margin: -1px auto 0; }
#featured #featuredInner #featuredText { width: 420px; float: left; margin-top: 28px; }
#featured #featuredInner #pageHeaderText { width: 100%; margin: 14px 0; }
#featured #featuredInner #featuredImage { width: 420px; height: 220px; float: right; overflow: hidden; position: relative; }
#featured #featuredInner #featuredImage #imageFrame { width: 420px; height: 220px; position: absolute; top: 0; left: 0; background: transparent url(images/featuredImgFrame.png) no-repeat top left; z-index: 99; }
#featured #featuredInner #featuredImage #imageFrame #prevButton { display: block; width: 29px; height: 38px; position: absolute; left: 0; top: 92px; background: transparent url(images/featuredPrevBtn.png) no-repeat; cursor: pointer; z-index: 100; }
#featured #featuredInner #featuredImage #imageFrame #nextButton { display: block; width: 29px; height: 38px; position: absolute; right: 0; top: 92px; background: transparent url(images/featuredNextBtn.png) no-repeat; cursor: pointer; z-index: 100; }
#featured #featuredInner #featuredImage #slides { width: 398px; height: 198px; margin: 11px; }





/* --------------------------------------------------------- */
/* ----------------------- CONTENT ---------------------- */
/* --------------------------------------------------------- */



#content { padding: 46px 50px 6px 50px; background: transparent url(images/contentBg.png) no-repeat left top; position: relative; z-index: 1; }
#content #main { width: 580px; float: left; margin: 0 60px 0 0; padding: 0 0 15px; }
#content #main .blogPost { border-bottom: 1px solid #d9d9d9; padding-bottom: 24px; margin-bottom: 25px; }
#content #main .blogPost .postTitle { margin: -6px 0 5px 0; }
#content #main .blogPost .metaData { margin: 0 0 18px 0; display: inline-block; }
#content #main .postHead { padding-left: 175px; position: relative; min-height: 140px; }
* html #content #main .postHead { height: 140px; } /* IE6 hack */
#content #main .postHead .postImage { position: absolute; left: 0; background: #e7e7e7; padding: 4px; border: 1px solid #cbcbcb; }
#content #main .singlePostHead { padding-left: 220px; position: relative; min-height: 195px; }
* #content #main .singlePostHead { height: 195px; } /* IE6 hack */
#content #main .singlePostHead .postImage { position: absolute; left: 0; background: #e7e7e7; padding: 4px; border: 1px solid #cbcbcb;}
#content #main .singlePost { border-bottom: 1px solid #d9d9d9; }
#content #main #pagination { margin: -5px 0 12px; }
#content #main #pagination a { display: block; float: left; margin: 0 12px 0 0; width: 23px; height: 26px; line-height: 26px; text-align: center;  }
#content #main #pagination.default a { display: inline; float: none; margin: 0; width: auto; height: auto; line-height: 26px; text-align: left;  }
#content #main #pagination a.current { background: transparent url(images/paginationLinkBackground.png) no-repeat; }
#content #main #pagination a.paginationLastLink { margin: 0; width: auto; }

#content.fullWidth #main { float: none; width: 100%; margin: 0; }





/* --------------------------------------------------------- */
/* ----------------------- GALLERY ---------------------- */
/* --------------------------------------------------------- */



#gallery { width: 100%; margin: 0 0 12px 0; position: relative; }
#galleryHeader { margin: 0; text-align: center; position: relative; float: left; text-align: left; left: 50%; }
#galleryHeaderContainer { width: 100%;  border-top: 1px solid #9fbbdb; border-bottom: 1px solid #9fbbdb; margin: 0 0 34px; background: rgb(187, 224, 255); }
#gallerybuttons .button { display: block; width: 93px; height: 30px; background: transparent url(images/button.png) no-repeat; line-height: 30px; font-size: 0.83em; text-transform: uppercase; text-align: center; cursor: pointer; position: absolute; }
#gallerybuttons .button .highlight { display: block; width: 93px; height: 30px; position: absolute; top: 0; left: 0; background: transparent url(images/buttonHighlight.png) no-repeat; }
#main { position: relative; }
#gallerybuttons {position: absolute; top: 0; width: 100%; }
#gallerybuttons #prevButton { position: absolute; left: 0; }
#gallerybuttons #nextButton { position: absolute; right: 0; }
#galleryHeader #galleryTitles { line-height: 28px; text-align: center; padding: 0; position: relative; left: -50%; list-style:none; }
#galleryHeader #galleryTitles li { margin: 0 18px; padding: 0; float: left; position: relative; }
#galleryHeader #galleryTitles li a { margin: 0; }
#gallery #slideContainer { width: 900px; }
#gallery #slideContainer .slide { width: 900px; }
#gallery #slideContainer .slide .galleryImage { float: left; margin: 0 40px 25px 0; position: relative; overflow: hidden; }
#gallery #slideContainer .slide .alt { float: left; margin: 0 0 25px 0; }
#gallery #slideContainer .slide .galleryImage .zoomButton { width: 102px; height: 95px; display: block; position: absolute; left: 0; top: 50px; background: transparent url(images/galleryButtonLeft.png) no-repeat; }
#gallery #slideContainer .slide .galleryImage .descriptionButton { width: 102px; height: 95px; display: block; position: absolute; right: 0; top: 50px; background: transparent url(images/galleryButtonRight.png) no-repeat; }

#description { background: #0a0a0a url(images/backgroundTile.png) repeat 50% 0; width: 580px; margin: 0 auto; padding: 45px 45px 30px; }
#description img.alignleft { margin: 0 25px 25px 0; }
#description img.alignright { margin: 0 0 25px 25px; }





/* --------------------------------------------------------- */
/* ----------------------- SIDEBAR ---------------------- */
/* --------------------------------------------------------- */



#sidebar { width: 260px; float:right; padding: 0 0 5px 0; }
#sidebar .sidebarWidget { margin: 0 0 37px; }
#sidebar .sidebarWidget .widgetTitle { margin: 0 0 21px 0; font-size: 2em;}
#sidebar ul li { margin: 0 0 8px; }





/* --------------------------------------------------------- */
/* --------------------- BOTTOMBAR -------------------- */
/* --------------------------------------------------------- */



#bottombar { background: transparent url(images/bottombarBg.png) no-repeat center top; overflow:hidden; padding: 38px 0 0; }
#bottombar .minipost { float: left; width: 260px; margin: 0 60px 0 0; }
#bottombar .lastChild { margin: 0; }
* html #bottombar .lastChild { margin-right: 0 !important; width: 250px !important; }
#bottombar .minipost .minipostIcon { margin: 0 10px 3px 0; }
#bottombar .minipost .minipostTitle { margin: 0 0 11px 0; }
#bottombar .minipost p { clear: both; }





/* --------------------------------------------------------- */
/* ------------------------ FOOTER ----------------------- */
/* --------------------------------------------------------- */



#footerTop { width: 100%; height: 13px; background: transparent url(images/featuredBgTopTile.png) repeat-x; }
#footer { width: 100%; background: #1a1a1a; line-height: 1.4em; border-top: 1px solid #cbcbcb; }
#footer #footerInner { padding: 35px 50px 24px; text-align: center; }
#footer #social { margin: 0 0 24px 0; }
#footer #social li { display: inline; }
#footer #social a { margin: 0 0 0 33px; display: inline-block; position: relative; }
#footer #social li:first-child a { margin: 0; }
#footer #footerInner #social a .tooltip { position: absolute; top: -58px; left: -57px; display: none; width: 146px; height: 39px; line-height: 26px; background: transparent url(images/tooltipBg.png) no-repeat; }
#footer #footerInner .disclaimer, #footer #footerInner .copyright { padding: 0 180px; }





/* --------------------------------------------------------- */
/* ------------------------ COMMENTS ----------------------- */
/* --------------------------------------------------------- */



#comments, #respond { margin: 40px 0 0; }
#comments .commentlist { list-style-type: none; padding: 0; }
#comments .commentlist .comment { border-bottom: 1px solid #d9d9d9; padding: 25px 0; }
#comments .commentlist .comment .comment-body { position: relative; padding: 0 0 0 100px; }
#comments .commentlist .comment .comment-body .avatar { position: absolute; left: 0; top: 0; }
* html #comments .commentlist .comment .comment-body .avatar { left: -100px; } /* IE6 hack */
#comments .commentlist .comment .children { padding: 0 0 0 60px; list-style-type: none; }
#comments .commentlist .comment .children .comment { border-top: 1px solid #d9d9d9; border-bottom: none; padding: 25px 0 0; margin: 25px 0 0;}


/* --------------------------------------------------------- */
/* -------------------- FORMS AND BUTTONS ------------------- */
/* --------------------------------------------------------- */

form .button { display: block; width: 93px; height: 30px; background: transparent url(images/button.png) no-repeat; line-height: 30px; font-size: 0.9em; text-transform: uppercase; text-align: center; cursor: pointer; position: relative; }
#sidebar form .button { float: right; }
form .button { color: #fff; text-shadow: -1px -1px #274a84; }
form .button input.highlight { display: block; width: 93px; height: 30px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; background: transparent url(images/buttonHighlight.png) no-repeat; outline: none; border: none; text-transform: uppercase; font-size: 0.9em; color: #fff; text-shadow: -1px -1px #274a84; cursor: pointer; }
input { width: 244px; background: transparent url(images/inputBg.png) no-repeat; border: none; outline: none; padding: 9px 8px; color: #7B7B7B; font-size: 12px; line-height: 12px; }
input#s { width: 150px; float: left; margin:0; }
textarea { width: 564px; height: 126px; padding: 12px 8px; background: transparent url(images/textareaBg.png) no-repeat; border: none; outline: none; color: #7B7B7B; font-size: 1em; line-height: 1.65em; }
#main input { margin: 0 15px 0 0; }
#contactForm { margin: 35px 0 0; }
#ajaxResponse { padding: 20px 0 0; position: relative; }
#ajaxResponse #loaderIcon { visibility: hidden; background: transparent url(images/ajax-loader.gif) no-repeat; display:block; width: 16px; height: 16px; }
#ajaxResponse #loaderIcon2 { position: absolute; top: -26px; left: 90px; background: transparent url(images/ajax-loader.gif) no-repeat; display:block; width: 16px; height: 16px; }
#ajaxResponse span.error { display: block; height: 30px; line-height: 30px; padding: 0 0 0 40px; background: transparent url(images/no.png) no-repeat left top; font-size: 0.83em; }
#ajaxResponse span.success { display: block; height: 30px; line-height: 30px; padding: 0 0 0 40px; background: transparent url(images/yes.png) no-repeat left top; font-size: 0.83em; }

/* --------------------------------------------------------- */
/* ------------------ Portfolio single post ----------------- */
/* --------------------------------------------------------- */

/* Portfolio Gallery */
#main .portfolio-gallery-container {
	width: 520px !important;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;}
	
.portfolio-preview { background: #000 url(images/load.gif) 50% 50% no-repeat; overflow: hidden; position: relative;}
.portfolio-preview span { position: absolute;  bottom:0; left: 0; width: 500px; height: 20px; padding: 10px; color: #fff;background:rgba(0, 13, 19, 0.7)}
.portfolio-thumb { float: left; display: block; margin: 0 25px 25px 0; cursor: pointer; background: #e7e7e7; padding: 4px; border: 1px solid #cbcbcb;}
.portfolio-thumb-preview { margin-top: 10px;}
.portfolio-preview-title { margin: 15px 0; color: #000; border: 0; font-size: 15px;}
.portfolio-preview-instruct { margin: 0px 0 10px; font-size: 10px; color: #000; letter-spacing: 0px;}

.visit-website {display: block; width: 93px; height: 30px; background: transparent url(images/button.png) no-repeat; line-height: 30px; font-size: 0.9em; text-transform: uppercase; text-align: center; cursor: pointer; position: relative; color: #fff; text-shadow: -1px -1px #274a84;}
.visit-website:hover {color: #eee; text-shadow: -1px -1px #333;}
img.attachment-medium {float: left; margin: 0 60px 15px 0;}
img.attachment-large {margin: 0 0 25px;}
.portfolio-details {float:right; width: 350px;
margin: 0 0 20px 0;
border-bottom: 1px solid #ccc;
padding: 0 0 10px 0;
}
.portfolio-details ul { padding: 0 0 0 20px !important;}

#portfolioSidebar { float: right; width: 260px; }