@charset "utf-8";
/* CSS Document */

/*****************************************************************************
* GLOBAL LAYOUT STYLES *******************************************************
*****************************************************************************/
html, body {height: 100%; background: transparent; }
html {background: #f2f2f2; overflow-y: scroll;}

#wrapper {min-height: 100%; height: auto !important; height: 100%; min-width: 989px; position: relative;}

.slide-boxes-container {width: 21%; min-width: 216px; max-width: 300px; position: fixed; height: 100%; margin-left: -8px; z-index: 8; left: 0px; top: 0px;}

#content {float: left; width: 100%; min-width: 989px; margin-left: -21.5%; padding-top: 0.5em; position: relative;}
	#content-container {margin-left: 21.5%; padding: 1em 1em 3em 2em; position: relative;}

/* Left side -------------------------------------------------*/
#leftSide {width: 21%; min-width: 208px; max-width: 292px; float: left; position: relative; z-index: 10; height: 100%;}
#leftSide-Bg {width: 21%; min-width: 216px; max-width: 300px; background-color: #fff; box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.2); position: fixed; height: 100%; margin-left: -8px; z-index: 9; left: 0px;}	

#logo { margin: 15px 0px 30px 20px;}

#memberAccess { list-style: none; color: #878787; padding-left: 2em; line-height: 1.5em; margin-bottom: 3em; font-size: 1em;}
	#memberAccess a { color: #878787;}
	#memberAccess a:hover { color: black;}
	#register_btn, #login_btn {font-size: 1.2em; font-weight: bold;}
	#why_register_btn {padding-left: 1em;}
	
#MainMenu {position: absolute; top: 182px; padding-top: 1em; padding-bottom: 3em; overflow: hidden; width: 100%; left: 0px;}
.MainMenu { list-style: none; margin: 0 0 4em; padding: 0; font-size: 1em;}
	.MainMenu li {border-left-width: 1em; border-style: solid; margin: 0; padding: 0;}
	.MainMenu li a { font-family: "HelveticaNeueLTCom-BdCn", Arial; font-weight: normal; font-size: 2.4em; line-height: 1.25em; color: #bbb; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); display: block; padding-left: 0.83em; left: -0.416em; position: relative; background: url(../images/backgrounds/menu_borders.png) left top no-repeat;}
	.cyrillic .MainMenu li a {font-family: "HelveticaNeueLTCom-BdCn-c", Arial;}
	.MainMenu li a:hover, .MainMenu li a.active {color: #484848;}
		.MainMenu li ul {list-style: none; padding: 0.5em 0em 1em 2.5em; font-size: 1em;}
			.MainMenu li ul li {border: 0;}
			.MainMenu li ul li a {font-size: 1.8em; line-height: 1.8em; left: 0; background: none; padding: 0;}
	.lang_country li {height: auto; line-height: 3em;}
	.lang_country li p {font-family: Arial; font-weight: bold; font-size: 1.4em; line-height: 1.4em; color: #bbb; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); display: block; padding-left: 1.42em; left: -0.714em; position: relative; margin: 0;}
	.lang_country li p span { font-family: Arial; font-weight: bold; display: inline-block; width: 5.5em;}
	.lang_country li p a {font-family: Arial; font-weight: bold; font-size: 0.8em; background: none; display: inline; font-family: HelveticaWorld, Arial; font-weight: bold;}
/* ------------------------------------------------------*/

/* Slide boxes */
.slide_box { position: absolute; z-index: 2; left: -100%; top: 0px; box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.2); height: 100%; background: #000 url(../images/backgrounds/noise_bg.png) repeat; float: left; width: 300px;}
	.close_slide_box, .toggle_slide_box {position: absolute; height: 100%; background-color: #000; background-repeat: no-repeat; background-position: 35% 48%; background-image: url(../images/icons/arrows/arrow_l_white_5x10.png); width: 10px; right: 0px; top: 0px; z-index: 5; overflow: hidden; cursor: pointer;}
	.slide_content { height: 90%; overflow-y: auto; padding: 2em; margin: 0px 10px 10% 0px; position: relative; z-index: 1;}
	.slide_box p {margin-top: 0; color: #ebebeb; font-size: 1.1em; line-height: 1.6em;}
	.slide_box a, .slide_box a:link {color: #fff; text-decoration: underline;}
	.slide_box a:hover, .slide_box a:focus {color: #fff; text-decoration: none;}
/* --------- */

/* Content boxes */
.box {background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); border-left-width: 3px; border-right-width: 15px; border-style: solid; padding: 2em; margin-bottom: 2em; position: relative; max-width: 980px;}
	.box_content {padding: 0; margin-right: 20em;}
	.box:hover p, .box:hover ul, .box:hover table {color: black;}
	.box_thumb {float: right; border: 1px solid #000; display: block;}
	.box h1 {text-transform: uppercase;}
	.box h1 a, .box h1 a:link, .box h1 a:visited {color: black;}
	.box h1 a:hover, .box h1 a:active {color: #b44800;}
/* --------- */

/* Sub pages Content Box */
.box_page { border-right-width: 0px; border-top-width: 15px; max-width: 995px;}
.box_page .box_content {margin: 0;}
/* --------- */

/* Fixed position Top Bar */
.top_bar {width: 100%; position: fixed; z-index: 7; min-width: 989px; left: 0px; top: 0px;}
	.top_bar-left {width: 21%; min-width: 210px; max-width: 294px; float: left; height: 1em;}
	.top_bar-right {float: left; width: 100%; margin-left: -21.5%;}
		.top_bar-content {margin-left: 21.5%; padding: 0em 1em;}
	.top_bar-box {background: #000 url(../images/backgrounds/noise_bg.png) repeat; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); max-width: 1026px; padding: 0 1em 0 6em; margin-left: -5em;}
/* -------- */

/* Breadcrumbs */
.navi_breadcrumbs {position: absolute; left: 0px; right: 0px; color: white; font-size: .9em; z-index: 1; padding-left: 3em;}
.navi_breadcrumbs li {float: left; display: block;}
.navi_breadcrumbs li * {color: white;}
.navi_breadcrumbs li a {text-decoration: underline; font-weight: bold;}
/* -------- */

/* Footer */	
#footer {position: fixed; bottom: 0px; left: 0px; width: 100%; height: 3em; line-height: 3em; background-color: #2e2e2e; z-index: 11;}
	#footer h4 {height: 100%; line-height: 30px; float: left; margin-right: 1.2em;}
	#footer p {font-size: 1.25em; line-height: inherit; margin: 0; color: #fff; height: 100%;}
	#footer-container {padding: 0px 2em;}
		#news_bar {height: 100%; line-height: inherit; float: left; position: relative; color: #fff;}
			#news_bar div {float: left;}
			#news_bar a { color: #fff;}
			#news_bar a:link {color: #fff;}
		#skobbler_connect {float: right;}
			#skobbler_connect a {float: left; display: block; width: 16px; height: 16px; padding: .7em; line-height: 0;}
			#skobbler_connect a img {display: block;}
/* --------- */

/* Newsticker slider --*/
#slider { width:43em; height:3em; line-height: 3em; margin-left: 3em; color: #fff; display: block; overflow: hidden;}
#slider ul, #slider li{	margin:0;	padding:0;	list-style:none;	font-size: 1em; color: #fff;}
#slider ul { width: 2000em; overflow: hidden;}
#slider li { height:2.31em;	line-height: 2.31em; font-size: 1.3em; float: left;	padding: 0 5px;}
#slider li * {	font-size: 1em; }

#sliderControls { position: absolute; right: 43em;}
#prevBtn { width: 2.1em; height: 3em; display: block; float: left; margin-right: .5em;}
	#prevBtn a { text-indent: -9999px; display: block; width: 100%; background-image: url("../images/icons/arrows/arrow_l_white_5x10.png"); background-repeat: no-repeat; background-position: center center; height: 100%;}
#nextBtn { width: 2.1em; height: 3em; display: block; float: left;}
	#nextBtn a { text-indent: -9999px; display: block; width: 100%; background-image: url("../images/icons/arrows/arrow_r_white_5x10.png"); background-repeat: no-repeat; background-position: center center; height: 100%;}
/* --------- */

/*****************************************************************************/
/*****************************************************************************/




/*****************************************************************************
* BUTTONS ********************************************************************
*****************************************************************************/
.more_btn, .more_btn:link { font-weight: bold; font-size: .9em; white-space: nowrap; background: url(../images/icons/arrows/arrow_r_black_5x10.png) left 65% no-repeat; padding: 0px 0px 0px 10px;}

/* Call To Action buttons ---------------------------------*/
.CTA1_btn, .CTA1_btn:link {background-color: #2d2d2d; color: #fff; font-size: 2em; font-family: HelveticaNeueLTCom-BdCn, Arial; height: 30px; line-height: 1.5em; padding: 1px; display: block; float: left; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.65); -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.65); }
.cyrillic .CTA1_btn, .cyrillic .CTA1_btn:link {font-family: HelveticaNeueLTCom-BdCn-c, Arial;}
	.CTA1_btn span { border: 1px solid #969696; display: inline-block; height: 28px; padding: 0px 1.5em 0px 0.5em; color: #fff; background-position: 94% center; background-repeat: no-repeat; background-image: url(../images/icons/arrows/arrow_r_white_10x20.png)}
.CTA1_btn:hover {background-color: #b44800;}
	.CTA1_btn:hover span {border-color: #daa480;}
/*--------------------------------------------------*/

.careers_btn, .careers_btn:link {float: right; margin: .5em 20px 0;}
.mapdust_btn, .mapdust_btn:link {float: right; margin: .5em 0;}

.Jumpmark_btn, .Jumpmark_btn:link {background-color: #6d6d6d; color: #fff !important; font-size: 1em; font-family: HelveticaNeueLTCom-BdCn, Arial; height: 1.6em; line-height: 1.6em; padding: 1px 10px; display: block; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.55); -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.55); text-decoration: none; font-weight: normal;}
.cyrillic .Jumpmark_btn, .cyrillic  .Jumpmark_btn:link {font-family: HelveticaNeueLTCom-BdCn-c, Arial;}
.Jumpmark_btn:hover, .Jumpmark_btn.active { background-color: #9d9d9d;}
	
/*****************************************************************************/	
/*****************************************************************************/




/*****************************************************************************
* GLOBAL LAYOUT CLASSES ******************************************************
*****************************************************************************/

/* sections specific border color -------------------------------------*/
.apps {border-color: #b44800;}
.osm {border-color: #ffb500;}
.mapdust {border-color: #ffe605}
.news {border-color: #c0d0f0;}
.support {border-color: #92a5cb;}
.services {border-color: #becf79}
.about {border-color: #99a762;}
.careers {border-color: #65732e;}
.white_border {border-color: #fff;}
/*--------------------------------------------------*/

/* icons -------------------------------------*/
.iphone_icon {background-image: url(../images/icons/devices/iphone.png);}
.ipad_icon {background-image: url(../images/icons/devices/ipad.png);}
.android_icon {background-image: url(../images/icons/devices/android.png);}

.arrow_l_white_5x10 {background-image: url(../images/icons/arrows/arrow_l_white_5x10.png);}
.arrow_r_white_10x20 {background-image: url(../images/icons/arrows/arrow_r_white_10x20.png);}
/*--------------------------------------------------*/

/* Devices -----------------------------------*/
.iphone {background: url(../images/devices/iphone.png) no-repeat; padding: 42px 9px 41px 10px; width: 102px; height: 155px;}
.ipad {}
.android {background: url(../images/devices/android_nexus.png) no-repeat; padding: 26px 10px 47px; width: 97px; height: 160px;}
/*--------------------------------*/

/* Apps logos and icons ----------------------------*/
.app_logo { height: 56px; text-indent: -9999px; background-repeat: no-repeat; background-position: left top;}
.app_icon {padding-left: 120px; min-height: 100px; width: 60%; background-repeat: no-repeat; background-position: left top; margin-left: -5px;}
.app_logo_navigation2 { height: 56px; background-repeat: no-repeat; background-position: left top; font-size:40px;}

.forevermap_logo {background-image: url(../images/apps/logos/skobbler-forevermap-logo.png);}
.navigation_logo {background-image: url(../images/apps/logos/skobbler-navigation-logo.png);}
.geobrain_logo {background-image: url(../images/apps/logos/skobbler-geobrain-logo.png);}

.forevermap_icon {background-image: url(../images/apps/icons/skobbler-forevermap-icon.png);}
.navigation_icon {background-image: url(../images/apps/icons/skobbler-navigation-icon.png);}
.navigation2_icon {background-image: url(../images/apps/icons/skobbler-navigation2-icon.png);}
.geobrain_icon {background-image: url(../images/apps/icons/skobbler-geobrain-icon.png);}
/*--------------------------------*/

.jumpmark_container {list-style: none; margin: 0px; padding: 0px;}
.jumpmark_container li {margin: 0 0 .5em; padding: 0px;}

.floatLeft {float: left !important;}
.floatRight {float: right !important;}
.floatNone {float: none !important;}

.logo_bg {background: #fff url(../images/skobbler_logo_bg.jpg) bottom right no-repeat;}

/*****************************************************************************/	
/*****************************************************************************/



/*****************************************************************************
* CONTENT LAYOUT AND STYLES **************************************************
*****************************************************************************/
	
/* Home page tagline and CTA box */
.homebox {background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); border-left-width: 3px; border-right-width: 15px; border-style: solid; padding: 2em; margin-bottom: 2em; position: relative; max-width: 980px;}	
	.homebox .CTA1_btn { position: absolute; right: 20px; bottom: 20px;}
/* --------- */

/* Special PROMO Box */
.promo { border: 0; border-bottom: 3px solid #434242; max-width: 1038px; padding: 0;}
	.promo .title {background: #000 url(../images/backgrounds/noise_bg.png) repeat; padding: 2em; height: 9em;}
		.promo .price {float: right; width: 13.4em; height: 13em; background: url(../images/backgrounds/promo_price.png) no-repeat center center; margin-top: -2em; margin-right: 1em;}
		.promo .rotate {display: block; font-family: "HelveticaNeueLTCom-BdCn", Arial; font-size: 1.3em; line-height: 1em; color: black; text-align: center; padding-top: 2.8em;}
		.cyrillic .promo .rotate { font-family: "HelveticaNeueLTCom-BdCn-c", Arial;}
		.promo .rotate span {font-size: 2.4em; line-height: .9em;}
		.promo .rotate:hover {color: black;}
		.promo .title h1 {font-size: 3em;}
		.promo .title h2 {font-size: 2.2em;}
		.promo h1 a, .promo h1 a:link, .promo h1 a:visited {color: white;}
		.promo h1 a:hover, .promo h1 a:active {color: #b44800;}
	.promo .box_content { padding: 0 2em 2em;}
	.promo .box_thumb { border: none;}
	.promo .box_thumb span {display: block;}
	.promo .box_thumb span.iphone { margin: 3em 3.5em 3em 2em;}
	.promo .box_thumb span.ipad { margin: 3em 3.5em 0em 2em;}
	.promo .box_thumb span.android { margin: 3em 3.5em 3em 2em;}
/* --------- */


/* Forms and form elements styles */
form { margin: 10px 0px;}
form p {margin-bottom: 1em;}

input, select { height: 24px; line-height: 24px; border: 1px solid #a2a2a2; background-color: #ededed; display: block;}
input {padding: 0 .2em; width: auto;}
form p .block {padding-right: .4em; margin-right: 2px; display: block;}
form p .block input {width: 100%;}


.checkbox label {line-height: 1.1em; text-transform: none; padding-top: .6em; font-size: 1em; font-weight: normal; padding-left: 2.2em; width: auto !important;}
form .CTA1_btn {float: right;}
form .CTA1_btn input { width: auto;border: 1px solid #969696; display: inline-block; font-size: 1em; height: 30px; padding: 0px 1.5em 0px 0.5em; color: #fff; background-position: 94% center; background-repeat: no-repeat; background-image: url(../images/icons/arrows/arrow_r_white_10x20.png); background-color: transparent; font-family: HelveticaNeueLTCom-BdCn, Arial; text-transform: uppercase;}
form .CTA1_btn:hover input {border-color: #daa480;}
.cyrillic form .CTA1_btn input, .cyrillic form .CTA1_btn:link input {font-family: HelveticaNeueLTCom-BdCn-c, Arial;}

.form_style_slide_box label {color: #EBEBEB; font-size: 1.2em; text-transform: none; font-weight: bold;}
.form_style_slide_box input, .form_style_slide_box label, .form_style_slide_box select {display: block; width: 100%;}
.form_style_slide_box option { width: 220px; padding: .2em;}
.form_style_slide_box input, .form_style_slide_box select {color: #fff; line-height: 1.8em; height: 1.8em; background-color: #313131; background-color: rgba(49, 49, 49, 0.1); box-shadow: inset 0px 2px 8px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0px 2px 8px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 2px 8px 0px rgba(0, 0, 0, 0.4); border: 0;}
.form_style_slide_box input[type="submit"] { background-color: transparent; background-image: url(../images/icons/arrows/arrow_r_black_10x20.png); background-repeat: no-repeat; background-position: right 53%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: auto; float: right; font-size: 2em; line-height: 1em; font-family: HelveticaNeueLTCom-BdCn, Arial; color: #222; cursor: pointer; padding-right: 15px; height: 3em; text-transform: uppercase;}
.cyrillic .form_style_slide_box input[type="submit"] {font-family: HelveticaNeueLTCom-BdCn-c, Arial;}
.form_style_slide_box input[type="submit"].ready { color: #fff; background-image: url(../images/icons/arrows/arrow_r_white_10x20.png); text-transform: uppercase;}
input[type="checkbox"] { width: auto; float: left; margin-right: 0.6em; background-color: #fff; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}

.errors .error, .error {color:#d61900; padding:0.8em; margin-bottom:1em;}
.box:hover .errors .error, .box:hover .error {color: #d61900;}
input.error {border-color: #d61900; background: #f1e8e8; padding: 0 0.2em;}
/* --------- */

/* Language and Country selection styles */
#language_box ul, #country_box ul { list-style: none; margin: 0; padding: 0;}
#language_box ul li, #country_box ul li { margin: 1.6em 0;}
#language_box ul li a, #country_box ul li a {display: block; font-family: "HelveticaNeueLTCom-BdCn", Arial; color: #8c8c8c; font-size: 1.4em; line-height: 1.2em; text-shadow: 0px 1px 1px #000, 0px -1px 0px rgba(255, 255, 255, 0.8); margin-bottom: .5em; text-decoration: none;}
.cyrillic #language_box ul li a, .cyrillic #country_box ul li a {font-family: "HelveticaNeueLTCom-BdCn-c", Arial;}
#language_box ul li a.active, #country_box ul li a.active {color: #e1e1e1; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.75); background: url(../images/icons/check_mark_lightgray.png) no-repeat right center;}
/* --------- */

/* Device selection box */
#device_selection-box {height: 3.6em;}
#device_selection-box h4.section_title { margin: 0 2.5em 0 1.1em; float: left; font-size: 1.8em; line-height: 2em;}
#device_selection-box ul {float: left; list-style: none; margin: 0; padding-top: 5px; font-size: 1em;}
#device_selection-box ul li {float: left; border-left: 1px solid #6d6d6d; border-right: 1px solid #1f1f1f;}
#device_selection-box ul li.first {border-left: 0;} #device_selection-box ul li.last {border-right: 0;}
#device_selection-box ul li h4 {font-size: 1.8em; line-height: 1.4em;}
#device_selection-box ul li a {color: #8c8b8b; padding: 0 1em 0 2em; background-position: left top; background-repeat: no-repeat; display: block;}
#device_selection-box ul li a:hover, #device_selection-box ul li a.active {color: #c1c1c1; text-shadow: 0px 0px 5px #cfcfcf; background-position: left bottom;}
.device_selection_space {height: 3.6em;} /* - Space needed for the content to fall under the device selection box */
/* --------- */

/* Image gallery */
.imageGallery { width: 100%; margin: 0; display: block; position: relative; z-index: 1; height: 520px;}
.scroll-pane {width: 100%; height: 520px; float: left;	padding: 0; opacity: 0; filter: alpha(opacity=0);}
.blocks { padding: 2em 0; width: 20000em; display: block; height: 480px; background: #fff;}
.blocks span { margin: 0 40px 0 0; float: left; display: block;}

.scroll_btn {position: absolute; z-index: 2; top: 0; bottom: 10px; width: 60px; background-image: url(../images/backgrounds/gallery_btns_bg.png); background-repeat: repeat-y;}
.scroll_btn a {position: absolute; top: 50%; margin-top: -25px; width: 26px; height: 50px; background-image: url(../images/icons/arrows/gallery_btns.png)}
.scrollLeft { right: 0px; background-position: left top;}
.scrollRight { left: 0px; background-position: right top;}
.scrollLeft a { right: 0px; background-position: right top;}
.scrollRight a { left: 0px; background-position: left top;}
/* --------- */

/* Apps pages - jumpmark buttons container */
.jumpmark_apps { width: 20%; position: absolute; top: 6.5em; right: 20px;}
/* --------- */

/* Apps pages - store badge */
.store_badge {position: absolute; top: 2.4em; right: 20%; text-decoration: none;margin-right: -99px; display: block;}
.no_badge {margin: none; float: right; font-size: 1.2em; font-weight: bold;}
.store_badge_container { position: absolute; top: 2.4em; right: 1em;}
.store_badge_container .store_badge { position: relative; top: auto; right: auto; float: left; margin-right: 10px;}
/* --------- */

/* Info&Contact page - Company slidebox Graphic Menu */
#company_menu-box {height: 30em;}
#company_menu_content {padding: 1em; height: 28em; overflow: hidden;}
#company_menu_content h3 {text-align: right; font-size: 3.5em; padding: 2.5em 1em 0 0;}
.company_menu_space {height: 30em;} /* - Space needed for the content to fall under the Company Menu box */
/* --------- */

/* Info&Contact page - Legal & Info jumpmark container */
.jumpmark_legal_info {float: right; padding-left: 2em;}
/* --------- */

/* Blog Box */
.blog_box ul {list-style: none; padding: 0; margin: 0; line-height: 1.2em; font-size: 1em; clear: both; margin-top: 3em;}
.blog_box ul li {float: left; width: 32%; margin-left: 2%;}
.blog_box ul li.first {margin-left: 0;}
.blog_box .title {height: 2.4em; font-size: 1.4em;}
.blog_box .summary {font-size: 1.2em;}
.blog_box .comments {padding-top: 1em; padding-right: .5em; font-size: 1.2em; color: #b3b3b3; display: inline-block;}
.blog_box .comments a {padding-left: 1em; background: url(../images/icons/social/speachIcon.png) no-repeat;}
.blog_box .date {display: inline-block; padding-top: 1em;font-size: 1.2em; color: #a1a1a1;}
/* --------- */

/* Twitter Box */
.twitter_box {float: left; margin-right: 2em; width: 48%; margin-top: 2em; position: relative;}
.twitter_box div {width: 30em; height: 43em; padding: 1em 1em 4.5em 1.5em; background: url(../images/backgrounds/twitter_box.png) no-repeat;}
.twitter_box ul {font-size: 1em; padding: 0; margin: 0; list-style: none;}
.twitter_box .summary {font-size: 1.2em;}
.twitter_box .date, .twitter_box .author {display: inline-block; font-size: 1.2em; color: #a1a1a1;}
.twitter_follow {position: absolute; display: block; bottom: 0; left: 0; width: 173px; height: 36px; background: url(../images/icons/social/twitter_follow.png) no-repeat;}
/* --------- */

/* Facebook Box */
.facebook_box {float: left; width: 48%;  margin-top: 2em; position: relative; padding-bottom: 6em;}
.facebook_box h2 {margin-bottom: 2em;}
.facebook_follow {position: absolute; display: block; bottom: 0; left: 0; width: 173px; height: 36px; background: url(../images/icons/social/facebook_follow.png) no-repeat;}
/* --------- */

/****************************************************************/
/****************************************************************/



/*****************************************************************************
* OTHER **********************************************************************
*****************************************************************************/
.list_style_1 ul li {margin-bottom: 1em;}

.hidden {display: none;}
/****************************************************************/
/****************************************************************/