﻿/*
Sample CSS for Social Media Bookmarks block.

The design of a TitanCMS site is typically built using two primary CSS files 
that separately control the Style and Layout of the content elements. 

Generally speaking, The "Style" css defines the fonts, sizes, colors, backgrounds,
text attributes and imagery used in the design. The "Layout" css defines the padding, 
margins, heights, widths, overflow and other layout attributes.

The two sets of CSS are given as examples of required Style and Layout CSS code
to completely implement the Social Media Bookmarks block. You could copy and paste
the respective sections directly into your CSS file and have it use most of your 
already existing formatting. Some text and background colors may be beneficial to
change.

Note: By default, this block will use a Default CSS Class Name of "Social". Therefore,
all CSS style definitions for this block should begin with ".Social". If you change the
default value, the definitions below must be updated.
*/

/* STYLES - Special class for Social Media block - SOCIAL */
.Social{background:#f3f2f2;border:1px solid #dfdfdf;}
.Social a,
.Social .title{color:#333;}
.Social a{line-height:27px;}
.Social a:focus,
.Social a:hover,
.Social a:active{text-decoration:none;}
.Social .title{font:normal 14px;}
.Social img{border:0;}

/* LAYOUT - Special class for Social Media block - SOCIAL */
.Social{overflow:hidden;}
.IE6 .Social{height:1%;} /* special definition to support IE 6 */
.Social ul{list-style:none;margin:0;padding:0;}
.Social ul li{display:inline;}
.Social span{display:none;}
.Social .title span,
.Social a span{display:inline}
.Social a,
.Social .title{float:left;height:30px;padding-top:5px;}
.Social a{line-height:27px;margin-left:15px;}
.Social .title{height:25px;padding:10px 20px 0 15px;}
.Social img{float:left;margin-right:3px;}
