@charset "UTF-8";
/* CSS Document */
/*  
Theme Name: Design garden
Theme URI: http://www.goshine-design.co.uk/
Author: Gato
Author URI:  http://www.goshine-design.co.uk/

Copyright (c) G disgn-Works.

*/

/* colors---
bace: #FBEACE
lightyellow :  #ffed02;
sunyellow:  #f2bf18;#F8C208
orange: #f0b64e;
lightblue:  #b9e2e9;
skyblue: #79c5f2;
lightgreen: #bbde74;
grassgreen: #abbe38;  
treegreen: #598541;
woodgreen:  #324119;
darkestgreen: #29321a;
graygreen : #74735a;
burntred: #752525 #a74747;
light-burntred: ;
purplepink:#db60f0;
lightpink:# e9c2dc;
petalpink:#d21575 ;
-------*/
/*  reset css */
*{
border:none;
list-style: none;
outline:none;
margin: 0;
padding: 0;
}
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block }
li { display: list-item }
h1 { font-size: 2em; font-family:"Arial Black", Gadget, sans-serif;line-height:90%;}
h2 { font-size: 1.5em; font-family:Tahoma, Geneva, sans-serif;line-height:100%;}
h4,h3 { font-size: 1.17em;font-family:Tahoma, Geneva, sans-serif; }
h5 { font-size: .83em;font-family:Tahoma, Geneva, sans-serif; }
h6 { font-size: .75em;font-family:Tahoma, Geneva, sans-serif; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder }
blockquote {
margin-left: 40px;
margin-right: 40px
}

/* util class */
a { text-decoration:underline; }
a:hover { text-decoration:none; }
a:visited { }
a img { border:none; }
.padding-t{ margin-top:100px;}
.padding-b{ margin-bottom:20px;}
.bb { border-bottom:1px solid #29321a; margin-bottom:20px; }
.clear {
clear:both;
line-height:0px!important;
margin:0px!important;
padding:0px!important;
width:99%;
}
.rq{ color:#d60000; display:inline;margin-left:10px;}
.rq-w{ color:#d60000; font-size:12px}
.error{color:#d60000; float:left;}

/*  end reset css */


body {
background-image:url(images/tile-bg.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;

}
#main-wrapper {

background-image:url(images/g-design-works-header.jpg);
background-position:top center;
background-repeat:no-repeat;
margin:0px auto 0px auto;
width:1010px;
}
#main-wrapper-2 {
	
background-image:url(images/g-design-works-header-2.jpg);
background-position:top center;
background-repeat:no-repeat;
margin:0px auto 0px auto;
width:1010px;
}
#wrapper {
	
margin:0px 25px 20px 25px;
width:960px;
}
/*header */
#header {
clear:both;
height:340px;
width:960px;
}
#header-2 {
clear:both;
height:240px;
width:960px;
}
#header-pages {
clear:both;
height:340px;
width:960px;
}
/* menu */
.menu {
background-image:url(images/menu-bg.png);
background-repeat:no-repeat;
float:left;
font-family:Arial, Helvetica, sans-serif;
height:50px;
margin-top:10px;
width:450px;
}
.menu ul {
float:left;
height:40px;
margin:4px 0px 0px 12px;
width:420px;
}
.menu ul li {
float:left;
margin: 5px;
}
.menu ul li a {
background-repeat:no-repeat;
display:block;
padding-top:10px;
text-transform:uppercase;
}
.menu ul li:last-child { margin-right:0px; }
.menu ul li a:hover {
background-position:0px 1px;
text-decoration:overline;
}
.menu a[title="Blog" ] {
background-image:url(images/nav-curls-blog.png);
background-position:-100px 0px;
color:#79c5f2;
}
.menu a[title="About"] {
background-image:url(images/nav-curls-about.png);
background-position:-100px -28px;
color:#8C8B9C;
}
.menu a[title="Portfolio"] {
background-image:url(images/nav-curls-portfolio.png);
background-position:-100px -57px;
color:#abbe38;
}
.menu a[title="Contact"] {
background-image:url(images/nav-curls-contact.png);
background-position:-100px -86px;
color:#f0b64e;
}
.menu a[title="FreeBits"] {
background-image:url(images/nav-curls-freebits.png);
background-position:-100px -114px;
color:#DC56A0;
}
.menu .current_page_item a {
text-decoration:overline;
background-position:0px 1px;
}
/*  end menu */
#logo {
float:right;
height:60px;
margin-top:50px;
width:280px;
}
#logo a {
float:right;
height:60px;
width:280px;
}
/* content */ 
#content {
background-image:url(images/footer-stopper.jpg);
background-position:bottom right;
background-repeat:no-repeat;
float:left;
width:960px;
}
/* image-colom position:relative; top:-100px; background-color:#FC3;*/
#image-colom-wrapper {float:left; margin:0px 0px 140px 0px ; min-height:500px; padding-top:0px;width:960px;}
#image-colom {float:right; width:720px;}
#caption{ float:left; margin-top: 40px ;width:200px;}
#caption h3{ margin-bottom:5px }
#caption p{ font-size:.8em; font-style:italic;}
#caption p a{ color:#752525;}
#caption p a:hover{ color:#a74747;}
#nav-back{ float:left ; width:180px; margin: 0px 10px 10px 0px; }
#nav-back ul { float:left ;  width:180px; ; }
#nav-back ul li {float:left ; height:30px; width:50px; margin:0px 10px 10px 0px ; }
#nav-back ul li img {float:left; background-color:white; border-bottom:1px gray solid; padding:2px;}
#nav-back a{float:left ; display:block;}



/* left-colom */
#left-colom {
color:#3E522F;
float:left;
width:570px;
}
.ted-wrapper { float:left;margin-top:10px;width:570}
.ted-object-wrapper{float:left; margin-right:10px; width:334px;}
.ted-right { float:left; width:226px;}

#image-colom-wrapper .h2-image { margin-bottom:20px; }
#image-colom-wrapper .h2-image a,#left-colom .h2-image a {
display:block;
width:570px;
}
#image-colom-wrapper a.Portfolio,#left-colom a.Blog, #left-colom a.About, #left-colom a.Portfolio, #left-colom a.Contact, #left-colom a.FreeBits {
background-image:url(images/page-titles.png);
background-repeat:no-repeat!important;
height:100px;
text-indent:-2400px;
}
#left-colom a.Blog {
background-position:0px -400px;
height:110px;
}
#left-colom a.About { background-position:0px -300px; }
#image-colom-wrapper a.Portfolio,#left-colom a.Portfolio { background-position:0px -200px; }
#left-colom a.Contact { background-position:0px 0px; }
#left-colom a.FreeBits { background-position:0px -100px; }
/* single page */


#section-wrapper{ float:left;margin-top:10px; width:550px; }
#section-wrapper p{ margin-bottom:20px;}
#section-wrapper h2{clear:both;margin-bottom:20px; width:570px;}
#section-wrapper h3{clear:both; width:570px;}
.font-unit{float:left; margin:10px 0px 10px 0px; width:570px; }
.font-unit a{color:#3E522F;}
.font-unit p{  font-size:1em;float:left; margin-bottom:10px ; width:250px;}
.font-preview { width:300px;float:left;margin-right:10px }
.font-preview img{border-bottom:1px solid gray;}
.font-desc{float:left; margin-left:10px ; width:250px;}
.dload-link a { display:block;width:240px;}

/* skill about */
#aboutmewrapper{ font-size:0.8em; border-bottom:1px solid #3E522F; float:left; margin-bottom:20px; padding-bottom:10px; width:570px;}
#aboutmewrapper ul{ float:left; margin-right:20px; width:200px;}

/* past company logo */
#past-job{float:left; width:570px; margin-top:60px;}
#past-job h4{ color:gray; margin-bottom:10px; font-size:.7em; font-weight:bold;}
#past-job ul{ border-top:1px solid gray; float:left;padding-top:10px; width:570px;}


#past-job ul li {float:left;}
#past-job ul li a{ background-repeat:no-repeat;display:block;}
#past-job ul li.vg a{ background-image:url(images/thumnail/vg-logo-gray.png); height:80px; width:80px;}
#past-job ul li.cfx a{ background-image:url(images/thumnail/cfx-logo-gray.png); height:80px; width:150px;}
#past-job ul li.ncb a{ background-image:url(images/thumnail/ncb-logo-gray.png); height:80px; width:120px;}
#past-job ul li.vmb a{ background-image:url(images/thumnail/vmb-logo-gray.png); height:80px; width:120px;}
#past-job ul li.glm a{ background-image:url(images/thumnail/glm-logo-gray.png); height:80px; width:70px;}
#past-job ul li.sbb a{ background-image:url(images/thumnail/sbb-logo-gray.png); height:80px; width:80px;}
#past-job ul li.sxd a{ background-image:url(images/thumnail/sxd-logo-gray.png); height:80px; width:140px;}

#past-job ul li.vg a:hover{ cursor:crosshair;background-image:url(images/thumnail/vg-logo-col.png);}
#past-job ul li.cfx a:hover{ cursor:crosshair;background-image:url(images/thumnail/cfx-logo-col.png);}
#past-job ul li.ncb a:hover{ cursor:crosshair;background-image:url(images/thumnail/ncb-logo-col.png);}
#past-job ul li.vmb a:hover{ cursor:crosshair;background-image:url(images/thumnail/vmb-logo-col.png);}
#past-job ul li.glm a:hover{ cursor:crosshair; background-image:url(images/thumnail/glm-logo-col.png);}
#past-job ul li.sbb a:hover{ cursor:crosshair; background-image:url(images/thumnail/sbb-logo-col.png);}
#past-job ul li.sxd a:hover{ background-image:url(images/thumnail/sxd-logo-col.png);}

/* volunteer */

#past-job ul#vs { border-top:1px solid gray; float:left; font-family:Arial, Helvetica, sans-serif; font-size:.8em;
font-weight: bold; padding-top:10px;}
#past-job ul#vs li {float:left; margin-right:10px;}
#past-job ul#vs li a {color:#767676; text-decoration:none; }
#past-job ul#vs li a:hover {color:#5b7443; }

/* content 2 */
.content-2  h4, #db h4 {margin-top:10px;}
.content-2 p, #db  p,#db ul {margin-bottom:10px;}
.content-2 a, #db a{color:#3E522F; } 
.content-2{

float:left;
width:570px;
margin:20px 20px 10px 0px;
}
#db{
	background-color:#fcf1dc;
background-image:url(images/writer.jpg);
color:#3E522F;
color:#3E522F;
float:left;
width:530px;
margin:20px 20px 10px 0px;
padding:20px;
}
#db ul li{ list-style:disc; margin-left:20px;}
/* comment form */

#respond {
color:#3E522F;
float:left;
width:550px;
margin:20px 20px 10px 0px;
}
#comment-form {
float:left;
padding:20px;
}
 #comment-form div input[type="text"],
#comment-form,  #comment-form div input[type="text"], #gb_form_div  #comment-form div textarea , #comment-form div textarea { border:1px solid #3E522F; }

 #comment-form div input[type="text"],  #comment-form div textarea {
float:left;
width:290px;
}
 #comment-form div {

float:left;
width:520px;
margin-bottom:5px;
}
 /* #comment-form div {
display:block;
float:left;
width:520px;
margin-bottom:5px;
}*/
#comment-form .log-u {
color:#3E522F;
float:left;
margin-bottom:10px;
}
#comment-form .log-u a { color:#3E522F; }
 #comment-form div label,  #comment-form div label {
color:#3E522F;
display:block;
font-size:0.9em;
float:left;
width:160px;
}
 #comment-form div input[type="text"] {
color:#3E522F;
background-color:#fcf1dc;
height:18px;
}
 #comment-form div textarea {
color:#3E522F;
background-color:#fcf1dc;
height:120px;
}
 #comment-form div input[type="image"],#submit {
float:right;
margin-right:70px;
}
/*end comment form*/

.navigation {
float:left;
height:20px;
margin:10px 0px 10px 0px;
width:570px;
}
.image-navigation {
float:left;
margin:10px 0px 5px 0px;
width:720px;
}

.image-navigation .prev,.image-navigation .prev{
height:20px;
width:80px;
}
.navigation div {
height:20px;
width:auto;
}
.image-navigation div a, .navigation div a {
background-image:url(images/nxt-prv.png);
background-repeat:no-repeat;
color:#8F5737;
display:block;
font-size:.8em;
height:24px;
}
.image-navigation div a:hover,.navigation a:hover {
color:#752525;
display:block;
}
.next { float:right; }
.prev { float:left; }
.next a {
background-position: 100% 4px;
padding-right:24px;
}
.prev a {
background-position:0px -20px;
padding-left:24px;
}
.entry {
float:left;
font-size:0.9em;
width:570px;
}
.attachment{ float:right; margin-bottom:20px;width:720px;}
.attachment img { background-color:white ; float:right; padding:4px; border-bottom:1px solid gray;}
.postmetadata {
float:left;
margin-bottom:10px;
width:570px;
}
.comments { color:#3E522F }
.comments-unit ul li small a, .comments-unit ul li cite a, .postmetadata-desc a, .postmetadata a { color:#8F5737; }
.comments-unit ul li small a:hover, .comments-unit ul li cite a:hover, .postmetadata-desc a:hover, .postmetadata a:hover { color:#752525; }
.postmetadata-desc {
border-left:3px solid #3E522F;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:.6em;
margin:10px 0px 0px 0px;
padding-left:10px;
width:520px;
}
.alt { }
.tags {
color:#74735a;
font-size:.6em;
}
.posted-in {
color:#598541;
font-size:.9em;
}



/* end left-colom*/
.portfolio-nav li a { }
.portfolio-nav li a:hover { }
.portfolio-nav.web-d { color:#324119; }
.portfolio-nav .illustration { color:#f0b64e; }
.portfolio-nav .flash { color:#752525; }
/* post */
.res-wrapper{float:left;margin:10px 0px 0px 0px ;width:570px;}
.res-wrapper p{float:left;margin-bottom:10px ; }
.res-wrapper ul{float:left; width:570px;}
.res-wrapper ul li, .res-wrapper ul li h3{float:left; width:570px;}
.res-wrapper li a.image-logo-link{ display:block;float:left; }
.res-wrapper li a img{ display:block;margin-bottom:10px;}
.res-wrapper li span{ float:left; margin-left:10px; width:430px;}
.res-wrapper a{ color:#324119;}
.more-link { color:#324119;}
.res-wrapper a:hover { color:#324119;text-decoration:none;}
.res-desc{ margin:0px 0px 10px 0px ;}
.more-link{ display:block; font-weight:bold; margin-bottom:10px; width:120px;}
.post-unit h4{ clear:both;margin:10px 0px 10px 0px ; width:570px;}
.post-unit img{ background-color:white;  border-bottom:1px solid gray;padding:3px;}
.post-unit {float:left;width:570px;}
.post-unit h2 {
background-color:#EDD1A9; color:!important;/**/
border-bottom:1px solid #daa016;
float:left;
margin-bottom:10px;
padding:5px 10px 0px 10px;
height:50px;
text-shadow:#f3e2ca 1px 1px 1px ;
width:500px;

}
.post-unit h2 a {
color:#324119;
text-decoration:none;
}
.post-unit h2 a:hover { color:#598541 }
.post-unit .date {
background-image:url(images/date-bg.png);
color:#F8C208;
float:left;
height:36px;
margin:0px 10px 5px 0px ;
padding-top:2px;
text-align:center;
width:40px;
}
.post-unit .date p {
font-size:0.6em;
margin:0px 4px 0px 4px;
width:32px;
}
.post-unit .date .m {
font-size:.6em;
border-bottom:1px solid #abbe38;
color:#abbe38;
padding-top:2px;
font-family:Arial, Helvetica, sans-serif;
}
.post-unit .date .j {
border-top:1px solid #434445;
color:#face99;
}
.post-content-object {
background-color:gray;
float:left;
height:320px;
margin:10px 0px 10px 0px;
width:570px;
}
/* end post */
/* comment */
.comments-unit {
border-bottom:1px solid #29321a;
float:left;
margin-bottom:20px;
padding-bottom:10px;
width:570px;
}
.comments-unit ul li {
border-bottom:1px solid #29321a;
float:left;
margin-bottom:20px;
padding:10px 0px 10px 0px;
width:560px;
}
.commentlist {
float:left;
margin-top:20px;
width:570px;
}
.commentlist cite { font-weight:bold; }
.av-wrapper {
float:left;
margin-right:10px;
width:40px;
}
.av-wrapper img{ background-color:white; padding:2px; border-bottom:1px solid gray;}
.avatar { float:left; }
.comment_text {
font-size:0.9em;
float:left;
width:500px;
}
/* right-colom */
#right-colom {
width:312px;
float:right;
margin-bottom:120px;
}
#right-colom h2 {
float:left;
color:#3E522F;
font-size:0.9em;
margin-bottom:5px;
width:100%
}
#top-rigt-panel {
/*left-top-panel-bg.png*/
background-image:url(images/to-bg.png);
float:left;
margin-bottom:20px;
padding:10px;
width:292px;
}
#top-rigt-panel ul { float:left; }
.center-child{ margin:0px 10px  0px 10px ; }
.new-work-link ul li{ float:left; width:88px;margin-bottom:5px ;}
.new-work-link ul li a img { background-color:white; padding:3px; border-bottom:1px solid #727D52; } 
/*-- network --*/
.connect-link ul, .new-work-link ul { width:285px; }
.connect-link ul li { padding-right:1px; }
.connect-link ul li a { }
.google-talk { margin-right:2px; }
.twitter-icon a {
background-image:url(images/small-contact-icons-twitter.png);
background-repeat:no-repeat;
display:block;
width:40px;
height:50px;
}
.twitter-icon a:hover { background-image:url(images/small-contact-icons-twitter-OV.png); }
.rss-icon a {
background-image:url(images/small-contact-icons-rss.png);
background-repeat:no-repeat;
display:block;
text-indent:-3400px;
width:40px;
height:50px;
}
.rss-icon a:hover { background-image:url(images/small-contact-icons-rss-OV.png); }
.connect-link {
border-bottom:1px solid #3E522F;
float:left;
width:285px;
}

#top-rigt-panel h2 {
color:#3E522F;
float:left;
font-size:0.9em;
width:285px;
}
#top-rigt-panel div {
float:left;
width:285px;
margin:5px;
padding-bottom:5px;
}
#top-rigt-panel div ul li { float:left; }
#center-right-panel {
border-left:1px solid #29321a;
border-right:1px solid #29321a;
float:left;
padding-left:10px;
width:300px;
}
#friends {

float:left;
width:30px;
}
#friends ul {
float:left;
width:20px;
}
#friends ul li {
background-image:url(images/friends_bg.png);
background-repeat:no-repeat;
float:left;
height:20px;
margin-bottom:10px;
width:20px;
}
#friends ul li img{ background-color:white; border-bottom:1px solid #cccccc; padding:2px;}
#ads {
float:left;
margin-bottom:20px;
width:260px;
}
.sky{  margin-right:10px;} 


#right-ads{width: 260px; float:left;}
#ads div{ float:left;height:auto;  width:120px;border:2px white solid;}


#ads .col-1 {margin-right:10px;}
#ads ul {
float:left;
width:125px;

}
#ads ul li{
	/*background-image:url(images/advert_bg.png);*/
	background-color:white;
background-repeat:no-repeat;
float:left;
height:125px;
margin-bottom:10px;
width:125px;
}
.archives {
float:left;
margin:0px 10px 20px 0px;
}
.archives ul {
font-size:0.9em;
float:left;
margin-bottom:10px;
width:240px;

}
.archives ul li {
float:left;
width:240px;
}
.archives ul li em {
 color:gray;
}
.archives ul li a { color:#8F5737; }
/*portfolio*/
.center-colom { margin:0px 20px 0px 20px }
#portfolio {  
width:960px;
float:left;
margin:20px 0px 140px 0px ;
}
#portfolio ul {
width:960px;
float:left;
}
#portfolio ul li {
background-image:url(images/port-unit-back.png);
float:left;
height:184px;
margin-bottom:20px;
width:306px;
}#portfolio ul li a img { background-color:white ; padding:3px;border-bottom:1px solid gray;margin:10px 12px 0px 11px }
.spanner{ float:left; padding-left:12px; width:278px ;}
.spanner a{   display:block; color:#335533; font-family:Arial, Helvetica, sans-serif; font-size:.7em; font-weight:bold;float:left; width:278px ;}
.spanner a:hover{color:#446644;}

/*end portfolio*/

#ancor-bar {
background-image:url(images/top-up.png);
background-position:  0% 50%;
background-repeat:no-repeat;
clear:both;
padding-left:14px;
float:left;
font-size:0.9em;
margin:20px 0px 5px 0px ;
width:950px;
}
#ancor-bar a{color:#3E522F;}
#ancor-bar a:hover{ text-decoration:none;}
/* footer */
#footer {
background-image:url(images/footer-bar.png);
background-repeat:no-repeat;
clear:both;
padding:20px 0px 20px 0px;
width:960px;
}
#footer ul {
font-family:Arial, Helvetica, sans-serif;
float:left;
}
#footer-menu {
float:left;
width:450px;
margin: 0px 20px 20px 0px;
}
.li-menu-wrapper {
float:left;
width:450px
}
.li-search-wrapper {
float:left;
width:450px
}
#searchform {
float:left;
height:40px;
margin-top:10px;
width:450px;
}
#s, #searchsubmit {
float:left;
height:20px;
}
#s {
background-color:#fcf1dc;
border:1px solid #3E522F;
padding:4px 0px 0px 10px;
width:374px
}
#searchsubmit {
background-color:#3E522F;
border:1px solid #3E522F;
color:#CC0;
height:26px;
width:60px
}
#footer .ul-f li {font-size:.8em;}
#footer .ul-f li a { color:#8F5737; }
#footer h5 {font-size:.9em;
border-bottom:1px solid #29321a;
margin:10px 0px 10px 0px;
padding-left:18px;
}
#footer .ul-footer-col h5 {
background-image:url(images/icon-article.png);
background-repeat:no-repeat;
background-position:top left;
color:#3E522F;
}
#footer .ul-footer-col-mid h5 {
background-image:url(images/icon-tws.png);
background-repeat:no-repeat;
background-position:top left;
color:#2BB1E8;
}
#footer .ul-footer-col-last h5 {
background-image:url(images/icon-drawing.png);
background-repeat:no-repeat;
background-position:top left;
color:#A56B1E;
}
#footer .ul-footer-col-last a ,#footer .ul-footer-col a { 
border-bottom:1px solid #8F5737;display:block; text-decoration:none;width:140px;
 }

#footer .ul-footer-col-last a:hover ,#footer .ul-footer-col a:hover { 
color: #aF7868;
 }
#footer .ul-footer-col {

margin: 0px 20px 20px 0px;
width:140px;
}
#footer .ul-footer-col-mid {
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 0px 20px 20px 0px;
width:160px;

}
#footer .ul-footer-col-last {

margin-right:0px;
width:140px;
}
#tweetscontainer { width:160px; }
#tweets li { }
#tweets img {
float:left;
margin:	0px 10px 10px 0px;
}
#tweets li p { }
#tweets li a {
color:#8F5737;
font-weight:bold;
text-decoration:underline;
}
#tweets li a:hover { color:#752525; }
/* end footer */