/*
Theme: "Flurity"
Description: CSS Style
Author: flGravity (http://themeforest.net/user/flGravity)
Last Modified: 16/05/2012
TABLE OF CONTENS
1. Browser Reset
2. Basic Typography
3. Input and Buttons
4. Sections
5. Portfolio
6. Blog
7. Template Classes
8. Element Styles
*/
/** (1) Browser Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
ul, nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
/* generic elements */
img {
border: 0;
vertical-align: middle;
float:left;
margin-right: 15px;
}
/* ie image resize fix */
img {
-ms-interpolation-mode: bicubic;
}
:focus {
outline:0;
}
/* switch cursor to pointer on clickable elements */
.button, label, input[type=button],
input[type=submit], button {
cursor: pointer;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top: 1px dashed #ccc;
margin:9px 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/** (2) Basic Typography */
body {
font: 13px/20px "Open Sans","Arial",sans-serif;
color: #777;
background: #fff;
}
/* links */
a {
text-decoration: none;
color: #6daad0;
/* color transitions for links */
-moz-transition: color 0.2s linear;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
a:hover {
color: #888;
}
p {
font-size: 100%;
margin-bottom: 20px;
}
small {
font-size: 11px;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
blockquote {
margin: 20px 10px 20px 0;
font-size: 100%;
font-style: italic;
border-left: 2px solid #ccc;
padding-left: 10px;
font-size: 14px;
}
/* lists */
ul.list-disc, ul.list-square, ul.list-circle {
margin-bottom: 20px;
}
ul.list-disc {
list-style: inside disc;
}
ul.list-square {
list-style: inside square;
}
ul.list-circle {
list-style: inside circle;
}
/* headings */
h1, h2, h3, h4, h5 {
font-family: "PT Sans Narrow","Arial",sans-serif;
font-weight: normal;
margin: 20px 0;
color: #555;
}
h1 { font-size: 26px; font-stretch:semi-expanded; color:#C00; }
h2 { font-size: 20px; }
h3 { font-size: 18px; text-align:justify; }
h4 { font-size: 16px; }
h5 { font-size: 16px; text-align:justify; }
h5, h4 {
margin: 5px 0 15px;
}
/* headings group */
hgroup {
margin-bottom: 20px;
}
hgroup h1,
hgroup h2,
hgroup h3,
hgroup h4,
hgroup h5 {
margin: 5px 0;
}
/* subheading */
hgroup h5 {
color: #888;
border-left: 3px solid #6daad0;
padding-left: 5px;
font-style: italic;
}
/** (3) Input and Buttons */
input, textarea {
display: inline-block;
background: #fff;
border: 1px solid #eee;
color: #555;
outline: none;
font-size: 12px;
line-height: 20px;
margin: 4px 0 10px;
padding: 7px;
font-family: inherit;
}
input:focus, textarea:focus {
border-color: #e8e8e8;
}
input[type="text"],input[type="email"],input[type="password"] {
width: 180px;
}
label {
font-size: 11px;
margin-left: 5px;
font-style: italic;
white-space: nowrap;
}
label.error {
color: #888;
}
/* buttons */
input[type="submit"], input[type="button"], button, a.button {
color: #777;
font-weight: bold;
font-size: 12px;
line-height: 20px;
padding: 4px 10px;
border: 1px solid #e5e5e5;
margin: 10px 0 0;
background: url("../images/button_gradient.png") repeat-x 0 0;
background-color: #fff;
/* radius */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, a.button:hover {
background-position: 0 bottom;
color: #777;
}
/* button colors */
input[type="submit"].green,
input[type="button"].green,
button.green, a.button.green {background-color: #A8ED63; color: #fff; }
input[type="submit"].orange,
input[type="button"].orange,
button.orange, a.button.orange {background-color: #ED9163; color: #fff; }
input[type="submit"].blue,
input[type="button"].blue,
button.blue, a.button.aqua {background-color: #63A8ED; color: #fff; }
/* big button */
input[type="submit"].big,
input[type="button"].big,
button.big, a.button.big {
padding: 9px 20px;
margin: 10px 0;
}
/** (4) Sections */
#section-wrapper{
position: absolute;
left: 14%;
top: 0px;
width: 86%;
}
.section-content {
position: relative;
top: 20px;
padding: 0 20px;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
width: 61.8%;
margin: 0 auto;
max-height: 700px;
max-width: 700px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/* text color */
background: url("../images/section_bg.png");
}
/* scrollbar position and size */
.section-content .rollbar-path-vertical {
right: 7px;
height: 100%!important;
width: 5px;
}
/* make rollbar expand to the full width, while height is auto */
.section-content .rollbar-content {
width: 100%;
}
/* home section */
#home { top: 0px; background: #900; }
/*#home #cloud1 { background: url("../images/backgrounds/cloud1.png") no-repeat 400px 400px; }
#home #cloud2 { background: url("../images/backgrounds/cloud2.png") no-repeat 0px 0px; }
#home #baloon2 { background: url("../images/backgrounds/baloon2.png") no-repeat 800px 300px; }*/
#home #brand { background: url("../images/backgrounds/brand2.png") no-repeat 260px 150px; }
/* about section */
#about { top: 1000px; background: #900; }
/*#about #kite { background: url("../images/backgrounds/kite.png") no-repeat 750px 300px; }
#about #cloud3 { background: url("../images/backgrounds/cloud3.png") no-repeat -300px 0px; }
*/
/* portfolio section */
#portfolio { top: 2000px; background: #900; }
/*#portfolio #cloud7 { background: url("../images/backgrounds/cloud7.png") no-repeat 0px 200px; }
#portfolio #cloud8 { background: url("../images/backgrounds/cloud8.png") no-repeat 400px 100px; }
#portfolio #fish2 { background: url("../images/backgrounds/fish2.png") no-repeat 900px 400px; }
*/
/* blog section */
#blog { top: 3000px; background: #900; }
/*#blog #cloud9 { background: url("../images/backgrounds/cloud9.png") no-repeat 100px 200px; }
#blog #cloud10 { background: url("../images/backgrounds/cloud10.png") no-repeat 850px 400px; }
*/
/* features section */
#features { top: 4000px; background: #900;}
/*#features #fish1 { background: url("../images/backgrounds/fish1.png") no-repeat 750px 300px; }
#features #cloud5 { background: url("../images/backgrounds/cloud5.png") no-repeat 50px 300px; }
#features #cloud6 { background: url("../images/backgrounds/cloud6.png") no-repeat 500px 400px; }
*/
/* contacts section */
#contact { top: 5000px; background: url("../images/backgrounds/skyline.png") repeat-x 0 0; }/*
#contact #cloud4 { background: url("../images/backgrounds/cloud4.png") no-repeat 100px 300px; }
#contact #baloon1 { background: url("../images/backgrounds/baloon1.png") no-repeat 800px 50px; } */
/** (5) Portfolio */
.portfolio .portfolio-list {
position: relative;
top: 0;
left: 0;
}
.portfolio .portfolio-list li {
float: left;
width: 46.33%;
}
.portfolio .plist-inner {
position: relative;
margin-right: 10px;
margin-bottom: 30px;
overflow: hidden;
}
.portfolio .plist-thumb {
position: relative;
background: #fff;
text-align: center;
}
.portfolio .plist-thumb .overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: -100%;
}
.portfolio .plist-thumb .overlay a {
display: block;
position: absolute;
width: 40px;
height: 40px;
left: 50%;
top: 50%;
margin: -20px 0 0 -20px;
}
/* media types (image, video, work etc) */
.portfolio .plist-thumb a.type-link {
background: url("../images/media_icons.png") no-repeat 0 0px;
}
.portfolio .plist-thumb a.type-camera {
background: url("../images/media_icons.png") no-repeat 0 -40px;
}
.portfolio .plist-thumb a.type-search {
background: url("../images/media_icons.png") no-repeat 0 -80px;
}
.portfolio .plist-thumb a.type-play {
background: url("../images/media_icons.png") no-repeat 0 -120px;
}
.portfolio .plist-thumb a.type-zoom {
background: url("../images/media_icons.png") no-repeat 0 -160px;
}
.portfolio .plist-thumb a.type-photo {
background: url("../images/media_icons.png") no-repeat 0 -200px;
}
.portfolio .plist-thumb img,
.portfolio .portfolio-work img {
max-width: 100%;
height: auto;
width: auto;
}
.portfolio .plist-title {
width: 100%;
padding-top: 10px;
}
.portfolio .plist-title strong {
font-size: 100%;
}
.portfolio .plist-title a {
color: #555;
}
.portfolio .plist-title a:hover {
color: #6daad0;
}
.portfolio .plist-title span{
display: block;
font-size: 11px;
}
.portfolio .plist-title span a {
color: #888;
}
.portfolio .plist-title span a:hover {
color: #555;
}
.portfolio .plist-title strong::before {
content: "//";
display: inline;
float: left;
margin-right: 5px;
color: #6daad0;
font-weight: normal;
letter-spacing: -2px;
}
/* portfolio work and navigation */
.portfolio .portfolio-work {
position: relative;
top: 0;
left: 0;
}
.portfolio .portfolio-navigation {
padding-bottom: 20px;
border-bottom: 1px dashed #ccc;
height: 40px;
margin-bottom: 20px;
}
.portfolio .portfolio-work .pnav-index {
display: none;
}
.portfolio .portfolio-navigation a {
display: block;
width: 33.33%;
float: left;
text-align: center;
overflow: hidden;
height: 40px;
position: relative;
}
.portfolio .portfolio-navigation a img {
height: 100%;
width: auto;
min-width: 0;
}
.portfolio .portfolio-work a.pnav-back {
position: relative;
top: 50%;
margin-top: -12px;
width: 33.33%;
height: 24px;
background: url("../images/list.png") no-repeat center center;
text-indent: -9999px;
}
/** (6) Blog */
.blog { }
.blog .blog-list {
overflow: hidden;
}
.blog .blog-list > li {
position: relative;
float: left;
margin-bottom: 20px;
width: 100%;
}
.blog .blog-meta ul {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px dashed #ccc;
}
.blog .blog-meta {
margin: 0;
font-size: 11px;
}
.blog .blog-meta li strong {
color: #555;
margin-right: 5px;
}
.blog .blog-photo {
width: 95%;
max-height: 200px;
height: auto;
overflow: hidden;
margin: 10px 0;
border: 5px solid #fff;
}
.blog img {
height: auto;
max-width: 100%;
}
.blog .blog-short {
}
.blog .blog-entry {
display: none;
position: relative;
top: 0;
}
.blog .blog-entry h1 {
margin-top: 10px;
}
.blog .blog-entry .blog-photo {
max-height: 300px;
}
.blog .blog-entry .blog-meta ul {
overflow: hidden;
}
.blog .blog-entry .blog-meta ul li {
float: left;
margin-right: 15px;
}
.blog .blog-entry .blog-entry-return {
display: block;
float: right;
width: 24px;
height: 24px;
background: url("../images/list.png");
margin-top: -2px;
}
.blog .blog-entry-comments {
margin: 20px 0 20px;
border-top: 3px solid #fff;
}
.blog .blog-entry-comments .comment-list li {
margin: 10px 0 20px;
}
.blog .blog-entry-comments .comment-meta {
font-size: 11px;
color: #888;
padding: 5px 10px;
margin-bottom: 10px;
min-height: 40px;
padding-left: 50px;
background: url("../images/user.png") no-repeat 0 center;
}
.blog .blog-entry-comments .comment-meta strong {
color: #555;
display: block;
}
.blog .blog-entry-comments textarea {
max-width: 95%;
}
/** (7) Template Classes */
/* link with right arrow
Link
*/
.link {
font-style: italic;
font-size: 90%;
}
p + .link {
position: relative;
top: -10px;
}
.link::after {
content: "\2192";
display: inline;
margin-left: 5px;
}
/* floats and clearings */
.left { float: left; }
.right { float: right; }
.clear, .clearfix { zoom:1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
/* no margin */
.nomargin {
margin-bottom: 0!important;
}
/* floated images */
.image {
max-width: 100%;
}
.image.left {
float: left;
margin: 0 10px 10px 0;
}
.image.right {
float: right;
margin: 0 0 10px 10px;
}
/* image frame */
img.frame {
padding: 4px;
background: #fff;
border: 1px solid #eee;
}
/* sidebar */
.sidebar, aside {
font-size: 11px;
}
/* very simple column grid (2 and 3 cols) */
.one,
.one-half,
.one-third,
.two-thirds,
.one-fourth,
.three-fourths {
float: left;
padding-left: 3%;
}
.first {
clear: both;
padding-left: 0;
}
.one-half { width: 48%; }
.one-third { width: 31%; margin-top: -60px; }
.two-thirds { width: 65%; }
.one-fourth { width: 28.5%; }
.three-fourths { width: 62.5%; }
/* social icons
*/
.social {
display: block;
width: 24px;
height: 24px;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
text-indent: -9999px;
}
.social.external {
border-top-right-radius: 0;
-mox-border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
}
/* social icons (24x24 px) with hover backgroungs
(EE6363, A863ED, A8ED63, ED9163, 63EDED, 63A8ED)
*/
.social.flickr:hover, .social.vimeo:hover {background-color: #A863ED; }
.social.facebook:hover, .social.picasa:hover { background-color: #A8ED63; }
.social.youtube:hover, .social.twitter:hover { background-color: #ED9163; }
.social.linkedin:hover, .social.email:hover { background-color: #63EDED; }
.social.share:hover { background-color: #63A8ED; }
.social.flickr { background: #ccc url("../images/social/white_flickr.png"); }
.social.vimeo { background: #ccc url("../images/social/white_vimeo.png"); }
.social.facebook { background: #ccc url("../images/social/white_facebook.png"); }
.social.twitter { background: #ccc url("../images/social/white_twitter.png"); }
.social.youtube { background: #ccc url("../images/social/white_youtube.png"); }
.social.picasa { background: #ccc url("../images/social/white_picasa.png"); }
.social.linkedin { background: #ccc url("../images/social/white_linkedin.png"); }
.social.email { background: #ccc url("../images/social/white_email.png"); }
.social.share { background: #ccc url("../images/social/white_share_this.png"); }
/* toggle list
*/
.toggle-list {
margin-top: -10px;
}
.toggle-list > li {
position: relative;
padding-top: 40px;
overflow: hidden;
}
.toggle-list li .toggle-title {
color: #555;
}
.toggle-list li .toggle-title:hover {
color: #888;
}
.toggle-list li .toggle-content {
padding-bottom: 0;
}
.toggle-list li .toggle-title {
position: absolute;
margin: 10px 0 0;
padding-left: 30px;
top: 0; left: 0;
cursor: pointer;
background: url("../images/toggle_controls.gif") no-repeat 0 0;
}
.toggle-list .toggle-active .toggle-title {
background-position: 0 -20px;
}
/* tabs
*/
.multitab {
position: relative;
padding-top: 40px;
margin-bottom: 20px;
}
.multitab .tabnav {
position: absolute;
background: #fff;
background: rgba(255,255,255,0.5);
top: 0;
left: 0;
width: 100%;
}
.multitab .tabnav li {
float: left;
padding: 5px 20px;
position: relative;
}
.multitab .tabnav li.active {
border-top: 3px solid #6daad0;
background: #fff;
}
.multitab .tabnav li a {
color: #555;
}
.multitab .tabnav li a:hover,
.multitab .tabnav li.active a {
color: #888;
}
/* carousel (jcarousel plugin)
*/
.carousel {
width: 100%;
overflow: hidden;
padding-bottom: 20px;
}
.carousel .jcarousel-container {
width: 440px;
}
.carousel .jcarousel-clip {
overflow: hidden;
}
.carousel .jcarousel-item {
display: block;
position: relative;
float: left;
width: 100px;
height: 80px;
margin-right: 10px;
text-align: center;
}
.carousel .jcarousel-item img {
max-width: 100%;
height: auto;
}
.carousel .jcarousel-item a {
display: block;
}
.carousel .jcarousel-next,
.carousel .jcarousel-prev {
position: absolute;
bottom: -20px;
cursor: pointer;
}
.carousel .jcarousel-next:hover,
.carousel .jcarousel-prev:hover {
color: #6daad0;
}
.carousel .jcarousel-prev { left: 0px; }
.carousel .jcarousel-next { left: 20px; }
/* image slider (flexslider plugin)
*/
.slider {
position: relative;
overflow: hidden;
height: auto;
margin: 0 auto;
margin-bottom: 20px;
}
.slider .slides::after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.slider .slides > li {
position: relative;
display: none;
}
.slider .slides img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
/* slider navigation controls */
.slider.slider-navigation .flex-direction-nav {
display: block;
}
.slider .flex-direction-nav {
display: none;
margin: 0;
position: absolute;
right: 0;
bottom: 0;
}
.slider .flex-direction-nav li {
list-style: none;
float: left;
}
.slider .flex-direction-nav a {
display: block;
text-indent: -9999px;
width: 20px;
height: 20px;
}
.slider .flex-direction-nav a.prev {
background: url("../images/slider_controls.png") no-repeat 0 0;
}
.slider .flex-direction-nav a.next {
background: url("../images/slider_controls.png") no-repeat 0 -20px;
}
/* slider pagination controls */
.slider.slider-pagination .flex-control-nav {
display: block;
}
.slider .flex-control-nav {
display: none;
position: absolute;
list-style: none;
bottom: 5px;
left: 50%;
}
.slider .flex-control-nav li {
position: relative;
float: left;
margin-right: 5px;
left: -50%;
}
.slider .flex-control-nav a {
display: block;
width: 10px;
height: 10px;
background: url("../images/slider_controls.png") no-repeat 0 -40px;
text-indent: -9999px;
cursor: pointer;
}
.slider .flex-control-nav .active {
background-position: -10px -40px;
}
/* services */
.services {
overflow: hidden;
}
.services li {
margin: 20px 0;
position: relative;
}
.services .service-image {
position: relative;
top: 0;
left: 0;
float: left;
margin: 20px 20px 0 10px;
}
.services .service-content {
overflow: hidden;
padding: 0 10px;
}
.services .service-content h3 {
margin: 0 0 10px;
}
/** (8) Element Styles */
/* site preloader */
#preloader {
position: absolute;
top: 0;
left: 0;
background: #fff;
height: 100%;
width: 100%;
z-index: 200;
}
#preloader #indicator {
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
height: 5px;
background: #fff url("../images/preloader_bg.gif") repeat;
width: 0%;
}
#preloader #progress {
position: absolute;
left: 0;
right: 0;
width: 221px;
margin: 0 auto;
top: 50%;
margin-top: -60px;
font-size: 10px;
color: #888;
text-align: center;
height: 162px;
padding: 83px 0 17px;
/* logo image converted for embedding into css using http://webcodertools.com/imagetobase64converter */
background-image: url(file:///E|/GRAAL/WEBSITE/images/logo.gif);
}
/* contact form */
#contact-form {
margin-top: 20px;
}
#response_msg {
display: inline-block;
margin-left: 20px;
}
/* google map */
#map {
position: relative;
width: 100%;
height: 250px;
border: 2px solid #fff;
}
/* go top button */
.gohome {
display: block;
position: fixed;
width: 40px;
height: 40px;
background: url("../images/gohome.png") no-repeat 0 0;
padding: 0;
text-indent: -9999px;
bottom: 10px;
right: 10px;
z-index: 20;
color: #fff;
text-align: center;
line-height: 40px;
}
.gohome:hover{
background-position: 0 -40px;
}
/* sidebar */
#header {
position: fixed;
width: 14%;
min-width: 146px;
max-width: 222px;
height: 100%;
background: url("../images/stripes.png");
text-align: right;
z-index: 120;
}
#header:before{
content: "";
display: block;
position: absolute;
right: -15px;
top: 0;
height: 100%;
width: 15px;
background: url("../images/nav_shadow.png") repeat-y;
}
/* min heights for navigation elements (logo, menu, twitter) */
#header #logo { min-height: 160px; }
#header #nav { min-height: 200px; margin-top: 30px; }
#header #multitab_wrap { min-height: 170px; }
/* site logo */
#logo {
position: relative;
top: 0px;
text-align: center;
height: 28.3%;
}
/* contact info */
#contact-me {
display: none;
font-size: 11px;
line-height: 1.3em;
color: #888;
float: left;
}
#contact-me a {
color: #555;
}
#contact-me a:hover {
color: #888;
}
/* navigation menu */
#nav {
height: 38.3%;
}
#nav ul {
float: left;
position: relative;
left: 50%;
top: 0px;
}
#nav ul li {
font: 20px/1.4em "PT Sans Narrow", "Arial", sans-serif;
position: relative;
right: 50%;
}
#nav a {
color: #888;
}
#nav a[href^="http"]::before {
content: "+";
display: inherit;
margin-right: 5px;
color: #ccc;
}
#nav a:hover, #nav .active {
color: #6daad0;
}
/* copyright notice */
.copyright {
position: absolute;
width: 100%;
bottom: 0px;
right: 10px;
margin: 10px 0;
text-align: right;
color: #ccc;
}
/* sidebar multitab switcher */
#multitab_wrap {
clear: both;
position: relative;
height: 33.3%;
}
#multitab_wrap a {
color: #aaa;
}
#multitab_wrap a:hover {
color: #6daad0;
}
#multitab_wrap .multitab {
position: absolute;
width: 100%;
bottom: 60px;
left: 0;
margin: 0;
padding: 0;
}
#multitab_wrap .multitab .tabnav {
background: none;
float: left;
position: relative;
left: 50%;
margin-bottom: 10px;
width: auto;
}
#multitab_wrap .multitab .tabnav li {
padding: 0;
margin: 0 5px;
position: relative;
left: -50%;
}
#multitab_wrap .multitab .tabnav li.active {
background: none;
border: 0;
}
#multitab_wrap .multitab .tab {
position: relative;
clear: both;
border-top: 1px dashed #dfdfdf;
border-bottom: 1px dashed #dfdfdf;
padding: 10px;
font-size: 12px;
text-align: left;
}
#tweetscroll { height: 120px; }
#tab_address { max-height: 140px; }
#tweetscroll .rollbar-path-vertical { width: 3px; right: 0; }
#tweetscroll .follow {
margin: 0 10px 0 0;
padding-right: 20px;
text-align: center;
background: #6daad0 url("../images/social/white_twitter_bird.png") no-repeat right center;
}
#tweetscroll .follow a {
color: #fff;
font-size: 11px;
}
#tab_twitter { padding: 10px 0; }
.tweetfeed { padding-right: 10px; }