@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;
}
/* expermentalButton */
#expermentalButton {
padding-left:120px;
width:400px;
float:left;
clear:both;
margin-top:20px;
}
#expermentalButton li {
width:180px;
float:left;
}
#expermentalButton li a {
width:190px;
float:left;
height:60px;
display:block;
color:white;
background-image:url(images/experiment_btn.png);
background-repeat:no-repeat;
text-indent:-1000px;
}
#expermentalButton li a:hover {
background-position:-195px 0px;
}
/*  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-colo
------------- */
#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.9em;
border-bottom:1px solid #3E522F;
float:left;
margin-bottom:20px;
padding-bottom:10px;
width:570px;
}
#aboutmewrapper ul {
float:left;
margin-right:20px;
width:160px;
}
#aboutmewrapper ul li {
float:left;
width:160px;
border-bottom:1px solid #3E522F;
padding-bottom:5px;
padding-top:5px;
}
/* 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;
width:570px;
}
.res-wrapper p img {
text-align:center;
margin:auto 0px auto 0px;
}
.res-wrapper ul {
float:left;
width:570px;
margin-bottom:10px;
}
.res-wrapper ul li, .res-wrapper 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;
}
.img-less-with {
background-color:white;
width:570px;
background-color:white;
border-bottom:1px solid;
text-align:center;
}
.img-less-with img {
border-bottom:none;
display:inline
}
/*--  gallery */
.spacer-right {
margin-right:10px;
}
.spacer-left {
margin-left:10px;
}
ul#Illus-gallery {
float:left;
width:570px;
}
ul#Illus-gallery li {
float:left;
width:135px;
margin-bottom:10px;
}
ul#Illus-gallery li a {
display:block;
float:left;
width:135px;
}
ul#Illus-gallery li a img {
margin:0px;
}
/* --------------------
----------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 {
border:1px solid #29321a;
width:320px;
float:right;
margin-top:110px;
}
#right-colom h2 {
float:left;
color:#2D3C1C;
font-size:0.9em;
margin-bottom:5px;
width:100%
}
#top-rigt-panel {
background-image:url(images/to-bg.png);
float:left;
margin-bottom:10px;
padding: 10px 10px 5px 10px;
width:300px;
}
.new-work-link {
float:left;
width:300px;
}
.new-work-link ul {

width:300px;
float:left;
}
.new-work-link ul li {
float:left;
width:98px;
margin-bottom:3px;
padding:0px;

}
.new-work-link ul li a { display:block; float:inherit;border:none; padding:0px; margin:0px;}
.new-work-link ul li a img {
width:92px;
padding:3px;
border-bottom:1px solid #727D52;
background-color:white
}
.center-child {
margin:0px 3px 0px 3px;
}
#top-rigt-panel h2 {
color:#3E522F;
float:left;
font-size:0.9em;
width:300px;
}
#top-rigt-panel div {
float:left;
}
#top-rigt-panel div ul li {
float:left;
}
#center-right-panel {
float:left;
padding-left:10px;
width:320px;
}

#friends {
float:left;
width:300px;
margin-bottom:10px;
}
#friends ul {
float:left;
width:300px;
}
#friends ul li {
float:left;
height:20px;
margin:0px 3px 3px 0px;
width:20px;
}

#friends ul li img {
background-color:white;
border-bottom:1px solid #cccccc;
padding:2px;
}
/*-- */
#twitterBox {
float:left;
width:300px;
margin-bottom:10px;
}
#twitterBox ul {
float:left;
width:300px;
color:#005F2E;
font-size:14px;
font-family:Georgia,"Times New Roman", Times, serif;
}
#twitterBox ul li {
float:left;
width:280px;
margin:0px 0px 5px 0px;
border-bottom:1px solid #005F2E;
background-color:#66CC99;
padding:10px;
background-image:url(http://www.goshine-design.co.uk/wp-content/themes/go1/twitter/twitter_bg.jpg);
background-position:bottom left;

}
#twitterBox ul li a {
color:#005F2E;
font-weight:bold;
text-decoration:underline;

}
#twitter_update_list li a:hover {
color:#BFFFDE;
}

#twitterBox ul li img {
background-color:white;
border-bottom:1px solid #cccccc;
padding:2px;
}

/*
#tweetscontainer {
width:160px;
}
#twitter_update_list {
width:160px;

}
#twitter_update_list li {

}
#twitter_update_list li a {
color:#8F5737;
font-weight:bold;
text-decoration:underline;
}

*/
/*---*/

#ads {
float:left;
/*margin-bottom:20px;*/
width:280px;
}
.sky {
margin-right:10px;
}
#right-ads {
width: 300px;
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 0px 0px;
}
.archives ul {
font-size:0.9em;
float:left;
margin-bottom:10px;
width:280px;
}
.archives ul li {
float:left;
width:280px;
}
.archives ul li em {
color:gray;
}
.archives ul li a {
color:#8F5737;
}

#tutfeed li,#newsfeed li{ margin-bottom:5px;}
#tutfeed li a ,#newsfeed li a{display:block, font-weight:bold;}
#psdfeed li > img{ padding:2px; background-color:white; border-bottom:1px solid gray;}

/*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;
}


/* end footer */
/* ---- */
#sm a {
color:#8F5737;
font-size:12px;
font-style:italic;
}