<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".ui.SFBlogActivity"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#000000">

    <include layout="@layout/sf_nav_frame"
             android:id="@+id/navMenuContainer"/>

    <ListView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/mainNavListView"
        android:layout_gravity="left|top"
        android:clickable="true"
        android:divider="#00ffffff"
        android:smoothScrollbar="false"
        android:background="@color/sf_background_menu"
        android:listSelector="#00ffffff"
        android:cacheColorHint="#00ffffff"
        android:visibility="visible"
        android:paddingTop="10dp"
        android:paddingLeft="6dp"
        android:layout_below="@+id/navMenuContainer"/>

    <include layout="@layout/sf_refresh_frame"
             android:id="@+id/refreshContainer"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/slide_right"
        android:layout_below="@+id/navMenuContainer"
        android:background="@color/sf_background_default"
        android:animateLayoutChanges="true"
        android:clickable="true"
        android:layout_above="@+id/audio_control_footer">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:text="Title"
            android:id="@+id/title_textView"
            android:textSize="@dimen/sf_menu_font_size"
            android:textColor="#ffffff"
            android:gravity="center"
            android:singleLine="true"
            android:layout_alignParentTop="true"
            android:background="@color/sf_background_secondary"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:ellipsize="end"/>

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:id="@+id/header_imageView"
            android:background="@color/sf_background_default"
            android:layout_alignParentTop="false"
            android:visibility="gone"
            android:scaleType="centerCrop"
            android:adjustViewBounds="true"
            android:layout_marginBottom="10dp"
            android:layout_centerHorizontal="true"
            android:layout_below="@+id/title_textView"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:id="@+id/gamut_title"
            android:gravity="center"
            android:singleLine="false"
            android:textColor="#ffffff"
            android:textSize="@dimen/sf_gamut_font_size"
            android:ellipsize="end"
            android:layout_alignTop="@+id/header_imageView"
            android:visibility="gone"
            android:maxLines="2"
            android:padding="30dp"
            android:clickable="false"
            android:background="#60000000"/>

        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/scrollView"
            android:layout_below="@+id/header_imageView"
            >

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/innerSlideRight"
                android:background="@color/sf_background_default">


                <WebView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:id="@+id/content_webView"
                    android:background="@color/sf_background_default"
                    android:layout_marginTop="10dp"/>
            </RelativeLayout>
        </ScrollView>

        <WebView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/bottom_webView"
            android:background="@color/sf_background_default"
            android:layout_marginTop="10dp"
            android:visibility="invisible"
            android:layout_below="@+id/header_imageView"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:id="@+id/top_border"
            android:background="@drawable/sf_border_fade_top_blog"
            android:layout_below="@+id/header_imageView"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:id="@+id/bottom_border"
            android:background="@drawable/sf_border_fade_bottom_blog"
            android:layout_alignParentBottom="true"/>

        <include
            layout="@layout/sf_size_frame"
            android:id="@+id/size_container"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            />

    </RelativeLayout>

    <include layout="@layout/sf_audio_controls_footer"
             android:id="@+id/audio_control_footer"
             android:layout_width="match_parent"
             android:layout_height="0dp"
             android:layout_alignParentBottom="true"/>

</RelativeLayout>