p.gkHeadline {
margin : 5px 0 0 0;
text-align : center;
font : normal normal 2em/1.9 "Lucida Grande", Tahoma;
color : #222;
}
p.gkSubHeadline {
margin-top : 10px;
letter-spacing : 0.3em;
text-align : center;
text-transform : uppercase;
font : lighter 0.75em/1em "Lucida Grande", Tahoma;
color : #666;
}
p.gkSmallHeadline {
letter-spacing : 2px;
text-transform : uppercase;
font : bold 11px/14px Gill Sans, Verdana;
color : #BC3726;
}
p.gkLargeHeadline {
margin : 0;
padding : 0 0 6px 0;
letter-spacing : -2px;
font : bold 44px/38px "Lucida Grande", Tahoma;
color : #444;
}
.gkAudio, .gkCreditcard, .gkFeed, .gkHelp, .gkWebcam, .gkImages, .gkLock, .gkPrinter, .gkReport, .gkScript, .gkTime, .gkUser, .gkWorld, .gkCart, .gkCd, .gkChartBar, .gkChartLine, .gkChartPie, .gkClock, .gkCog, .gkCoins, .gkCompress, .gkComputer, .gkCross, .gkDisk, .gkError, .gkEmail, .gkExclamation, .gkFilm, .gkFolder, .gkGroup, .gkHeart, .gkHouse, .gkImage, .gkInformation, .gkMagnifier, .gkMoney, .gkNew, .gkNote, .gkPage, .gkPage_white, .gkPlugin, .gkAccept, .gkAdd, .gkCamer, .gkBrick, .gkBox, .gkCalendar, .gkCamera {
padding : 0 0 2px 30px !important ;
}
.gkAudioIs2, .gkCreditcardIs2, .gkFeedIs2, .gkHelpIs2, .gkWebcamIs2, .gkImagesIs2, .gkLockIs2, .gkPrinterIs2, .gkReportIs2, .gkScriptIs2, .gkTimeIs2, .gkUserIs2, .gkWorldIs2, .gkCartIs2, .gkCdIs2, .gkChartBarIs2, .gkChartLineIs2, .gkChartPieIs2, .gkClockIs2, .gkCogIs2, .gkCoinsIs2, .gkCompressIs2, .gkComputerIs2, .gkCrossIs2, .gkDiskIs2, .gkErrorIs2, .gkEmailIs2, .gkExclamationIs2, .gkFilmIs2, .gkFolderIs2, .gkGroupIs2, .gkHeartIs2, .gkHouseIs2, .gkImageIs2, .gkInformationIs2, .gkMagnifierIs2, .gkMoneyIs2, .gkNewIs2, .gkNoteIs2, .gkPageIs2, .gkPage_whiteIs2, .gkPluginIs2, .gkAcceptIs2, .gkAddIs2, .gkCamerIs2, .gkBrickIs2, .gkBoxIs2, .gkCalendarIs2, .gkCameraIs2, .gkContactIs2, .gkFacebookIs2, .gkLikeItIs2, .gkTwitterIs2, .gkVimeoIs2, .gkYoutubeIs2 {
padding : 0 0 2px 30px !important ;
}
.gkAudioIs3, .gkCameraIs3, .gkUserIs3, .gkCartIs3, .gkChartLineIs3, .gkChartBarIs3, .gkComputerIs3, .gkCoffeIs3, .gkConfigIs3, .gkConfig2Is3, .gkCrossIs3, .gkErrorIs3, .gkHouseIs3, .gkInformationIs3, .gkMagnifierIs3, .gkPageIs3, .gkLockIs3, .gkSpeakerIs3, .gkStarIs3, .gkTelephoneIs3, .gkInfo1Is3, .gkInfo2Is3, .gkInfo3Is3, .gkInfo4Is3, .gkTips1Is3, .gkTips2Is3, .gkTips3Is3, .gkTips4Is3 {
padding : 0 0 2px 30px !important ;
}
p.gkInfo1, p.gkInfo3, p.gkWarning1, p.gkWarning3, p.gkTips1, p.gkTips3 {
padding-left : 30px;
}
p.gkInfo2 {
padding : 3px 3px 3px 30px;
background-position : 3px center;
}
p.gkInfo3 {
min-height : 14px;
padding : 5px 0 5px 30px;
background-position : 7px center;
}
p.gkInfo4 {
min-height : 14px;
padding : 5px 0;
background-position : 7px center;
}
p.gkInfo5 {
min-height : 14px;
padding : 5px 0 5px 30px;
background-position : 7px center;
}
p.gkWarning2 {
padding : 3px 3px 3px 30px;
background-position : 3px center;
}
p.gkWarning3 {
min-height : 14px;
padding : 5px 0 5px 30px;
background-position : 7px center;
}
p.gkWarning4 {
min-height : 14px;
padding : 5px 0;
background-position : 7px center;
}
p.gkWarning5 {
min-height : 14px;
padding : 5px 0 5px 30px;
background-position : 7px center;
}
p.gkTips2 {
padding : 3px 3px 3px 30px;
background-position : 3px center;
}
p.gkTips3 {
padding : 5px 0 5px 30px;
background-position : 7px center;
}
p.gkTips4 {
min-height : 14px;
padding : 5px 0;
background-position : 7px center;
}
p.gkTips5 {
min-height : 14px;
padding : 5px 0 5px 30px;
background-position : 7px center;
}
.gkHighlight1, .gkHighlight2, .gkHighlight3, .gkHighlight4 {
padding : 1px 5px;
transition : all 1.3s ease-out;
}
.gkHighlight1:hover {
background : #f1f4f5;
}
.gkHighlight2:hover {
background : #f1f4f5;
}
.gkHighlight3:hover {
background : #f1f4f5;
color : #000;
}
.gkHighlight4:hover {
background : #f1f4f5;
color : #000;
}
.gkCode1, .gkCode2 {
margin : 10px 0 15px !important ;
padding : 10px 15px !important ;
font-size : 0.92em !important ;
font-family : 'Curier New', monospace !important ;
}
.gkCode2 {
padding-left : 20px !important ;
}
.gkCode3 {
padding : 0 0 5px 20px !important ;
}
.gkCode3 h4 {
width : 35px;
position : relative;
top : -10px;
margin : 0 0 -10px 11px !important ;
padding : 0 5px;
font-size : 1.17em;
font-weight : normal;
}
pre, .gkCode1, .gkCode2 {
opacity : 1;
transition : all 1.3s ease-out;
}
pre {
padding : 10px;
}
.gkCode3 h4 {
width : 35px;
position : relative;
top : -15px;
margin : 0 0 -10px 11px !important ;
padding : 0 5px;
font-size : 1.17em;
font-weight : normal;
}
pre:hover, .gkCode1:hover {
background : #f5f5f5;
}
div.gkCode2:hover {
background : #f5f5f5;
}
ol {
padding-left : 28px;
list-style-position : inside;
}
ol.gkDec {
list-style-type : decimal;
list-style-position : inside;
}
ol.gkRoman {
list-style-type : upper-roman;
list-style-position : inside;
}
ol.gkAlpha {
list-style-type : lower-alpha;
list-style-position : inside;
}
ol.gkDecimalLeadingZero {
list-style-type : decimal-leading-zero;
list-style-position : inside;
}
ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4, ul.gkCircle1, ul.gkCircle2, ul.gkSquare1, ul.gkSquare2, ul.gkSquare3, div.articleContent ul {
padding-left : 18px;
}
ul li {
list-style-position : outside;
}
ul.gkBullet1 li, ul.gkBullet2 li, ul.gkBullet3 li, ul.gkBullet4 li, ul.gkCircle1 li, ul.gkCircle2 li, ul.gkSquare1 li, ul.gkSquare2 li, ul.gkSquare3 li, div.articleContent ul li {
margin : 10px 0 !important ;
line-height : 0.83em !important ;
list-style-position : inside;
overflow : inherit;
}
ul.gkCircle2 {
list-style-type : circle;
}
ul.gkSquare1 {
list-style-type : square;
}
div.gkNumber1 span {
padding : 4px;
}
div.gkNumber2 span {
padding : 4px;
color : #fff;
}
div.gkNumber1 span.highlight, div.gkNumber2 span.highlight {
background : none;
color : #555;
font-weight : bold;
}
dl.gkDef1 dt, dl.gkDef2 dt, dl.gkDef3 dt {
margin : 10px 0 5px 0;
}
dl.gkDef1 dd, dl.gkDef2 dd, dl.gkDef3 dd {
padding : 10px;
}
dl.gkDef2 dt {
text-decoration : underline;
}
dl.gkDef3 dt {
margin-top : 10px;
letter-spacing : 0.3em;
text-transform : uppercase;
font : lighter 1.1em/1.2em "Lucida Grande", Tahoma;
font-variant : normal;
color : #666666;
}
acronym, abbr {
border-bottom-width : 1px;
border-bottom-style : dotted;
}
acronym:hover, abbr:hover {
border-bottom-style : solid;
cursor : pointer;
}
div.gkLegend1 h4, div.gkLegend2 h4, div.gkLegend3 h4, div.gkLegend4 h4, div.gkLegend5 h4, div.gkLegend7 h4, div.gkLegend6 h4 {
width : auto;
float : left;
position : relative;
top : -14px;
left : 11px;
margin : 0 0 -9px 0 !important ;
padding : 0 3px;
font-size : 1.17em;
font-weight : normal;
}
div.gkLegend1, div.gkLegend5, div.gkLegend6, div.gkLegend2, div.gkLegend3, div.gkLegend4 {
margin : 25px 0;
}
div.gkLegend1 p, div.gkLegend2 p, div.gkLegend3 p, div.gkLegend4 p, div.gkLegend5 p, div.gkLegend7 h4, div.gkLegend6 p {
margin : 7px;
clear : both;
}
div.gkLegend7 {
margin : 25px 0;
}
div.gkLegend7 {
transition : all 2s ease-out;
}
div.gkLegend7 p {
margin : 7px;
clear : both;
}
span.gkDropcap1, span.gkDropcap2, span.gkDropcap3 {
display : block;
float : left;
line-height : 1.0em;
font-family : 'Times New Roman', serif;
font-size : 5.0em;
}
span.gkDropcap1 {
height : 61px;
margin : -4px 5px -3px 0;
}
p.gkDropcap2 {
padding : 0 0 0 50px;
}
span.gkDropcap2 {
height : 61px;
margin : -4px 0 0 -50px;
}
p.gkDropcap3 {
margin-top : 32px;
}
span.gkDropcap3 {
height : 61px;
margin : -32px 5px 0 0;
}
blockquote {
margin : 20px 0;
font-style : italic;
}
blockquote div {
display : block;
}
blockquote div.gkBlockquote1 div {
padding : 0 17px;
}
blockquote div.gkBlockquote2 div {
padding : 0 17px;
}
blockquote div.gkBlockquote3 {
padding-bottom : 5px;
}
blockquote div.gkBlockquote3 div {
padding : 5px 27px 0 27px;
}
blockquote div.gkBlockquote4 {
padding-top : 2px;
}
blockquote div.gkBlockquote4 div {
padding : 10px 27px 0 27px;
}
.gkBlockTextLeft, .gkBlockTextRight, .gkBlockTextCenter {
display : block;
width : 39%;
padding : 30px;
line-height : 130%;
font-family : Georgia, Times;
font-style : normal;
font-size : 21px;
color : #222;
}
.gkBlockTextLeft {
float : left;
text-align : left;
}
.gkBlockTextRight {
float : right;
text-align : right;
}
.gkBlockTextCenter {
margin : 0 auto;
text-align : center;
}
ul.gkBullet1, div.articleContent ul {
list-style-image : url(../images/style1/typography/bullet_ol_1_dark.png) !important ;
}
div.articleContent ul.gkCircle1 {
list-style-image : url(../images/style1/typography/bullet3ul.png) !important ;
}
div.articleContent ul.gkCircle2 {
list-style-type : circle;
list-style-image : none !important ;
}
div.articleContent ul.gkBullet2 {
list-style-image : url(../images/style1/typography/bullet1ul.png) !important ;
}
div.articleContent ul.gkBullet3 {
list-style-image : url(../images/style1/typography/bullet2ul.png) !important ;
}
div.articleContent ul.gkBullet4 {
list-style-image : url(../images/style1/typography/bullet_ol_1_color.png) !important ;
}
div.articleContent ul.gkSquare1 {
list-style-type : square;
list-style-image : none !important ;
}
div.articleContent ul.gkSquare2 {
list-style-image : url(../images/style1/typography/bullet_squ1_dark.png) !important ;
}
div.articleContent ul.gkSquare3 {
list-style-image : url(../images/style1/typography/bullet_squ1_color.png) !important ;
}
div.gkNumber1 span {
background : url(../images/style1/typography/bullet_ol_2.png) center center no-repeat transparent;
color : #fff;
}
div.gkNumber2 span {
background : url(../images/style1/typography/bullet_ol_2_color.png) center center no-repeat transparent;
color : #fff;
}
blockquote div.gkBlockquote1 {
background : url(../images/style1/typography/open1.png) left bottom no-repeat transparent;
}
blockquote div.gkBlockquote1 div {
background : url(../images/style1/typography/close1.png) right top no-repeat transparent;
}
blockquote div.gkBlockquote2 {
background : url(../images/style1/typography/open1.png) left top no-repeat transparent;
}
blockquote div.gkBlockquote2 div {
background : url(../images/style1/typography/close1.png) right top no-repeat transparent;
}
blockquote div.gkBlockquote3 {
background : url(../images/style1/typography/open2.png) left bottom no-repeat transparent;
}
blockquote div.gkBlockquote3 div {
background : url(../images/style1/typography/close2.png) right top no-repeat transparent;
}
blockquote div.gkBlockquote4 {
background : url(../images/style1/typography/open2.png) left top no-repeat transparent;
}
blockquote div.gkBlockquote4 div {
background : url(../images/style1/typography/close2.png) right top no-repeat transparent;
}
span.gkClear, span.gkClear-1, span.gkClear-2 {
display : block;
}
span.gkColor, span.gkColor-1, span.gkColor-2, span.gkColor-3, span.gkColor-4, span.gkColor-5, span.gkColor-6, span.gkColor-7 {
display : block;
padding : 4px 10px;
}
.gkTable {
border-collapse : collapse;
font-style : normal;
}
.gkTable thead {
padding : 5px 10px;
text-align : left;
font : normal normal 15px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.gkTable td {
padding : 10px;
}
.gkTable tfoot {
margin-bottom : 10px;
margin-top : 0;
padding : 0;
text-align : right;
font-size : 0.8em;
font-style : italic;
}
.gkTable2 {
border-collapse : collapse;
font-style : normal;
}
.gkTable2 thead {
text-align : left;
font : normal normal 15px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
padding : 5px 10px;
}
.gkTable2 td {
padding : 10px;
}
.gkTable2 tfoot {
margin-bottom : 10px;
margin-top : 0;
padding : 0;
text-align : right;
font-size : 0.8em;
font-style : italic;
}
.gkTooltip {
position : relative;
border-bottom : 1px dotted #000;
outline : none;
cursor : help;
text-decoration : none;
color : #000;
}
.gkTooltip span {
position : absolute;
margin-left : -999em;
}
.gkTooltip:hover span {
position : absolute;
left : 0.5em;
top : 1em;
z-index : 99;
width : 250px;
margin-left : 0;
border-radius : 3px;
box-shadow : 0 1px 1px rgba(0, 0, 0, 0.8);
}
.gkTooltip:hover em {
display : block;
padding : 0;
font-size : 1.2em;
font-weight : bold;
}
.classicTooltip {
padding : 0.6em 0.8em;
}
.customTooltip {
padding : 0.6em 0.8em;
}
pre, .gkCode1, .gkCode2, .gkCode3 {
background : url('../images/style1/white_bg.png') 0 0 repeat transparent;
}
pre, .gkCode1 {
border-left : 3px solid #bc3726 !important ;
}
.gkCode2 {
border-top : 3px solid #bc3726;
border-bottom : 3px solid #bc3726;
}
.gkCode3 {
border-top : 1px solid #bc3726;
border-bottom : 1px solid #bc3726;
}
.gkCode3 h4 {
background : #bc3726;
color : #fff;
}
p.gkInfo1, p.gkInfo2, p.gkInfo3 {
background : url('../images/icons/info.gif') 7px center no-repeat transparent;
}
p.gkTips1, p.gkTips2, p.gkTips3 {
background : url('../images/icons/tips.gif') 7px center no-repeat transparent;
}
p.gkWarning1, p.gkWarning2, p.gkWarning3 {
background : url('../images/icons/warning.gif') 7px center no-repeat transparent;
}
p.gkInfo2 {
border-top : 1px solid #eee;
border-bottom : 1px solid #eee;
}
p.gkInfo3 {
background-color : #f9f9f9;
}
p.gkWarning2 {
border-top : 1px solid #bc3726;
border-bottom : 1px solid #bc3726;
}
p.gkWarning3 {
background-color : #bc3726;
color : #fff;
}
p.gkInfo4 {
font-style : italic;
color : #878787;
}
p.gkWarning4 {
font-style : italic;
color : #bc3726;
}
p.gkInfo5 {
border : #eee solid 1px;
}
p.gkWarning5 {
border : #bc3726 solid 1px;
color : #000;
}
p.gkTips5 {
border : #ffd solid 1px;
}
blockquote div.gkBlockquote1 {
background : url(../images/style1/typography/open1.png) left bottom no-repeat transparent;
}
blockquote div.gkBlockquote1 div {
background : url(../images/style1/typography/close1.png) right top no-repeat transparent;
}
blockquote div.gkBlockquote2 {
background : url(../images/style1/typography/open1.png) left top no-repeat transparent;
}
blockquote div.gkBlockquote2 div {
background : url(../images/style1/typography/close1.png) right top no-repeat transparent;
}
blockquote div.gkBlockquote3 {
background : url(../images/style1/typography/open2.png) left bottom no-repeat transparent;
}
blockquote div.gkBlockquote3 div {
background : url(../images/style1/typography/close2.png) right top no-repeat transparent;
}
blockquote div.gkBlockquote4 {
background : url(../images/style1/typography/open2.png) left top no-repeat transparent;
}
blockquote div.gkBlockquote4 div {
background : url(../images/style1/typography/close2.png) right top no-repeat transparent;
}
div.gkLegend1 h4, div.gkLegend2 h4 {
background : #295022;
color : #fff;
}
div.gkLegend3 h4, div.gkLegend4 h4 {
background : #888;
color : #fff;
}
div.gkLegend5 h4, div.gkLegend6 h4 {
background : #131313;
color : #fff;
}
div.gkLegend1, div.gkLegend2 {
border : #A3BA60 dashed 1px;
}
div.gkLegend3, div.gkLegend4 {
border : #888 dashed 1px;
}
div.gkLegend5, div.gkLegend6 {
border : #131313 dashed 1px;
}
div.gkLegend7 {
border : #131313 dashed 1px;
}
div.gkLegend7 h4 {
border : #131313 dashed 1px;
background : #fff;
color : #131313;
}
.gkHighlight1 {
background : #ffd;
}
.gkHighlight2 {
background : #fff;
}
.gkHighlight3 {
background : #888;
color : #fff;
}
.gkHighlight4 {
background : #bc3726;
color : #fff;
}
span.gkClear {
color : #bc3726;
border-top : 1px dashed #bc3726;
border-bottom : 1px dashed #bc3726;
}
span.gkClear-1 {
color : #888;
border-top : 1px dashed #888;
border-bottom : 1px dashed #888;
}
span.gkClear-2 {
color : #131313;
border-top : 1px dashed #131313;
border-bottom : 1px dashed #131313;
}
span.gkColor {
color : #bc3726;
}
span.gkColor-1 {
color : #131313;
}
span.gkColor-2 {
color : #bc3726;
border : #bc3726 dashed 1px;
}
span.gkColor-3 {
color : #888;
border : #888 dashed 1px;
}
span.gkColor-4 {
color : #131313;
border : #131313 dashed 1px;
}
span.gkColor-5 {
color : #fff;
background : #bc3726;
}
span.gkColor-6 {
color : #fff;
background : #888;
}
span.gkColor-7 {
color : #fff;
background : #131313;
}
ul.gkCircle1 {
list-style-image : url(../images/style1/typography/bullet3ul.png) !important ;
padding-top: 15px;
}
ul.gkCircle2 {
list-style-type : circle;
}
ul.gkBullet1 {
list-style-image : url(../images/style1/typography/bullet_ol_1_dark.png) !important ;
}
ul.gkBullet2 {
list-style-image : url(../images/style1/typography/bullet1ul.png) !important ;
}
ul.gkBullet3 {
list-style-image : url(../images/style1/typography/bullet2ul.png) !important ;
}
ul.gkBullet4 {
list-style-image : url(../images/style1/typography/bullet_ol_1_color.png) !important ;
}
ul.gkSquare1 {
list-style-type : square;
}
ul.gkSquare2 {
list-style-image : url(../images/style1/typography/bullet_squ1_dark.png) !important ;
}
ul.gkSquare3 {
list-style-image : url(../images/style1/typography/bullet_squ1_color.png) !important ;
}
div.gkNumber1 span {
background : url(../images/style1/typography/bullet_ol_2.png) center center no-repeat transparent;
color : #fff;
}
div.gkNumber2 span {
background : url(../images/style1/typography/bullet_ol_2_color.png) center center no-repeat transparent;
color : #fff;
}
.gkBlockTextLeft, .gkBlockTextRight, .gkBlockTextCenter {
color : #bc3726;
}
span.classicTooltip {
background : #ffd;
border : #EAE6CE solid 1px;
}
span.criticalTooltip {
background : #bc3726;
color : #fff;
}
span.helpTooltip {
background : #222;
color : #fff;
}
span.infoTooltip {
background : #F0F0F0;
color : #5b5b5b;
border : #dedede solid 1px;
}
span.warningTooltip {
background : #fff;
color : #F93B3B;
border : #EAE6CE solid 1px;
}
.gkTable thead {
background : none;
border : #DADADA dotted 1px;
}
.gkTable thead td {
color : #222;
}
.gkTable tr.gkTableColor td, .gkTable .gkTableColor {
background : url('../images/main_bg.jpg') 0 0 repeat transparent;
color : #222;
}
.gkTable td {
border : #DADADA dotted 1px;
}
.gkTable td:first-child, .gkTable th:first-child {
border-left : 1px dotted #DADADA;
}
.gkTable tfoot td {
border : none !important ;
}
.gkTable2 thead {
background : none;
border : #DADADA dotted 1px;
}
.gkTable2 thead td {
color : #222;
}
.gkTable2 tr.gkTableColor td, .gkTable2 .gkTableColor {
background : url('../images/footer.jpg') 50% 0 repeat transparent;
color : #fff;
}
.gkTable2 tr.odd td {
background : #fafafa;
}
.gkTable2 td {
border : #DADADA dotted 1px;
}
.gkTable2 td:first-child, .gkTable2 th:first-child {
border-left : 1px dotted #DADADA;
}
.gkTable2 tfoot td {
border : none !important ;
}
.gkDemoMap {
padding : 8px;
background : #fff;
}
.facebook_icon, .twitter_icon, .myspace_icon, .vimeo_icon, .youtube_icon, .digg_icon, .buzz_icon, .delicious_icon, .plixi_icon, .dribbble_icon, .moby_icon, .skype_icon, .skype_icon, .ichat_icon, .stumble_icon {
display : block;
height : 32px;
width : 32px;
text-indent : -999em;
float : left;
margin : 0 12px 12px 12px;
}
.facebook_icon {
background : url('../images/style1/typography/icons/facebook_icon.png') 0 0 no-repeat transparent;
}
.twitter_icon {
background : url('../images/style1/typography/icons/twitter_icon.png') 0 0 no-repeat transparent;
}
.myspace_icon {
background : url('../images/style1/typography/icons/myspace_icon.png') 0 0 no-repeat transparent;
}
.vimeo_icon {
background : url('../images/style1/typography/icons/vimeo_icon.png') 0 0 no-repeat transparent;
}
.youtube_icon {
background : url('../images/style1/typography/icons/youtube_icon.png') 0 0 no-repeat transparent;
}
.digg_icon {
background : url('../images/style1/typography/icons/digg_icon.png') 0 0 no-repeat transparent;
}
.buzz_icon {
background : url('../images/style1/typography/icons/buzz_icon.png') 0 0 no-repeat transparent;
}
.delicious_icon {
background : url('../images/style1/typography/icons/delicious_icon.png') 0 0 no-repeat transparent;
}
.plixi_icon {
background : url('../images/style1/typography/icons/plixi_icon.png') 0 0 no-repeat transparent;
}
.dribbble_icon {
background : url('../images/style1/typography/icons/dribbble_icon.png') 0 0 no-repeat transparent;
}
.moby_icon {
background : url('../images/style1/typography/icons/moby_icon.png') 0 0 no-repeat transparent;
}
.skype_icon {
background : url('../images/style1/typography/icons/skype_icon.png') 0 0 no-repeat transparent;
}
.ichat_icon {
background : url('../images/style1/typography/icons/ichat_icon.png') 0 0 no-repeat transparent;
}
.stumble_icon {
background : url('../images/style1/typography/icons/stuble_icon.png') 0 0 no-repeat transparent;
}
.info-block {
font-size : 11px;
overflow : hidden;
padding : 15px 0 0 0;
}
.info-block div.info-block-time {
background : url('../images/style1/typography/icons/time_icon.png') 13px 13px no-repeat transparent;
float : right;
min-height : 52px;
width : 55%;
border-left : 1px solid #c6c0b0;
}
.info-block div.info-block-time p {
padding-left : 60px;
line-height : 14px;
}
.info-block div.info-block-time p:first-child {
margin-top : 14px;
}
.info-block div.info-block-time p span {
display : block;
float : right;
}
.info-block div.info-block-time p span:first-child {
color : #8b8577;
display : block;
float : left;
}
.info-block div:first-child {
float : left;
width : 40%;
}
.info-block div:first-child p {
padding-left : 5px;
line-height : 14px;
}
.info-block div:first-child p:first-child {
color : #585246;
margin-bottom : 6px;
padding-left : 0;
text-transform : uppercase;
}
h4.demo-typo {
padding : 70px 0 20px 0;
clear : both;
font-size : 150%;
}
ul#demo-typography {
background : transparent;
border : #d3cbb9 dashed 1px;
border-right : none;
border-left : none;
margin : 0 0 -30px;
overflow : hidden;
padding : 10px 20px;
}
ul#demo-typography li {
list-style-type : disc;
line-height : 18px;
width : 23.9%;
float : left;
}
ul#demo-typography li a {
color : #222;
font-size : 11px;
}