/*
Theme Name: Sanimani's Portfolio
Theme URI: http://www.sanimani.com/
Version: 1.0
Author: Sanimani
Author URI: http://www.sanimani.com/
http://www.sanimani.com/
*/

body {
margin : 0;
padding : 0;
background-color : #131211;
font-family : Arial, Helvetica, sans-serif;
color : #bdbebe;
font-size : 62.5%;
line-height : 1.6;
}
html > body {
font-size : 11px;
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
margin : 0;
padding : 0;
}
#main {
background : #000000 url(images/background_light_slice.jpg) repeat-x;
padding-bottom : 30px;
}
#main .container {
/* background-image : url(images/background_light.jpg); */
background-repeat : no-repeat;
}
#footer {
background-image : url(images/background_footer.jpg);
background-repeat : repeat-x;
padding : 40px;
padding-top : 10px;
position : relative;
top : -20px;
min-height : 130px;
}
.container {
width : 950px;
margin : 0 auto;
position : relative;
}
#footershadow {
width : 100%;
height : 75px;
background : transparent url(images/shadow.png) repeat-x;
position : fixed;
z-index : 10000;
display : block;
bottom : 0;
overflow : visible;
margin : 0 auto;
}
#header {
padding-top : 20px;
padding-bottom : 0px;
}
#logo h1, #logo small {
margin : 0;
display : block;
text-indent : -9999px;
}
#logo {
background-image : url(images/logo.png);
background-repeat : no-repeat;
width : 194px;
height : 83px;
}
ul#menu {
margin:70px 180px 0 0;
padding : 0;
position : absolute;
right : 0;
}
ul#menu li {
display : inline;
margin-left : 12px;
}
ul#menu li a {
text-decoration : none;
color : #b9b8b8;
font-family: Georgia, "Times New Roman", Times, serif;
font-size : 10px;
font-weight : bold;
text-transform : uppercase;
padding : 3px 5px 3px 5px;
}
ul#menu li a:hover {
color : #211e1e;
}
ul#menu li.current-cat a {
color : #ffffff;
background-color : #000000;
padding : 3px 5px 3px 5px;
border : 1px dotted #666666;
text-transform : uppercase;
font-family: Georgia, "Times New Roman", Times, serif;
font-size : 10px;
font-weight : bold;
}
.block {
border : none;
background-color : #ffffff;
margin-bottom : 20px;
position : relative;
}
.ribbon {
position : absolute;
top : -7px;
right : -10px;
}
.ribbon_homeblog {
position : absolute;
top : -7px;
right : -9px;
}
.block_inside {
display : block;
border : none;
background : #2f2f2f;
padding : 30px;
overflow : auto;
}
.block_inside_aboutme {
display : block;
border : none;
background : #2f2f2f url(images/aboutme.jpg) repeat-x;
padding : 30px;
overflow : auto;
min-height : 600px;
color : #bdbebe;
}
.block_inside_aboutme_tools {
display : block;
border : none;
background : #2f2f2f url(images/tools.jpg) no-repeat;
background-position : right;
overflow : auto;
color : #bdbebe;
}
.block_inside_aboutme_highlight {
border : none;
background-color : #000000;
padding : 2px;
color : #ffffff;
font-size : 16px;
margin : 12px 0 12px 0;
font-style : italic;
}
.block_inside_aboutme a {
border-bottom : 1px dotted #ffffff;
font-style : italic;
color : #ffffff;
}
.block_inside_aboutme a:hover {
border-bottom : none;
font-style : italic;
color : #ffffff;
text-decoration : none;
}
.block_inside_aboutme p {
line-height : 19px;
}
.aboutmetectblock {
margin : 300px 0 0 0;
}
.image_block {
border : 1px solid #b5b5b5;
background-color : #d2d2d2;
padding : 5px 5px 1px 5px;
float : left;
}
.image_block img {
border : 1px solid #b5b5b5;
}
.text_block {
float : left;
width : 430px;
margin-left : 30px;
padding-top : 30px;
}
#block_featuredblog .text_block {
padding-top : 5px;
}

#portfolio_items {
width : 615px;
margin-right : 25px;
float : left;
min-height : 100px;
padding-top : 3px;
}
#text_column {
float : right;
width : 310px;
}
#text_column img {
margin-bottom : 20px;
position : relative;
left : -3px;
}
.text_title_contact {
background-image : url(images/contactme_home.jpg);
background-repeat : no-repeat;
width : 310px;
height : 225px;
background-color : #333333;
background-position: 0px;
}
.text_title_aboutme {
bottom : 0;
position : relative;
color : #ff0000;
padding-top : 195px;
padding-left : 15px;
}
.text_title_aboutme a {
color : #000;
background-color : #333333;
padding : 3px 5px 3px 5px;
text-decoration : none;
margin-top : 10px;
border: 1px dotted #000000;
}

.text_title_aboutme a:hover {
color : #999;
background-color : #000000;
padding : 3px 5px 3px 5px;
margin-left : 0;
margin-top : 10px;
border : 1px dotted #000000;
text-decoration : none;
}
.mini_portfolio_item {
margin-bottom : 10px;
position : relative;
width : 265px;
float : left;
margin-right : 20px;
}
.mini_portfolio_item .block_inside {
background : none;
background-color : #e2dddc;
width : 265px;
padding : 0;
overflow : hidden;
}
.mini_portfolio_item .thumbnail {
float : left;
margin : 0;
border : 1px solid #000000;
}
#content_area {
width : 665px;
float : left;
margin-top : 3px;
}
#content_area .block_inside {
min-height : 400px;
}
#sidebar {
float : left;
width : 281px;
position : relative;
left : 0;
margin-top : 3px;
border : none;
}
#sidebar .block_inside {
padding-top : 0;
margin-top : 0px;
}
#sidebar .block_inside h2, #sidebar .block_inside h3 {
line-height : 23px;
}
#sidebar .block_inside h3 {
font-size : 24px;
line-height : 0;
color : #999999;
}
#sidebar .block_inside h2 {
font-size : 26px;
line-height : 23px;
}
#sidebar ul {
margin : 0 0 30px 0;
padding : 0;
}
#sidebar ul li {
list-style : none;
margin : 0 0 5px 0;
padding : 0;
}
#sidebar ul li p {
margin : 0;
padding : 0;
color : #999999;
}
#sidebar ul li a {
color : #0172dd;
}
#sidebar ul li a:hover, #sidebar ul li a:active {
color : #7f7d78;
text-decoration : none;
}
#sidebar a, #sidebar h3.cat {
width : 190px;
display : block;
padding : 3px 5px 3px 10px;
background : url(images/tab_small.png) no-repeat center right;
margin : 5px 0;
text-decoration : none;
}
#sidebar a {
color : #595965;
}
#sidebar a.big, #sidebar h3.cat {
background : url(images/tab_big.png) no-repeat center right;
padding : 4px 5px 4px 40px;
margin : 8px 0;
}
#sidebar h3 {
font-size : 13px;
}
#sidebar h3.cat {
color : #cbcbcb;
}
#sidebar a.big {
color : #fff;
}
#content_area h2 {
font-size : 32px;
line-height : 41px;
}
#content_area .separator {
border-top : 1px dotted #666666;
margin-top : 20px;
padding-top : 20px;
}
#content_area .biggap {
border-top : 1px solid #e3e3e3;
margin-top : 40px;
padding-top : 40px;
}
h2, h2 a {
margin : 0 0 3px 0;
font-size : 36px;
font-family : Helvetica, Arial, Sans-serif;
color : #999999;
line-height : 39px;
letter-spacing : -1px;
}
h3, h3 a {
margin : 10px 0 0 0;
font-size : 37px;
line-height : 41px;
font-family : Helvetica, Arial, Sans-serif;
color : #000000;
letter-spacing : -1px;
}
h4 {
color : #007de2;
margin : 0 0 0 0;
}
small {
color : #595856;
font-weight : bold;
font-size : 11px;
display : block;
margin-bottom : 15px;
}
a {
color : #0f72c3;
text-decoration : none;
}
small a {
color : #0f72c3;
}
a:hover {
text-decoration : underline;
color : #26689f;
}
h2 a:hover {
color : #000000;
}
p {
margin : 0 0 15px 0;
}
a.button {
background : #32312f url(images/button_bg.jpg) repeat-x;
padding : 5px 10px 5px 10px;
margin-top : 25px;
color : #ffffff;
text-decoration : none;
border : 1px solid #32312f;
text-transform : uppercase;
font-size : 9px;
line-height : 25px;
}
#block_featuredblog a.more-link {
background : #32312f url(images/button_bg.jpg) repeat-x;
padding : 2px 10px 2px 10px;
margin-top : 25px;
color : #ffffff;
text-decoration : none;
border : 1px solid #32312f;
text-transform : uppercase;
font-size : 9px;
line-height : 20px;
display : block;
float : left;
}
a.button:hover {
background : #007de2 url(images/button_bg_o.jpg) repeat-x;
border-color : #007de2;
}
#block_featuredblog a.more-link:hover {
background : #007de2 url(images/button_bg_o.jpg) repeat-x;
border-color : #007de2;
}
#footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
.footer_column {
float : left;
width : 300px;
margin-left : 20px;
padding : 0;
margin-top : 0;
padding-bottom : 0;
}
#footer .long {
width : 300px;
margin-left : 0;
margin-top : 0;
}
#footer h3 {
color : #3e3e3c;
text-transform : uppercase;
font-size : 20px;
padding-top : 0;
margin-top : 0;
}
.footer_column ul li, .footer_column ul {
list-style : none;
margin : 0;
padding : 0;
border-bottom : 1px dotted #3e3e3c;
color : #333333;
}
#comments_template {
border-top : 1px solid #e3e3e3;
margin-top : 30px;
padding-top : 30px;
}
.block_inside blockquote {
border-top : 1px solid #acc7da;
border-bottom : 1px solid #acc7da;
background-color : #ebf1f6;
margin : 0;
padding : 20px;
padding-bottom : 13px;
margin-bottom : 20px;
color : #465c6b;
font-family : Georgia, "Times New Roman", Times, serif;
font-style : italic;
}
.block_inside pre.code {
border-top : 1px solid #acacac;
border-bottom : 1px solid #acacac;
background-color : #ebebeb;
margin : 0;
padding : 20px;
padding-bottom : 13px;
margin-bottom : 20px;
font-size : 10px;
font-family : Monaco, "Courier New", Courier, monospace;
}
.block_inside h1 {
margin : 0 0 3px 0;
font-size : 36px;
font-family : Helvetica, Arial, Sans-serif;
color : #000000;
line-height : 39px;
letter-spacing : -1px;
}

.block_inside h3 {
margin : 0 0 5px 0;
font-size : 20px;
line-height : 21px;
font-family : Helvetica, Arial, Sans-serif;
color : #000000;
}
.block_inside h4 {
color : #007de2;
margin : 0 0 0 0;
font-size : 16px;
}
.block_inside h5 {
color : #007de2;
margin : 0 0 0 0;
font-size : 12px;
}
.input, textarea, select {
border : 1px solid #e5e5e5;
padding : 4px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
}
body#dark {
background-color : #1e1d1b;
}
body#dark #main {
background : #292826 url(images/background_dark_slice.jpg) repeat-x;
}
body#dark #main .container {
background-image : url(images/background_dark.jpg);
}
body#dark #footer {
background-image : url(images/background_dark_footer.jpg);
}
body#dark ul#menu li a.active, ul#menu li a:hover {
color : #ffffff;
}
body#dark .block, body#dark .mini_portfolio_item {
border-color : #1b1a19;
}
body#dark #text_column h2#text_title {
background-image : url(images/creatif_dark.jpg);
}

div#rotator .prev {
position : relative;
left : -375px;
top : 145px;
outline : none;
}
div#rotator .next {
position : relative;
left : -34px;
top : 145px;
outline : none;
}
div#rotator .sep {
position : relative;
left : -430px;
}
div#rotator #imgholder {
width : 327px;
height : 252px;
background-color : #ffffff;
overflow : hidden;
margin : 0;
margin-bottom : 35px;
margin-left : 5px;
}
div.rotatorImages {
width : 330px;
height : 250px;
margin-left : 0;
border : 1px solid #000000;
}
div#rotator #rotatorTextHolder {
width : 450px;
height : 220px;
overflow : hidden;
}
div#rotator #rotatorTextHolder li {
height : 220px;
display : block;
margin-left : 50px;
width : 400px;
}
div#rotator #rotatorTextHolder .rotatorTextTable {
height : 220px;
}
div#rotator #rotatorTextHolder .rotatorTextTable td {
vertical-align : middle;
}
div#rotator #rotatorTextHolder .rotatorTextTable td p {
color : #999999;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 16px;
line-height : 17px;
}
#rotatorTextHolder .rotatorTextTable td p:first-letter {
color : #999999;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 90px;
line-height : 25px;
margin-right : 0.1em;
float : left;
}
.testiperson {
color : #999999;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 14px;
padding : 3px 8px 3px 8px;
background-color : #000000;
line-height : 24px;
}
div#rotator li {
margin-left : 0;
}
.grid_6 {
float : left;
margin-left : 40px;
margin-right : 5px;
margin-bottom : 40px;
}
.featureimages {
width : 325px;
height : 250px;
}
.portthumbsbox {
border : none;
}
.newworks {
height : 315px;
padding : 30px;
padding-bottom : 0;
padding-right : 0;
background-color : #848383;
margin-top : 25px;
position : relative;
background-color : #333333;
border : 1px dotted #000000;
}
#ribbon_newworks {
z-index : 100;
position : relative;
}
.mini_blog_item {
border : none;
margin-bottom : 10px;
position : relative;
height : 200px;
margin-top : 6px;
}
.mini_blog_item .block_inside_blog {
padding : 25px 30px 25px 30px;
background-color : #333333;
border : 1px dotted #000000;
}
.mini_blog_item .thumbnail {
float : left;
margin-right : 20px;
border : 1px solid #000000;
}
.block_inside_blog {
display : block;
border : none;
padding : 30px;
overflow : auto;
}
.block_inside_blog_home {
display : block;
background : url(images/iamsanimani.gif) no-repeat center center;
border : none;
padding : 30px;
overflow : auto;
height: 135px;
background-color : #333333;
}

#readmorebloghome{
right:0px; 
position:relative; 
padding-bottom: 0px; 
padding-left: 280px; 
top:124px;
}

#readmorebloghome a{
color : #000;
background-color : #333333;
padding : 3px 5px 3px 5px;
text-decoration : none;
margin-top : 10px;
border:1px dotted #000000;
}

#readmorebloghome a:hover {
color : #999;
background-color : #000000;
padding : 3px 5px 3px 5px;
margin-left : 0;
margin-top : 10px;
border : 1px dotted #000000;
}

.thumb {
background : #222 url(images/thumb.png);
display : block;
width : 235px;
overflow : hidden;
height : 150px;
margin : 0 10px 10px 0;
position : relative;
}
.thumb-title {
background : #000000 none repeat scroll 0 0;
bottom : 1px;
display : block;
padding : 4px 5px;
position : absolute;
right : 0;
width : 255px;
}
.thumb-title:hover {
background : #222;
}
.thumb-title h3 {
margin : 0;
line-height : 1.4em;
}
.thumb-title h3 a {
font : 20px "rockwell", Arial, helvetica;
display : block;
color : #aaa;
text-decoration : none;
margin-left : 10px;
}
.thumb-title h3 a:hover {
color : #fff;
}
.featureblock_inside {
display : block;
border : none;
background : #2f2e2e url(images/bg_featured.jpg) repeat-x;
padding : 30px;
padding-bottom : 10px;
padding-left : 0;
overflow : auto;
padding-top : 5px;
}
#text_column_home {
float : right;
width : 310px;
background-color : #333333;
margin-top : 9px;
}
#text_column_home img {
margin-bottom : 20px;
position : relative;
left : -3px;
}
#text_column_home h2#text_title {
text-indent : -9999px;
background-image : url(images/creatif.jpg);
background-repeat : no-repeat;
width : 310px;
height : 210px;
}
#text_column_home h2#text_title {
text-indent : -9999px;
background-image : url(images/creatif.jpg);
background-repeat : no-repeat;
width : 310px;
height : 200px;
}
#contact {
background-image : url(images/title_contact.jpg);
background-repeat : no-repeat;
padding-left : 10px;
height : 25px;
margin : 12px;
margin-left : 0;
background-color : #333333;
}

#block_portfolio_new {
overflow : auto;
margin-bottom : 20px;
}
#portfolio_items_new {
width : 665px;
margin-right : 0;
float : left;
min-height : 100px;
padding-top : 3px;
padding-bottom : 3px;
display : block;
border : none;
overflow : auto;
color : #bdbebe;
}
.mini_portfolio_item_new {
margin-bottom : 10px;
position : relative;
background-color : #333333;
border : 1px dotted #000000;
float:left;
width:300px;
margin-right: 15px;
display: inline;
}
.mini_portfolio_item_new .block_inside_new {
padding : 15px 40px 5px 16px;
height: 130px;
}
.mini_portfolio_item_new .thumbnail {
float : left;
margin-right : 10px;
border : 1px solid #000000;
}
.contactshadow {
padding : 10px;
padding-top : 23px;
padding-bottom : 11px;
border : 1px dotted #000000;
background-color : #333333;
}
.client {
color : #ff9900;
}
.client a {
color : #ff9900;
}
.client a:hover {
color : #ccff00;
text-decoration : none;
}
.clientwebsite {
color : #999;
padding : 1px;
margin : 0;
font-size : 11px;
}
.toollist {
color : #ccff00;
}
.toollist a {
color : #ccff00;
}
.toollist a:hover {
color : #ff9900;
text-decoration : none;
}
.ribbon_blog {
position : absolute;
top : -5px;
right : -10px;
}
#sidebar input {
margin : 0;
padding : 0;
border : 1px solid #333333;
height : 19px;
background-image : url(images/bg_input.jpg);
background-repeat : repeat-x;
background-position : top;
width : 175px;
background-color : #7a7a7a;
}
#sidebar input.formbutton {
outline : none;
width : 55px;
margin : 0;
padding-bottom : 20px;
height : 20px;
color : #999999;
background-color : #000000;
background-image : none;
left : 185px;
position : relative;
top : -22px;
font-size : 12px;
font-weight : bold;
}
#searchresult input {
margin : 0;
padding : 0;
border : 1px solid #333333;
height : 19px;
background-image : url(images/bg_input.jpg);
background-repeat : repeat-x;
background-position : top;
width : 175px;
background-color : #7a7a7a;
}
#searchresult input.formbutton {
outline : none;
width : 55px;
margin : 0;
padding-bottom : 20px;
height : 20px;
color : #999999;
background-color : #000000;
background-image : none;
left : 185px;
position : relative;
top : -22px;
font-size : 12px;
font-weight : bold;
}
#searchresult {
margin : 0;
padding : 0;
width : 175px;
}
.bread {
color : #999;
background-color : #000000;
padding : 3px;
margin-left : 0;
margin-top : 10px;
font-size : 11px;
}
.breadtail {
color : #999;
margin-left : 0;
margin-top : 10px;
font-size : 11px;
}
#portfolio_items_clients {
width : 550px;
margin-right : 25px;
float : left;
min-height : 100px;
padding-top : 3px;
}
.mini_portfolio_item_clients {
border : none;
margin-bottom : 10px;
position : relative;
}
.mini_portfolio_item_clients .block_inside_clients {
background : none;
background-color : #333333;
padding : 25px 20px 15px 30px;
border : 1px dotted #000000;
}
.mini_portfolio_item_clients .thumbnail {
float : left;
margin-right : 20px;
border : 1px solid #000000;
}
a.moredetails {
color : #999;
background-color : #000000;
padding : 3px 5px 3px 5px;
margin-left : 0;
margin-top : 10px;
border : 1px dotted #000000;
}
a:hover.moredetails {
color : #000;
background-color : #333333;
padding : 3px 5px 3px 5px;
text-decoration : none;
margin-top : 10px;
}
#footer a.moredetails {
color : #000000;
background-color : #333333;
padding : 3px 5px 3px 5px;
margin-left : 0;
margin-top : 10px;
border : 1px dotted #000000;
}
#footer a:hover.moredetails {
color : #333333;
background-color : #000000;
padding : 3px 5px 3px 5px;
text-decoration : none;
margin-top : 10px;
border : 1px dotted #333333;
}
div.hoverBtn {
position : relative;
float : left;
background : black url(images/navBG.png) repeat-x scroll 0 0;
}
div.hoverBtn a {
position : relative;
z-index : 2;
display : block;
width : 100px;
height : 30px;
line-height : 30px;
text-align : center;
font-size : 1.1em;
text-decoration : none;
color : #000;
background : transparent none repeat-x scroll 0 0;
}
div.hoverBtn div {
display : none;
position : absolute;
z-index : 1;
top : 0;
background : white url(images/navHover.png) repeat-x scroll 0 0;
}
.block_inside_error {
display : block;
border : none;
background : #2f2f2f url(images/errorimage.jpg) no-repeat;
padding : 30px;
overflow : auto;
min-height : 600px;
color : #bdbebe;
padding-left : 200px;
}
object {
outline : none;
}

div.wpcf7 {
margin : 0;
padding : 0;
}
div.wpcf7 p {
margin : 0;
padding : 0;
line-height : 20px;
color : #999999;
}

div.wpcf7 input.formbutton {
outline : none;
width : 75px;
margin : 0;
height : 25px;
color : #999999;
background-color : #000000;
background-image : none;
left : 212px;
position : relative;
top : -10px;
font-size : 12px;
font-weight : bold;
padding-bottom : 10px;
margin-top : 15px;
}
div.wpcf7-response-output {
margin : 0;
padding : 0;
}
div.wpcf7-mail-sent-ok {
border : none;
color : #ccff00;
}
div.wpcf7-mail-sent-ng {
border : none;
}
div.wpcf7-spam-blocked {
border : none;
}
div.wpcf7-validation-errors {
border : none;
color : #ff0000;
padding : 0;
}
span.wpcf7-form-control-wrap {
position : relative;
}
span.wpcf7-not-valid-tip {
position : absolute;
top : 20%;
left : 20%;
z-index : 100;
background : #fff;
border : none;
font-size : 10pt;
width : 280px;
padding : 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
color : #f00;
font-size : 10pt;
display : block;
}
span.wpcf7-list-item {
margin-left : 0.5em;
}
.wpcf7-display-none {
display : none;
}
#sidebar .wpcf7 {
margin : 0;
padding : 0;
}
#sidebar.wpcf7 p {
margin : 0;
padding : 0;
line-height : 20px;
color : #999999;
}
#sidebar .wpcf7 input {
margin : 0;
padding : 0;
border : 1px solid #333333;
height : 19px;
background-image : url(images/bg_input.jpg);
background-repeat : repeat-x;
background-position : top;
width : 230px;
background-color : #7a7a7a;
}
#sidebar.wpcf7 p textarea {
margin : 0;
padding : 0;
border : 1px solid #333333;
height : 82px;
background-image : url(images/bg_input.jpg);
background-repeat : repeat-x;
background-position : top;
width : 150px;
background-color : #7a7a7a;
}
#sidebar.wpcf7 input.formbutton {
outline : none;
width : 75px;
margin : 0;
height : 25px;
color : #999999;
background-color : #000000;
background-image : none;
left : 212px;
position : relative;
top : -10px;
font-size : 12px;
font-weight : bold;
padding-bottom : 10px;
}
#sidebar.wpcf7-response-output {
margin : 0;
padding : 0;
}
#sidebar.wpcf7-mail-sent-ok {
border : 2px solid #398f14;
}
#sidebar.wpcf7-mail-sent-ng {
border : 2px solid #ff0000;
}
#sidebar.wpcf7-spam-blocked {
border : 2px solid #ffa500;
}
#sidebar.wpcf7-validation-errors {
border : 2px solid #f7e700;
}
#sidebar span.wpcf7-form-control-wrap {
position : relative;
}
#sidebar span.wpcf7-not-valid-tip {
position : absolute;
top : 20%;
left : 20%;
z-index : 100;
background : #fff;
border : 1px solid #ff0000;
font-size : 10pt;
width : 280px;
padding : 2px;
}
#sidebar span.wpcf7-not-valid-tip-no-ajax {
color : #f00;
font-size : 10pt;
display : block;
}
#sidebar span.wpcf7-list-item {
margin-left : 0.5em;
}
#sidebar.wpcf7-display-none {
display : none;
}
.wp-pagenavi {
float:left;
}

.wp-pagenavi a, .wp-pagenavi a:link {
padding : 2px 4px 2px 4px;
margin : 2px 2px 3px 2px;
text-decoration : none;
border : 1px solid #000;
color : #ffffff;
background-color : #000;
}
.wp-pagenavi a:visited {
padding : 2px 4px 2px 4px;
margin : 2px 2px 3px 2px;
text-decoration : none;
color : #ffffff;
background-color : #000000;
}
.wp-pagenavi a:hover {
border : 1px solid #000000;
color : #000000;
background-color : #666;
}
.wp-pagenavi a:active {
padding : 2px 4px 2px 4px;
margin : 2px 2px 3px 2px;
text-decoration : none;
border : 1px solid #0066cc;
color : #ffffff;
background-color : #000000;
}
.wp-pagenavi span.pages {
padding : 2px 4px 2px 4px;
margin : 2px 2px 3px 2px;
color : #ffffff;
background-color : #000000;
}
.wp-pagenavi span.current {
padding : 2px 4px 2px 4px;
margin : 2px 2px 3px 2px;
font-weight : bold;
color : #ffffff;
background-color : #000;
border : 1px dotted #666;
}
.wp-pagenavi span.extend {
padding : 2px 4px 2px 4px;
margin : 2px 2px 3px 2px;
color : #ffffff;
background-color : #000000;
}
#copyrightinfo {
float : left;
background-color : #333333;
height : 30px;
display : block;
clear : right;
width : 100%;
margin-top : 5px;
text-align : center;
margin-bottom : 0;
}
#copyrightinfo p {
margin : 0;
padding : 5px 0 0 0;
}
.linkpage li {
float : left;
margin-right : 5px;
}
.linkpage ul {
list-style-type : none;
}

.linkpage ul li a{
color : #000000;
}

ul, ol {
list-style-image : none;
list-style-position : outside;
list-style-type : none;
}
.linkpage {
width : 310px;
}

.newworks_archive {
min-height : 508px;
padding : 30px;
padding-bottom : 0;
padding-right : 0;
background-color : #848383;
margin-top : 0px;
position : relative;
background-color : #333333;
border : 1px dotted #000000;
}

.portthumbsbox_archive {
border : none;
}

.mini_portfolio_item_archive {
margin-bottom : 20px;
position : relative;
width : 270px;
float : left;
margin-right : 20px;
}

.block_inside_archive {
display : block;
border : none;
background : none;
padding : 0px;
overflow : auto;
}

.mini_portfolio_item_archive .thumbnail {
float : left;
margin : 0;
border : none;
}

#text_column_archive {
float : right;
width : 310px;
background-color : #333333;
margin-top : 3px;
}
#text_column_archive img {
margin-bottom : 20px;
position : relative;
left : -3px;
}
#text_column_archive h2#text_title {
text-indent : -9999px;
background-image : url(images/creatif.jpg);
background-repeat : no-repeat;
width : 310px;
height : 210px;
}
#text_column_archive h2#text_title {
text-indent : -9999px;
background-image : url(images/creatif.jpg);
background-repeat : no-repeat;
width : 310px;
height : 200px;
}

.text_title_contact_port {
background-repeat : no-repeat;
width : 310px;
height : 225px;
background-color : #333333;
background-position: 0px;
}


#navigation-block {
	position:relative;
	top:25px;
	left:20px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	margin: 4px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 100px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
	height:20px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(images/heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background:#222 url(images/tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
	width: 230px;
	font-size:12px;
	font-weight:bold;
}

ul#sliding-navigation li.sliding-element a:hover { color: #ffff66; }

#block_portfolio {
overflow : hidden;
margin-bottom : 20px;
}

#content_area_port {
width : 615px;
float : left;
margin-top : 3px;
}
#content_area_port .block_inside {
padding:10px;
min-height : 400px;
background-image : url(images/bg_singlepage.jpg);
background-repeat : repeat-x;
}

#content_area {
width : 615px;
float : left;
margin-top : 3px;
}
#content_area .block_inside {
min-height : 400px;
}

.flashheader {
margin-bottom : 10px;
}

.portfolio_main {
border : 1px solid #000;
margin-bottom : 30px;
padding : 0;
width: 550px;
margin-left: 20px;
margin-top: 20px;
}

.portfolio_thumbs {
border : none;
background : none;
padding : 15px;
padding-top: 0px;
margin-left : 20px;
margin-right : 20px;
float : right;
padding-right : 0;
}
.portfolio_thumbs img {
display : block;
margin-bottom : 20px;
border : 1px solid #000;
}

.block_inside h2 {
margin : 0 0 3px 0px;
font-size : 26px;
font-family : Helvetica, Arial, Sans-serif;
color : #ffffff;
line-height : 0px;
letter-spacing : -1px;
padding-left:20px;
}
.toolsused {
color : #999;
padding : 1px;
margin-top : 0;
font-size : 11px;
margin-left:20px;
}

.contact_other {
float : right;
width : 240px;
margin-left : 10px;
padding : 0;
margin-top : 0;
padding-bottom : 50px;
padding-top: 15px;
}
.contact_other ul li, .contact_other ul {
list-style : none;
margin : 0;
padding : 0;
border-bottom : 1px dotted #3e3e3c;
color : #333333;
}

#block_portfolio_clients {
overflow : hidden;
margin-bottom : 20px;
}

div.wpcf7 input {
margin : 0;
padding : 0;
border : 1px solid #333333;
height : 19px;
background-image : url(images/bg_input.jpg);
background-repeat : repeat-x;
background-position : top;
width : 260px;
background-color : #7a7a7a;
}
div.wpcf7 textarea {
margin : 0;
padding : 0;
border : 1px solid #333333;
height : 82px;
background-image : url(images/bg_input.jpg);
background-repeat : repeat-x;
background-position : top;
width : 260px;
background-color : #7a7a7a;
}

.mini_portfolio_item_archive_web {
margin-bottom : 20px;
position : relative;
width : 270px;
float : left;
margin-right : 20px;
}

.block_inside_archive_web {
display : block;
border : none;
background : none;
padding : 0px;
overflow : auto;
}

.mini_portfolio_item_archive_web .thumbnail {
float : left;
margin : 0;
border : 1px solid #333333;
}

.contactshadow_home {
padding : 10px;
padding-top : 23px;
padding-bottom : 48px;
border : 1px dotted #000000;
background-color : #333333;
}

.newworks_archive_box{
padding:0px; 
margin:0px; 
min-height: 150px;
margin-bottom:20px;

}

.porttitle_webdesign{
background : url(images/title_webdesign.png) no-repeat;
display:block;
width:122px;
height:22px;
margin-bottom:5px;
}
.porttitle_gui{
background : url(images/title_guidesign.png) no-repeat;
display:block;
width:122px;
height:22px;
margin-bottom:5px;
}

.porttitle_digipaint{
background : url(images/title_digitalpainting.png) no-repeat;
display:block;
width:153px;
height:22px;
margin-bottom:5px;
}

.porttitle_logos{
background : url(images/title_logodesigns.png) no-repeat;
display:block;
width:131px;
height:22px;
margin-bottom:5px;
}

.porttitle_printmedia{
background : url(images/title_printmedia.png) no-repeat;
display:block;
width:122px;
height:22px;
margin-bottom:5px;
}

.portfolio_moredetails a{
color:#999999;
margin-top:5px;
padding:3px 5px;
text-decoration:none;
bottom:8px;
position:relative;
margin-bottom: 20px;
font-size:10px;
font-weight:bold;
font-family:Georgia,"Times New Roman",Times,serif;
}

.portfolio_moredetails a:hover{
color:#ffffff;
margin-left:0;
margin-top:5px;
padding:3px 5px;
bottom:8px;
position:relative;
font-size:10px;
font-weight:bold;
font-family:Georgia,"Times New Roman",Times,serif;
}