/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

a, a:visited {
    color: #E4418B;
    text-decoration: none;
	-webkit-transition: all 750ms ease;
    -moz-transition: all 750ms ease;
    -ms-transition: all 750ms ease;
    -o-transition: all 750ms ease;
    transition: all 750ms ease;
}
a:hover {
    color: #33b5e5;
}
a:active {
    color: #07a;
}

ul li {
    font-weight: 100;
}

.btn, .poll-submit {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 7px 10px 6px;
    line-height: normal;
    font-size: 21px;
    text-shadow: 0 -1px 0 #000;
}

.btn span {
    padding: 6px 0 4px 40px;
    font-weight: 100;
}

.btn span span {
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    background: none;
    padding: 0;
}

a.btn-googleplay, a.btn-youtube {
    display: block;
    background: #383838;
    background: -moz-linear-gradient(top,  #383838 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #383838 0%,#000000 100%);
    background: -o-linear-gradient(top,  #383838 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #383838 0%,#000000 100%);
    background: linear-gradient(to bottom,  #383838 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#000000',GradientType=0 );
    border: 1px solid #888;
    border-color: #888 #555 #333;
    width: 160px;
    color: #aaa;
    margin: 0 auto;
    line-height: 11px;
}

a.btn-googleplay:hover, a.btn-youtube:hover {
    background: #5b5b5b;
    background: -moz-linear-gradient(top,  #5b5b5b 0%, #282828 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#282828));
    background: -webkit-linear-gradient(top,  #5b5b5b 0%,#282828 100%);
    background: -o-linear-gradient(top,  #5b5b5b 0%,#282828 100%);
    background: -ms-linear-gradient(top,  #5b5b5b 0%,#282828 100%);
    background: linear-gradient(to bottom,  #5b5b5b 0%,#282828 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#282828',GradientType=0 );
    border-color: #ccc #aaa #888;
    color: #fff;
}

.btn-googleplay span, .btn-youtube span {
    background: url(../images/icon-googleplay.png) no-repeat left center;
    display: block;
    padding-top: 2px;
}

.btn-youtube span {
    background: url(../images/icon-youtube.png) no-repeat left center;
}

a.btn-github, .btn-blue {
    background: #63b6db;
    background: -moz-linear-gradient(top,  #63b6db 0%, #309dcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63b6db), color-stop(100%,#309dcf));
    background: -webkit-linear-gradient(top,  #63b6db 0%,#309dcf 100%);
    background: -o-linear-gradient(top,  #63b6db 0%,#309dcf 100%);
    background: -ms-linear-gradient(top,  #63b6db 0%,#309dcf 100%);
    background: linear-gradient(to bottom,  #63b6db 0%,#309dcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 );
    border: 1px solid #888;
    border-color: #888 #555 #333;
    width: 160px;
    color: #222;
    text-shadow: 0 1px 0 #aaa;
}

a.btn-github:hover, .btn-blue:hover {
    background: #95c4d8;
    background: -moz-linear-gradient(top,  #95c4d8 0%, #4ca7ce 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95c4d8), color-stop(100%,#4ca7ce));
    background: -webkit-linear-gradient(top,  #95c4d8 0%,#4ca7ce 100%);
    background: -o-linear-gradient(top,  #95c4d8 0%,#4ca7ce 100%);
    background: -ms-linear-gradient(top,  #95c4d8 0%,#4ca7ce 100%);
    background: linear-gradient(to bottom,  #95c4d8 0%,#4ca7ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c4d8', endColorstr='#4ca7ce',GradientType=0 );
    border-color: #ccc #aaa #888;
    color: #1F518D;
}

.btn-github span, .btn-blue span {
    background: url(../images/icon-github.png) no-repeat left center;
    font-weight: bold;
}

a.btn-gerrit, a.btn-paypal, a.btn-green, .poll-submit, .paginator a, .paginator span, .zemSubmit {
    background: #8fc400;
    background: -moz-linear-gradient(top,  #8fc400 0%, #00a035 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#00a035));
    background: -webkit-linear-gradient(top,  #8fc400 0%,#00a035 100%);
    background: -o-linear-gradient(top,  #8fc400 0%,#00a035 100%);
    background: -ms-linear-gradient(top,  #8fc400 0%,#00a035 100%);
    background: linear-gradient(to bottom,  #8fc400 0%,#00a035 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#00a035',GradientType=0 );
    border: 1px solid #888;
    border-color: #888 #555 #333;
    width: 160px;
    color: #222;
    text-shadow: 0 1px 0 #aaa;
}

a.btn-gerrit:hover, a.btn-paypal:hover, a.btn-green:hover, .poll-submit:hover, .paginator a:hover, .paginator span:hover, .zemSubmit:hover {
    background: #9fc13f;
    background: -moz-linear-gradient(top,  #9fc13f 0%, #249e4a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fc13f), color-stop(100%,#249e4a));
    background: -webkit-linear-gradient(top,  #9fc13f 0%,#249e4a 100%);
    background: -o-linear-gradient(top,  #9fc13f 0%,#249e4a 100%);
    background: -ms-linear-gradient(top,  #9fc13f 0%,#249e4a 100%);
    background: linear-gradient(to bottom,  #9fc13f 0%,#249e4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fc13f', endColorstr='#249e4a',GradientType=0 );
    border-color: #ccc #aaa #888;
    color: #040;
}

.poll-submit, .paginator a, .paginator span {
    width: auto;
    font-weight: bold;
	white-space: pre-wrap;
	line-height: 30px;
	padding: 3px 10px;
	display: inline-block;
	text-align: center;
}

.paginator {
    text-align: center;
}

.paginator span.disabled, .paginator span.disabled:hover {
    background: #a3a3a3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODY4NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #a3a3a3 1%, #686868 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a3a3a3), color-stop(100%,#686868));
    background: -webkit-linear-gradient(top,  #a3a3a3 1%,#686868 100%);
    background: -o-linear-gradient(top,  #a3a3a3 1%,#686868 100%);
    background: -ms-linear-gradient(top,  #a3a3a3 1%,#686868 100%);
    background: linear-gradient(to bottom,  #a3a3a3 1%,#686868 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#686868',GradientType=0 );

    color: #aaa;
    text-shadow: 1px 1px 0 #444;
    border-color: #888 #555 #333;

}

.main .prev-next-blog-titles h2, .main .prev-next-blog-titles p.paginator {
	text-align: left;
}

.main .prev-next-blog-titles {
	border-top: 3px dotted #555;
	padding-top: 30px;
}

.main .prev-next-blog-titles h2 {
	margin: 0;
}

.btn-gerrit span, .btn-paypal span {
    background: url(../images/icon-aokp.png) no-repeat left center;
    font-weight: bold;
}

.btn-paypal span {
    background: url(../images/icon-paypal.png) no-repeat left center;
	color: #24406C;
}

a.btn-releases, a.btn-team {
    background: #e4418b;
    background: -moz-linear-gradient(top,  #e4418b 0%, #750035 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4418b), color-stop(100%,#750035));
    background: -webkit-linear-gradient(top,  #e4418b 0%,#750035 100%);
    background: -o-linear-gradient(top,  #e4418b 0%,#750035 100%);
    background: -ms-linear-gradient(top,  #e4418b 0%,#750035 100%);
    background: linear-gradient(to bottom,  #e4418b 0%,#750035 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4418b', endColorstr='#750035',GradientType=0 );
    border: 1px solid #888;
    border-color: #faa #555 #333;
    width: 160px;
    color: #fff;
    text-shadow: 0 1px 0 #aaa;
    padding: 7px 10px 6px;
    font-size: 24px;
}

a.btn-team {
    padding: 11px 10px 8px;
    font-size: 18px;
}

a.btn-releases:hover, a.btn-team:hover {
    background: #e27aa9;
    background: -moz-linear-gradient(top,  #e27aa9 0%, #723953 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e27aa9), color-stop(100%,#723953));
    background: -webkit-linear-gradient(top,  #e27aa9 0%,#723953 100%);
    background: -o-linear-gradient(top,  #e27aa9 0%,#723953 100%);
    background: -ms-linear-gradient(top,  #e27aa9 0%,#723953 100%);
    background: linear-gradient(to bottom,  #e27aa9 0%,#723953 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e27aa9', endColorstr='#723953',GradientType=0 );
    border-color: #ccc #aaa #888;
    color: #400;
}

.btn-releases span, .btn-team span {
    background: url(../images/icon-aokp.png) no-repeat left center;
    font-weight: bold;
    letter-spacing: -1px;
    text-shadow: 0 -1px #000;
}

.btn-team span {
    background: url(../images/icon-team.png) no-repeat left center;
    letter-spacing: normal;
}

.btn-releases span span {
    font-size: 18px;
}

a.btn-bugtracker {
    background: #ff884c;
    background: -moz-linear-gradient(top,  #ff884c 0%, #e55b2b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff884c), color-stop(100%,#e55b2b));
    background: -webkit-linear-gradient(top,  #ff884c 0%,#e55b2b 100%);
    background: -o-linear-gradient(top,  #ff884c 0%,#e55b2b 100%);
    background: -ms-linear-gradient(top,  #ff884c 0%,#e55b2b 100%);
    background: linear-gradient(to bottom,  #ff884c 0%,#e55b2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff884c', endColorstr='#e55b2b',GradientType=0 );
    border: 1px solid #888;
    border-color: #888 #555 #333;
    width: 160px;
    color: #222;
    text-shadow: 0 1px 0 #aaa;
}

a.btn-bugtracker:hover {
    background: #ff9e6d;
    background: -moz-linear-gradient(top,  #ff9e6d 0%, #e2724d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9e6d), color-stop(100%,#e2724d));
    background: -webkit-linear-gradient(top,  #ff9e6d 0%,#e2724d 100%);
    background: -o-linear-gradient(top,  #ff9e6d 0%,#e2724d 100%);
    background: -ms-linear-gradient(top,  #ff9e6d 0%,#e2724d 100%);
    background: linear-gradient(to bottom,  #ff9e6d 0%,#e2724d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9e6d', endColorstr='#e2724d',GradientType=0 );
    border-color: #ccc #aaa #888;
    color: #FF1A00;
}

.btn-bugtracker span {
    background: url(../images/icon-aokp.png) no-repeat left center;
    font-weight: bold;
}

a.btn-cyanogenmod {
    background: rgb(68,201,220);
    background: -moz-linear-gradient(top,  rgba(68,201,220,1) 0%, rgba(43,151,166,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,201,220,1)), color-stop(100%,rgba(43,151,166,1)));
    background: -webkit-linear-gradient(top,  rgba(68,201,220,1) 0%,rgba(43,151,166,1) 100%);
    background: -o-linear-gradient(top,  rgba(68,201,220,1) 0%,rgba(43,151,166,1) 100%);
    background: -ms-linear-gradient(top,  rgba(68,201,220,1) 0%,rgba(43,151,166,1) 100%);
    background: linear-gradient(to bottom,  rgba(68,201,220,1) 0%,rgba(43,151,166,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44c9dc', endColorstr='#2b97a6',GradientType=0 );
    border: 1px solid #888;
    border-color: #73E6F7 #54C2D1 #48AABA;
    width: auto;
    text-shadow: 0 1px 0 #8aedfb;
    letter-spacing: -1px;
    color: #104047;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 9px;
    outline: none;
}

a.btn-cyanogenmod:hover, a.btn-cyanogenmod-open {
    background: rgb(107,206,219);
    background: -moz-linear-gradient(top,  rgba(107,206,219,1) 0%, rgba(81,155,165,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,206,219,1)), color-stop(100%,rgba(81,155,165,1)));
    background: -webkit-linear-gradient(top,  rgba(107,206,219,1) 0%,rgba(81,155,165,1) 100%);
    background: -o-linear-gradient(top,  rgba(107,206,219,1) 0%,rgba(81,155,165,1) 100%);
    background: -ms-linear-gradient(top,  rgba(107,206,219,1) 0%,rgba(81,155,165,1) 100%);
    background: linear-gradient(to bottom,  rgba(107,206,219,1) 0%,rgba(81,155,165,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bcedb', endColorstr='#519ba5',GradientType=0 );
    color: #19555E;
}

.btn-cyanogenmod span {
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    padding: 0;
}

.btn-cyanogenmod img {
    position: relative;
    top: -11px;
    margin-right: 8px;
}

.blue {
    color: #33b5e5;
}

.pink {
    color: #E4418B;
}

p {
    color: #ccc;
    line-height: 26px;
    font-weight: 100;
    font-size: 18px;
}

::-moz-selection {
    background: #E4418B;
    text-shadow: none;
    color: #fff;
}

::selection {
    background: #E4418B;
    text-shadow: none;
    color: #fff;
}

::-webkit-scrollbar {
    width: 14px;
    margin-left: 10px;
    background: #245668;
}
 
::-webkit-scrollbar-track-piece {
    background: #245668;
    -webkit-box-shadow: inset 0 0 6px #33b5e5; 
}
 
::-webkit-scrollbar-thumb {
    background: #E4418B;
    -webkit-box-shadow: inset 0 0 3px #33b5e5; 
    border-radius: 7px;
}
::-webkit-scrollbar-button {
    background: #33b5e5;
}
::-webkit-scrollbar-button:decrement {
    border-radius: 7px 7px 0 0;
}
::-webkit-scrollbar-button:increment {
    border-radius: 0 0 7px 7px;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}
code, kbd, pre, samp {
    font-family: monospace,serif;
    color: #adf;
    font-weight: bold;
    padding: 10px;
    border: 1px dotted #555;
    display: block;
    background: rgba(180,180,180,0.2);
    font-size: 16px;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-normal {
    font-weight: 100;
}

.text-bold {
    font-weight: bold;
}

#switch-swag {
    color: #33b5e5;
}
.swag-switch-on {
    color: #E4418B !important;
    font-weight: bold;
}

.clearfix {
    clear: both;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

#cookie-warning {
    background: #111;
    background: rgba(0,0,0,0.4);
    padding: 10px 30px 0;
    border-bottom: 3px solid #33b5e5;
    box-shadow: 0 0 5px #33b5e5;
    text-align: center;
}

#cookie-warning h1 {
    margin: 0;
    font-size: 18px;
    color: #E4418B;
}

#cookie-warning h1 span {
    color: #33b5e5;
}

#cookie-warning p {
    margin: 10px 0 20px;
    font-size: 14px;
    font-weight: bold;
}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 17px/26px Helvetica, Helvetica Neue, Arial;
}

.wrapper {
    width: 90%;
    margin: 0 auto;
    z-index: 69;
}

/* ===================
    ALL: Orange Theme
   =================== */

.header-container header {
    background: url(../images/header-bg.png) no-repeat top right;
}

span.slash {
    font-weight: bold;
    letter-spacing: -5px;
    padding-right: 3px;
}

.title {
    margin: 8px 0 0;
}
.title a {
    text-indent: -10000px;
    background: url(../images/aokp-header-logo.png) no-repeat top left;
    display: block;
    width: 290px;
    height: 100px;
    margin: 0 auto;
}

/* ==============
    MOBILE: Menu
   ============== */

#navwrap-toggle {
    background: url(../images/mobile-navwrap-toggle-bg.png) no-repeat;
    background-position: left top;
    display: block;
    position: relative;
    padding-top: 12px;
    width: 190px;
    text-align: center;
    color: #fff;
    margin: 20px auto 0;
    font-size: 27px;
    font-family: 'ostrich', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 20px;
    text-indent: -10000px;
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.mobile-menu-open {
    background-position: right top !important;
}
.navwrap {
    display: none;
}

nav ul {
    margin: 0;
    padding: 0;
}

nav a, nav a:visited {
    display: block;
    padding: 14px 15px 12px;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    
    font-weight: normal;
    font-size: 22px;

    color: #E4418B;
    border: 1px solid #E4418B;
    font-family: 'roboto', sans-serif;
    text-shadow: 2px 2px 0 #000;
	-webkit-transition: color 750ms ease;
    -moz-transition: color 750ms ease;
    -ms-transition: color 750ms ease;
    -o-transition: color 750ms ease;
    transition: color 750ms ease;
    background: rgba(0,0,0,0.45);
    border-width: 0 1px 1px 1px;
}

nav li:first-child a {
    border-top: 1px solid #E4418B;
}

nav a:hover {
    color: #33b5e5;
    padding: 14px 15px 8px;
    border-bottom: 5px solid #33b5e5;
    text-decoration: none;
}

nav a:active, nav li.current a {
    color: #07a;
    padding: 14px 15px 8px;
    border-bottom: 5px solid #07a;
}
nav li.current a {
    color: #33b5e5;
    border-bottom: 5px solid #E4418B;
    font-weight: 900;
    background: rgba(228,65,139,0.45);
}

#rootz-top-link {
	clear: right;
    padding: 0 1px 1px;
    background: #e4418b;
    background: -moz-linear-gradient(left,  #e4418b 0%, #54b500 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e4418b), color-stop(100%,#54b500));
    background: -webkit-linear-gradient(left,  #e4418b 0%,#54b500 100%);
    background: -o-linear-gradient(left,  #e4418b 0%,#54b500 100%);
    background: -ms-linear-gradient(left,  #e4418b 0%,#54b500 100%);
    background: linear-gradient(to right,  #e4418b 0%,#54b500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4418b', endColorstr='#54b500',GradientType=1 );
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}

#rootz-top-link a {
	display: block;
	border-top: 0;
	padding: 13px 115px 13px 13px;
	background: url(../images/rootz-top-link-bg.png) no-repeat center right #020;
    text-transform: uppercase;
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
	font-size: 19px;
	font-weight: 600;
	-webkit-transition: color 750ms ease;
    -moz-transition: color 750ms ease;
    -ms-transition: color 750ms ease;
    -o-transition: color 750ms ease;
    transition: color 750ms ease;
	background-size: contain;
	text-shadow: 2px 2px 0 #000;
}

#rootz-top-link span {
	color: #8BB54F;
    text-transform: none;
	-webkit-transition: color 750ms ease;
    -moz-transition: color 750ms ease;
    -ms-transition: color 750ms ease;
    -o-transition: color 750ms ease;
    transition: color 750ms ease;
}

#rootz-top-link a:hover, #rootz-top-link a:hover span {
	color: #fff;
}
#rootz-top-link a:active, #rootz-top-link a:active span {
	color: #8f5;
	background: #050;
}
#rootz-top-link a:active {
	background: url(../images/rootz-top-link-bg.png) no-repeat center right #050;
	background-size: contain;
}

#rss-navbar div.gplus-wrap {
    display: inline-block;
    padding: 10px 20px 0 0;
    float: left;
}

#rss-navbar div.gplus-wrap iframe span.kT, #rss-navbar div.gplus-wrap iframe span.kT a {
    color: #33b5e5 !important;
    font-weight: bold;
}


header .top-splash {
	display: table;
	text-align: center;
    width: 100%;
    background: -moz-radial-gradient(center bottom, ellipse cover,  rgba(228,65,139,0.25) 0%, rgba(0,0,0,0) 75%);
    background: -webkit-gradient(radial, center bottom, 0px, center bottom, 100%, color-stop(0%,rgba(228,65,139,0.25)), color-stop(75%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center bottom, ellipse cover,  rgba(228,65,139,0.25) 0%,rgba(0,0,0,0) 75%);
    background: -o-radial-gradient(center bottom, ellipse cover,  rgba(228,65,139,0.25) 0%,rgba(0,0,0,0) 75%);
    background: -ms-radial-gradient(center bottom, ellipse cover,  rgba(228,65,139,0.25) 0%,rgba(0,0,0,0) 75%);
    background: radial-gradient(ellipse at center bottom,  rgba(228,65,139,0.25) 0%,rgba(0,0,0,0) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4433b5e5', endColorstr='#00000000',GradientType=1 );
}

#front-page header .top-splash {
    display: block;
}

#front-page header .top-splash p {
    background: url(../images/home-splash-no_text.png) no-repeat center bottom;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    padding: 30px 0 180px;
    display: block;
    text-align: center;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    background: url(../images/main-bg.png) repeat #111;
    padding: 20px 3%;
	-webkit-border-radius: 16px 16px 0px 0px;
    border-radius: 16px 16px 0px 0px;
    border: 1px solid #33b5e5;
    border-bottom: 0;
    position: relative;
}

.main h1 {
    font-size: 2em;
    color: #33b5e5;
    font-family: 'ostrich', 'roboto', sans-serif;
    font-size: 43px;
    font-weight: normal;
    letter-spacing: 1px;
    text-shadow: 0 -1px 0 #aaa;
    line-height: 42px;
    text-align: center;
}

.main h1 i {
	top: 0px;
}

.main article a i {
    color: #33B5E8;
}

.main article h1 i {
    top: 2px;
    font-size: 100px;
    line-height: 130px;
    margin: 0 30px 0;
    top: -10px;
    color: #E4418B;
    display: block;
}

.main article h1 a:hover i {
    color: #33b5e5;
}

.main article a:hover i {
    color: #E4418B;
}

.main article img {
	border: 1px dotted #555555;
    height: auto;
    margin: 20px 0;
    max-width: 98%;
    padding: 1%;
}

.main h1:first-child {
	margin-top: 10px;
}

.main h2 {
    font-family: 'ostrich', 'roboto', sans-serif;
    font-size: 28px;
    color: #33b5e5;
    margin: 40px 0 10px;
    text-align: center;
}

.main aside h2 {
    margin-top: 0;
    line-height: 27px;
}

.main h3 {
    font-family: 'ostrich', 'roboto', sans-serif;
    font-size: 24px;
    color: #ccc;
    margin: 30px 0 10px;
}

.main h4.app-icon {
    text-align: center;
    border-color: #E4418B;
}

.main h4.app-icon:hover {
    border-color: #E4418B;
}

.main h4.app-icon img {
    border: 3px dotted #07a;
    padding: 5px;
    width: 164px;
    height: 164px;
    margin-bottom: 20px;
}

.home-dafuq {
    position: absolute;
    right: 35px;
    text-align: center;
    top: -56px;
    width: 301px;
    padding: 5px 12px 12px 5px;
    background: rgba(0,0,0,0.7);
    border-style: dotted solid solid;
    border-color: #33b5e5 #33b5e5 #111;
    border-width: 2px 1px 1px;
    -webkit-border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0;
}

.home-dafuq p {
    font-weight: bold;
    font-size: 22px;
    margin: 0;
}

.main .home-feature {
    height: auto;
    position: relative;
    border: 1px solid #333;
    padding: 0;
}
   
.main .home-feature:first-child {
    border: 1px solid #333;
}

.main .home-feature .feature-home-meta {
    padding: 20px 20px 10px;
    border-top: 2px dotted #33b5e5;
    background: #111;
    background: rgba(0,20,30,0.9);
    -webkit-transition: all 750ms ease-in-out;
    -moz-transition: all 750ms ease-in-out;
    -ms-transition: all 750ms ease-in-out;
    -o-transition: all 750ms ease-in-out;
    transition: all 750ms ease-in-out;
}

.main .home-feature .feature-home-meta * {
    padding: 0;
    margin: 0;
    text-shadow: 1px 1px 0px #000, 1px 2px 0 #000;
}

.main .home-feature .feature-home-meta h2 {
    color: #E4418B;
    text-align: center;
    margin-bottom: 7px;
}

.main .home-download form {
    margin: 0 -3%;
    display: block;
    background: url(../images/download-splash-bg.png) no-repeat top right rgba(180,180,180,0.15);
    background-size: contain;
    border: 2px dotted #555;
    border-left: 0;
    border-right: 0;
}

.main .home-download form p {
    text-align: center;
    font-size: 20px;
    margin: 12px 0;
    padding: 30px 0;
}

.main .home-download form p i.icon-save-floppy {
    font-size: 32px;
    margin-right: 15px;
    top: 0;
}

.main .home-download form p span {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 38px;
    font-family: 'ostrich', sans-serif;
    font-weight: bold;
    color: #aaa;
    line-height: 34px;
    text-shadow: 0 1px 5px #000;
}

.main .home-download form input {
    display: inline-block;
    margin: 0 5px;
    font-size: 18px;
    line-height: normal;
    padding: 4px 5px 2px;
    position: relative;
    top: -1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.main .home-screenies iframe {
    display: none;
}

.main .screenie-album {
    margin: 10px 0 30px;
    padding: 0;
    list-style: none;
    overflow: visible;
    text-align: center;
}

.main .screenie-album li {
    display: inline-block;
}

.main .screenie-album li a {
    display: block;
    margin: 4px 2px;
}

.main .screenie-album li a img {
    padding: 3px;
    background: #000;
    border: 1px solid #333;
    height: 145px;
    width: auto;
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.main .screenie-album li a:hover img {
    background: #012;
    border: 1px solid #E4418B;
	-moz-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

.main .home-blog-poll article, .main .home-blog-poll .home-blog-latest h2 {
    margin: 0;
	font-size: 32px;
    line-height: 32px;
}

.main .home-blog-poll article section {
    margin: 20px 0;
}

.main .home-blog-poll .home-blog-latest h3 {
    font-size: 22px;
    margin: 5px 0 0;
    padding: 2px 10px 0;
	line-height: 31px;
    text-align: center;
}

.main .home-blog-poll .home-blog-latest p {
    font-size: 17px;
}

.main .home-blog-poll .vote_panel {
    margin-top: 20px;
}

.main a.read-moar {
    background: #45484C;
    background: -moz-linear-gradient(left,  rgba(40,52,59,0) 0%, rgba(69,72,76,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(40,52,59,0)), color-stop(100%,rgba(69,72,76,1)));
    background: -webkit-linear-gradient(left,  rgba(40,52,59,0) 0%,rgba(69,72,76,1) 100%);
    background: -o-linear-gradient(left,  rgba(40,52,59,0) 0%,rgba(69,72,76,1) 100%);
    background: -ms-linear-gradient(left,  rgba(40,52,59,0) 0%,rgba(69,72,76,1) 100%);
    background: linear-gradient(to right,  rgba(40,52,59,0) 0%,rgba(69,72,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0028343b', endColorstr='#45484c',GradientType=1 );
    display: block;
    text-align: right;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
    margin: 0;
    padding: 4px 10px 4px 0;
    -webkit-border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
}

.main aside {
    color: white;
    padding: 25px 2% 15px;
    background: rgba(255,255,255,0.1);
    margin: 40px 0 -3px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.main aside h1 {
    margin: 0;
}

.main aside section {
    margin: 0 0 50px;
}

.main aside section p {
    text-align: center;
}

/* .vote_panel {

}

.vote_panel h2 {
    margin: 0 0 20px;
}

.vote_panel span.option_title_class {
    color: #ddd;
    font-size: 20px;
    letter-spacing: -1px;
    text-shadow: 0 2px 0 #000;
}

.vote_panel span.option_title_class input {
	margin: 0 10px;
}

.vote_panel span.vote_totals {
    color: #FFF;
    display: block;
    font-family: 'ostrich',sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: normal;
    text-align: center;
}

.vote_panel span.vote_percent {
    font-size: 18px;
    font-weight: bold;
    color: #07a;
}

.vote_panel div.vote_bar {
    margin-bottom: 10px;
    text-align: right;
    font-weight: bold;
    min-width: 3px;
    border: 1px solid #730034;
    box-shadow: 0 0 5px #33b5e5;
    -webkit-border-radius: 5px 15px 15px 5px;
    -moz-border-radius: 5px 15px 15px 5px;
    border-radius: 5px 15px 15px 5px;
    background: rgb(115,0,52);
    background: -moz-linear-gradient(left,  rgba(115,0,52,1) 0%, rgba(228,65,139,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(115,0,52,1)), color-stop(100%,rgba(228,65,139,1)));
    background: -webkit-linear-gradient(left,  rgba(115,0,52,1) 0%,rgba(228,65,139,1) 100%);
    background: -o-linear-gradient(left,  rgba(115,0,52,1) 0%,rgba(228,65,139,1) 100%);
    background: -ms-linear-gradient(left,  rgba(115,0,52,1) 0%,rgba(228,65,139,1) 100%);
    background: linear-gradient(to right,  rgba(115,0,52,1) 0%,rgba(228,65,139,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#730034', endColorstr='#e4418b',GradientType=1 );
}

.vote_panel span.vote_button_class {
    text-align: center;
    display: block;
    margin-top: 10px;
}

.vote_panel span.vote_button_class input {
    font-size: 22px;
    font-weight: bold;
    color: #00405c;
    padding: 3px 0 5px;
    width: 145px;
}

.vote_panel span.vote_message {
    color: #3AD93A;
    font-weight: bold;
    line-height: 20px;
    padding: 3px 0;
    text-shadow: 0 1px 0 #070;
    display: block;
    margin-top: 10px;
    text-align: center;
}

*/

.main article.blog-list-post section h2 {
    font-size: 43px;
    font-weight: normal;
    line-height: 45px;
    margin: 10px 0 0;
    text-shadow: 0 1px 0 #c99;
}

.main article.blog-full-post h3, .main article.blog-list-post section h3 {
	background: #222;
	background: rgba(255, 255, 255, 0.15);
    border: 1px solid #333;
    margin: -7px -19px 10px;
    padding: 4px 19px;
    line-height: 30px;
    text-shadow: 0 1px 0 #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.main article.blog-full-post section h3, .main article.blog-list-post section h3 {
    margin: -10px -1% 10px;
    padding: 8px 19px 3px;
}

.main article.blog-list-post section h3 {
    margin: 5px -1% 0;
}

.main article.blog-full-post h3 i, .main article.blog-list-post section h3 i {
	font-size: 16px;
    margin-right: 0;
    top: 0;
}

.main #team-filter, .main #device-filter {
    overflow: auto;
    margin-bottom: 20px;
    padding: 5px 0;
}

.main #device-filter {
    margin-bottom: 0;
}

.main #team-filter h3, .main #device-filter h3 {
    margin: 0 0 10px;
    border-bottom: 1px solid #33b5e5;
    padding-right: 10px;
}

.main #team-filter h3 {
    border-bottom: 0;
    margin: 0;
}

.main #device-filter h3 {
    padding: 0;
    border: 0;
}

.main #team-filter ul {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
}

.main #team-filter ul li {
    font-weight: bold;
}

.main #team-filter ul li a {
    display: block;
    float: left;
    padding: 6px 15px 4px;
}

.main .team-wrap {
    overflow: auto;
}

.main article.card {
	background: #000;
	border: 1px solid #035;
	overflow: auto;
	margin: 0 0 40px 0;
	padding: 10px 0;
    
	width: 99%;
}

.main article.card:hover {
    border: 1px solid #33b5e5;
    background: #171717;
}

.main article.card h3 {
    text-align: right;
    border-top: 1px solid #E4418B;
    margin: 0;
    padding-top: 0;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
}

.main article section {
    border-top: 4px dotted #555;
    padding: 25px 0 10px;
    margin-bottom: 20px;
}

.main article section iframe {
    border: 1px dotted #555;
    max-width: 98%;
    padding: 1%;
}

.main article.card section {
    padding: 25px 20px 0;
    margin-bottom: 0;
}

.main article.card section h1 {
    margin: 0;
    font-size: 33px;
}

.main article.card section h2 {
    margin: 0;
    color: #ccc;
    font-size: 21px;
}

.main article.card section h2 .slash {
    font-weight: bold;
    color: #555;
}

.main article.card section .tweet_list {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}

.main article.card section .tweet_list .tweet_avatar img {
    border: 1px dotted #33b5e5;
    float: left;
    margin: 0 10px 0 0;
}

.main article.card section .tweet_list .tweet_text {
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #999;
    overflow: hidden;
    display: block;
}

.main article.card section .tweet_list .tweet_time {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    display: block;
    background: url(../images/icon-small-twitter.png) no-repeat right 17px;
    padding: 14px 25px 0 0;
}

.main article.card section h3 a i {
    font-size: 24px;
}

.main article section:first-child {
    border-top: 0;
    padding-top: 0;
}

.main #device-filter a {
    padding: 5px 10px 7px;
    margin: 10px;
}

.main .device-info {
    padding-bottom: 20px;
}

.main .device-info i {
    font-size: 19px;
    top: 0;
    margin: 0 5px 0 0;
}

.main .device-info img {
    float: left;
    height: 150px;
    width: auto;
    margin: 0 20px 20px 0;
    border: 0;
}

.main .device-info h1 {
    margin: 0;
    padding-top: 10px;
    clear: right;
}

.main .device-info h2, .main .device-info h3 {
    margin: 5px 0;
    text-align: center;
    color: #888;
}

.main .device-info h3 span.maint-name {
    color: #ccc;
    font-family: 'roboto', sans-serif;
    font-weight: bold;
    margin: 0;
    font-size: 20px;
    position: relative;
    top: -2px;
}

.main #release-wrap {
    margin: 0 -3%;
    clear: both;
}

.main #release-header, .main #device-filter, .main #team-filter {
    width: 100%;
    background: #111;
    color: #33b5e5;
    font-weight: bold;
    font-size: 22px !important;
    letter-spacing: -1px;
    margin-top: -20px;
    padding: 10px 0 4px;
    text-align: center;
    overflow: auto;
    border-bottom: 2px dotted #33b5e5;
	-webkit-border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
    background: -moz-radial-gradient(center top, ellipse cover,  rgba(51,181,229,0.25) 0%, rgba(0,0,0,0) 75%);
    background: -webkit-gradient(radial, center top, 0px, center bottom, 100%, color-stop(0%,rgba(51,181,229,0.25)), color-stop(75%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center top, ellipse cover,  rgba(51,181,229,0.25) 0%,rgba(0,0,0,0) 75%);
    background: -o-radial-gradient(center top, ellipse cover,  rgba(51,181,229,0.25) 0%,rgba(0,0,0,0) 75%);
    background: -ms-radial-gradient(center top, ellipse cover,  rgba(51,181,229,0.25) 0%,rgba(0,0,0,0) 75%);
    background: radial-gradient(ellipse at center top,  rgba(51,181,229,0.25) 0%,rgba(0,0,0,0) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4433b5e5', endColorstr='#00000000',GradientType=1 );
}

.main #release-header {
    border-top: 2px solid #1B3B47;
}

.main #device-filter, .main #team-filter {
    font-size: 17px;
    border-bottom: 1px solid #33b5e5;
}

.main #device-filter {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    margin-bottom: 10px;
}

#device-filter a.brand {
    display: inline-block;
    margin-bottom: 10px;
}

.main #device-filter h2 {
    clear: both;
    margin: 0;
}

#device-filter a.brand-all {
    padding: 0;
    float: none;
}

#device-filter a.brand img {
    height: 32px;
    width: auto;    
}

.maintenance-social-links {
    width: 240px;
    display: block;
    margin: 0 auto;
    list-style: none;
    font-size: 20px;
}

.maintenance-social-links li {
    text-align: left;
}

#rss-navbar {
    padding: 5px 10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 0 #000;
}

#rss-navbar i {
    font-size: 24px;
    top: 8px;
    color: #E4418B;
}

#rss-navbar a:hover i {
    color: #33b5e5;
}

#live-search-devices {
    border: 2px dotted #555;
    border-width: 0 0 1px 0;
    padding: 3px 14px 20px 7px;
    margin: 0 auto 10px;
    float: none;
    text-align: center;
}

.main #device-filter #live-search-devices h3 {
    margin: 0;
    padding: 0;
}

#live-search-devices input[type=text], #rss-navbar input[type=text], .home-download input[type=text] {
    width: 200px;
    background: #333;
    outline: none;
    color: #fff;
    border: 1px solid #000;
    font-family: 'ostrich', sans-serif;
    line-height: 23px;
    padding: 8px 10px 3px;
    letter-spacing: 1px;
    font-weight: bold;
	-webkit-transition: color 750ms ease-in-out;
    -moz-transition: color 750ms ease-in-out;
    -ms-transition: color 750ms ease-in-out;
    -o-transition: color 750ms ease-in-out;
    transition: color 750ms ease-in-out;
}

#live-search-devices input[type=text]:focus, #live-search-devices input[type=text]:active, .home-download input[type=text]:focus, .home-download input[type=text]:active {
    background: #23647c;
    border-color: #33b5e5;
}

.home-download input[type=text] {
    font-size: 21px;
    font-family: 'roboto', sans-serif;
    font-weight: 100;
	height: 23px;
    line-height: 23px;
    background: #5a0029;
    background: rgb(66,0,34);
    background: -moz-linear-gradient(30deg,  rgba(66,0,34,1) 0%, rgba(99,0,61,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(66,0,34,1)), color-stop(100%,rgba(99,0,61,1)));
    background: -webkit-linear-gradient(30deg,  rgba(66,0,34,1) 0%,rgba(99,0,61,1) 100%);
    background: -o-linear-gradient(30deg,  rgba(66,0,34,1) 0%,rgba(99,0,61,1) 100%);
    background: -ms-linear-gradient(30deg,  rgba(66,0,34,1) 0%,rgba(99,0,61,1) 100%);
    background: linear-gradient(30deg,  rgba(66,0,34,1) 0%,rgba(99,0,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420022', endColorstr='#63003d',GradientType=1 );
    border: 1px solid #E4418B;
    border-top: 0;
    border-right: 0;
    color: #E4418B;
    letter-spacing: normal;
    text-transform: uppercase;
    padding: 6px 12px 5px;
}

.home-download input[type=text]:focus, .home-download input[type=text]:active {
    color: #79bbd4;
    font-weight: bold;
    background: #23647C;
    border: 1px solid #33b5e5;
    border-top: 0;
    border-right: 0;
}

.home-download input[type=text] {
    border: 1px solid #E4418B;
}

.home-download input[type=text]:focus, .home-download input[type=text]:active {
    border: 1px solid #33b5e5;
    color: #fff;
}

#live-search-devices input[type=submit] {
    display: none;
	background: #33B5E5;
    color: #fff;
    text-shadow: 0 1px 0 #07a;
    border: 0;
    font-family: 'roboto',sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 4px 10px;
    position: relative;
    top: -3px;
    width: auto;
}

#jquery-live-search {
	background: url(../images/html-bg.png) repeat #180E17;

	padding: 5px 10px 15px;
/*	max-height: 400px; */
	overflow: auto;

	position: absolute;
	z-index: 420;

	border: 1px solid #33b5e5;
	border-width: 0 1px 1px 1px;

	box-shadow: 0 30px 40px 20px rgba(0, 0, 0, 1);
}

#jquery-live-search .result-count {
    display: block;
    font-size: 14px;
    text-align: center;
}

#jquery-live-search .result-count strong {
    font-weight: bold;
    font-size: 22px;
}

.live-search-result {
    font-family: 'ostrich',sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0 0;
    display: block;
}

.live-search-result:first-of-type {
    border: 0;
}

.live-search-result a {
    display: block;
}

.live-search-result span {
    color: #aaa;
	font-family: 'roboto',sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.main p.cyanogen-thx {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #777;
    letter-spacing: normal;
    border-left: 3px solid #7DD0D6;
    padding-left: 7px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.main p.cyanogen-thx span {
    color: #7DD0D6;
}

.main .device-wrap article.card {
    margin: 0;
    width: 98.5%;
    padding: 5px 0;
    border-color: #444 #333 #303030;
    border-width: 1px 1px 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.main .device-wrap article.device-cm {
    border-color: #444 #333 #303030 #7dd0d6;
}

.main .device-wrap article.card a {
    display: block;
    padding: 7px;
}

.main .device-wrap article.card a img {
    height: 48px;
    width: auto;
    float: left;
    margin: 0 10px 6px 0;
    border: 0;
}

.main .device-wrap article.card a:hover h1, .main .device-wrap article.card a:hover h2 {
	-webkit-transition: color 420ms ease-in-out;
    -moz-transition: color 420ms ease-in-out;
    -ms-transition: color 420ms ease-in-out;
    -o-transition: color 420ms ease-in-out;
    transition: color 420ms ease-in-out;
    color: #E4418B;
}

.main .device-wrap article.card a:active h1, .main .device-wrap article.card a:active h2 {
    color: #eee;
}

.main .device-wrap article.card h1 {
	font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
}

.main .device-wrap article.card h2 {
	color: #888;
    font-family: 'roboto',sans-serif;
    font-size: 19px;
    letter-spacing: -1px;
	line-height: 16px;
    padding: 2px 0 0;
}

.main .device-wrap article.card a:hover h2 {
    color: #eee;
}

.device-wrap article.card {
}

.device-wrap article.brand {
    outline: none;
}

#device-filter a.brand:hover {
  opacity: 1 !important;
}

.device-wrap article.brand-asus {
    background: url(../images/icon-brand-asus.png) no-repeat bottom right #001A21;
}

.device-wrap article.brand-asus:hover {
    background: url(../images/icon-brand-asus.png) no-repeat bottom right #222;
}

.device-wrap article.brand-samsung {
    background: url(../images/icon-brand-samsung.png) no-repeat bottom right #001A21;
}

.device-wrap article.brand-samsung:hover {
    background: url(../images/icon-brand-samsung.png) no-repeat bottom right #222;
}

.device-wrap article.brand-htc {
    background: url(../images/icon-brand-htc.png) no-repeat bottom right #001A21;
}

.device-wrap article.brand-htc:hover {
    background: url(../images/icon-brand-htc.png) no-repeat bottom right #222;
}

.device-wrap article.brand-lg {
    background: url(../images/icon-brand-lg.png) no-repeat bottom right #001A21;
}

.device-wrap article.brand-lg:hover {
    background: url(../images/icon-brand-lg.png) no-repeat bottom right #222;
}

.device-wrap article.brand-motorola {
    background: url(../images/icon-brand-motorola.png) no-repeat bottom right #001A21;
}

.device-wrap article.brand-motorola:hover {
    background: url(../images/icon-brand-motorola.png) no-repeat bottom right #222;
}

.device-wrap article.brand-oneplus {
    background: url(../images/icon-brand-oneplus.png) no-repeat bottom right #001A21;
}

.device-wrap article.brand-oneplus:hover {
    background: url(../images/icon-brand-oneplus.png) no-repeat bottom right #222;
}

.device-wrap article.brand-oppo {
    background: url(../images/icon-brand-oppo.png) no-repeat bottom right #001A21;
}

.device-wrap article.brand-oppo:hover {
    background: url(../images/icon-brand-oppo.png) no-repeat bottom right #222;
}

.device-wrap article.brand-sony {
    background: url(../images/icon-brand-sony.png) no-repeat bottom right #001A21;
}

.device-wrap article.brand-sony:hover {
    background: url(../images/icon-brand-sony.png) no-repeat bottom right #222;
}

.device-wrap article.brand-sony-ericsson {
    background: url(../images/icon-brand-sony-ericsson.png) no-repeat bottom right #001A21;
}

.device-wrap article.brand-sony-ericsson:hover {
    background: url(../images/icon-brand-sony-ericsson.png) no-repeat bottom right #222;
}

.main #release-wrap span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 18px;
}

.main #release-wrap span.qrcode-goo canvas, .main #release-wrap span.qrcode-xfer canvas {
    height: 48px;
    background: #fff;
    z-index: 1000;
    padding: 3px;
}

.main #release-wrap span.qrcode-goo canvas:hover, .main #release-wrap span.qrcode-xfer canvas:hover {
    -moz-transform: scale(4) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(4) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(4) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(4) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(4) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

.main #release-header span {
    display: block;
    float: left;
}

.main #release-wrap {
}

.main #release-wrap .qrcode {
    background: #fff;
    padding: 10px;
}

.cyanogen-note {
    display:none;
    padding: 10px 30px;
    margin: -20px -3% 20px;
    border-bottom: 1px solid #73E6F7;
	-webkit-border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
    background: rgb(96,190,193);
    background: -moz-linear-gradient(top,  rgba(96,190,193,1) 23%, rgba(107,206,219,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(96,190,193,1)), color-stop(100%,rgba(107,206,219,1)));
    background: -webkit-linear-gradient(top,  rgba(96,190,193,1) 23%,rgba(107,206,219,1) 100%);
    background: -o-linear-gradient(top,  rgba(96,190,193,1) 23%,rgba(107,206,219,1) 100%);
    background: -ms-linear-gradient(top,  rgba(96,190,193,1) 23%,rgba(107,206,219,1) 100%);
    background: linear-gradient(to bottom,  rgba(96,190,193,1) 23%,rgba(107,206,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60bec1', endColorstr='#6bcedb',GradientType=0 );
}

.cyanogen-note img {
    float: left;
    margin-right: 20px;
}

.cyanogen-note p {
    color: #104047;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 0 1px 0 #8AEDFB;
}

.cyanogen-tag {
    position: relative;
    float: right;
    margin-top: -26px;
}

.main #release-header {
    display: none;
}

.main #blog-build-wrap #release-header {
    display: block;
}

.main .rom-details {
    color: #ccc;
    padding: 10px 0;
}

.main .rom-details:hover {
    color: #fff;
    background: -moz-radial-gradient(center top, ellipse cover,  rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(radial, center top, 0px, center top, 100%, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-radial-gradient(center top, ellipse cover,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    background: -o-radial-gradient(center top, ellipse cover,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    background: -ms-radial-gradient(center top, ellipse cover,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    background: radial-gradient(ellipse at center top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.main .rom-details a {
    color: #33b5e5;
}

.main .rom-details a:hover {
    color: #E4418B;
}

.main #release-wrap .clearfix {
    border-bottom: 2px dotted #444;
}

.main #release-wrap .rom-details .clearfix {
    border: 0;
    margin: 0;
}

.main #release-wrap span.json-branch {
    width: 20%;
    text-indent: -10000px;
    height: 45px;
    margin-bottom: 10px;
}

.main #release-header span.json-branch {
    height: 32px;
}

.main #release-wrap span.jb {
    background: url(../images/icon-branch-jb.png) no-repeat center;
    background-size: contain;
}

.main #release-wrap span.jb-mr1 {
    background: url(../images/icon-branch-jb-mr1.png) no-repeat center;
    background-size: contain;
}

.main #release-wrap span.jb-mr2 {
    background: url(../images/icon-branch-jb-mr2.png) no-repeat center;
    background-size: contain;
}

.main #release-wrap span.kitkat {
    background: url(../images/icon-branch-kk.png) no-repeat center;
    background-size: contain;
}

.main #release-header span.json-branch {
    text-indent: 0;
}

.main #release-wrap span.json-type {
    width: 50%;
    font-size: 21px;
    line-height: 18px;
    font-weight: bold;
    text-align: left;
}

.main #release-wrap span.json-type i {
    top: 10px;
    line-height: 0;
}

.main #release-header span.json-type {

    text-align: center;
}

.main #release-wrap .rom-details span.json-type small {
    display: block;
    padding-left: 50px;
    color: #696969;
    font-size: 14px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}


.main #release-wrap .rom-details:hover span.json-type small {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    color: #33b5e5;
}


.main #release-wrap span.json-version {
    width: 25%;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: right;
}

.main #release-header span.json-version {
    color: #33b5e5;
}

.main #release-wrap span.json-date {
    width: 21%;
    font-size: 15px;
}

.main #release-wrap span.json-md5 {
    width: 10%;
}

.main #release-wrap span.json-md5 big {
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
}

.main #release-wrap span.json-filesize {
    width: 30%;
}

.main #release-wrap #release-header span.json-dl {
    width: 20%;
}

.main #release-wrap .rom-details span.json-goo-dl, .main #release-wrap .rom-details span.json-xfer-dl {
    width: 35%;
    font-size: 21px;
    font-weight: bold;
    font-family:  'ostrich', sans-serif;
}

.main #release-wrap .rom-details span.json-goo-dl i, .main #release-wrap .rom-details span.json-xfer-dl i {
    margin-right: 2px;
    font-size: 21px;
    top: 0;
}

.main #release-footer {
    border-top: 3px solid #555;
    overflow: auto;
}

.main #release-footer .archived-builds, .main #release-footer .releases-list {
    background: #2D2D2D;
    border: 2px solid #555;
    border-top: 0;
    border-left: 0;
    padding: 5px 10px 5px;
    font-weight: bold;
    font-size: 22px;
    font-family: 'ostrich', sans-serif;
    color: #aaa;
}

.main #release-footer .releases-list {
    border-right: 0;
    border-left: 2px solid #555;
}

.main #release-wrap .archived-builds i, .main #release-footer .releases-list i {
    font-size: 24px;
    line-height: 1px;
}

.main #blog-build-wrap {
    padding-top: 30px;
}

.main h2.blog-release-name {
    color: #E4418B;
    margin-top: 0;
}

.main #blog-build-wrap .rom-details {
    border-bottom: 2px dotted #333;
}

.main #blog-build-wrap span {
	display: inline-block;
}

.main #blog-build-wrap span a, .main #blog-build-wrap span a:visited, .main #blog-build-wrap span a i, .main #blog-build-wrap span a:visited i {
    color: #E4418B;
}

.main #blog-build-wrap span a:hover, .main #blog-build-wrap span a:hover i {
    color: #33b5e5;
}

.main #blog-build-wrap span a:active, .main #blog-build-wrap span a:active i {
    color: #07a;
}

.main #blog-build-wrap span.json-device {
	width: 30%;
    font-weight: bold;
    font-size: 18px;
}

.main #blog-build-wrap span.json-device i {
    display: none;
    color: #33b5e5;
}

.main #blog-build-wrap span.json-dl {
	width: 35%;
}

.main #blog-build-wrap span.json-filesize {
	width: 20%;
    text-align: center;
    font-weight: bold;
}

.main #blog-build-wrap span.json-md5 {
	width: 13%;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}

.main #blog-build-wrap .rom-details span.json-md5 {
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    line-height: 10px;
}

.main #blog-build-wrap span.json-goo-dl, .main #blog-build-wrap span.json-xfer-dl {
	width: 17.5%;
    font-family: 'ostrich', sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
}

.main #blog-build-wrap span.json-goo-dl i, .main #blog-build-wrap span.json-xfer-dl i {
    margin-right: 2px;
}

.main #blog-build-wrap #release-footer .releases-list {
    padding: 12px 20px 10px 10px;
    border-left: 2px solid #555;
    border-right: 2px solid #555;
}

.main #blog-build-wrap #release-footer .releases-list i {
    margin: 0 14px 0 0;
}

.gapps {
    text-align: center;
}

a.gapps-link {
    display: inline-block;
    width: auto;
    margin: 0 auto 20px;
    text-align: center;
    font-weight: bold;
}

.brand-trademarks {
    color: #696969;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    line-height: 16px;
}

.brand-trademarks i {
    color: #696969;
	font-size: 18px;
    margin-right: 3px;
    top: 5px;
}

.main article section.source-cell h4 {
    text-align: center;
}

.main article section.gerrit-wrap {
    display: none;
}

.main article section .irc-wrapper h2 {
    line-height: 35px;
}

.main article section .irc-wrapper h2 span {
    color: #E4418B;
}

.main article section .irc-wrapper iframe {
    display: none;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
    overflow: auto;
}

.footer-container {
    background: url(../images/footer-bg.png) repeat;
    border-top: 2px solid #33b5e5;
    border-bottom: 2px solid #33b5e5;
    box-shadow: inset 0 0 50px #000;
    overflow: auto;
}

footer.wrapper {
    overflow: hidden;
}

footer div.footer-cell {
	border: 5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    
	border: 2px solid #7A284D;
    
	background: #111;
	padding: 15px 0 10px 10px;
    
	float: none;
    
	margin: 0 0 15px;
	font-weight: 100;
    
	min-height: 180px;
}

footer div.footer-cell h4 {
    color: #33b5e5;
    font-family: 'ostrich', sans-serif;
    font-size: 24px;
    border-bottom: 1px solid #33b5e5;
    margin: 0 0 0 3px;
    line-height: 18px;
}

.footer-lower-container {
    background: url(../images/main-bg.png) repeat;
}

footer #donate p {
    font-size: 16px;
    color: #888;
    padding-top: 5px;
}

footer #friends ul {
    list-style: none;
    padding-left: 0;
    margin-left: -10px;
    font-size: 19px;
    text-align: center;
    margin: 15px 0 0;
    text-transform: lowercase;
}

footer #friends #intellij {
    display: block;
    left: -4px;
    margin: 10px auto 0;
    overflow: hidden;
    position: relative;
    width: 120px;
}

footer #friends ul li a, footer #friends ul li a:visited {
    color: #888;
}
footer #friends ul li a:hover {
    color: #33b5e5;
}
footer #friends ul li a:active {
    color: #E4418B;
}

footer #social {
    clear: both;
}

footer #social .latest-tweet {
	background: url(../images/twitter-badge.png) no-repeat top left;
	min-height: 138px;
}

footer #social .latest-tweet .tweet_list {
	list-style: none;
	margin: 0 0 -20px;
	padding: 20px 10px 15px;
}

footer #social .latest-tweet .tweet_text {
	font-weight: 100;
	font-size: 22px;
	font-style: italic;
	color: #aaa;
}

footer #social .latest-tweet .tweet_time {
	text-align: right;
}

footer #social .latest-tweet .tweet_time a {
	padding: 4px 27px 0px 25px;
	display: block;
	background: url(../images/icon-small-twitter.png) no-repeat center right;
	font-size: 14px;
	border-top: 1px solid #058;
	display: block;
	font-weight: bold;
    margin-top: 5px;
}

footer #social .social-right {
    text-align: center;
}

footer #social .social-right h4 {
    text-align: left;
    margin: 10px 0 10px;
    clear: right;
}

footer #social .social-right a {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 6px;
    display: inline-block;
    margin: 10px 7px;
}

footer #social .social-right a i {
    font-size: 48px;
    top: 20px;
    margin: 0;
}

footer #social .social-right a:hover i {
    color: #E4418B;
}

footer #donate p {
    text-align: center;
    padding-right: 10px;
    margin: 5px 0 0;
    line-height: 22px;
}

footer #donate p img {
    margin-top: 10px;
    max-width: 100%;
    height: auto;
}

.footer-lower-container {
    overflow: hidden;
    font-family: 'ostrich', sans-serif;
    font-weight: 100;
    color: #676767;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #444;
}
.footer-lower-container p {
    color: #676767;
    font-size: 27px;
    line-height: 28px;
}
.footer-lower-container a, .footer-lower-container a:visited {
    color: #33b5e5;
}
.footer-lower-container a:hover {
    color: #E4418B;
}
.footer-lower-container a:active {
    color: #07a;
}

.footer-lower-container .copyright span.copy-symbol {
    font-family: 'roboto', sans-serif;
}

.footer-lower-container .copyright #back2top {
    cursor: pointer;
}

.footer-lower-container .copyright i {
    font-size: 20px;
    margin: 0;
    top: 0;
}

.footer-lower-container .copyright i.icon-taco, .footer-lower-container .copyright i.icon-bacon {
    font-size: 16px;
    margin: 0;
    color: #aaa555;
}

.footer-lower-container .copyright i.icon-bacon {
    color: #940;
}

.swagger-mobile-toggle {
    display: block;
}

.swagger-toggle {
    display: none;
}

.footer-lower-container .swagger-switch {
    margin: 12px 0;
}

.footer-lower-container .swagger-mobile-toggle {
    margin: 20px auto 0;
    width: 210px;
}

.footer-lower-container .swagger-switch span {
    color: #E4418B;
    background: url(../images/swag-switch-bg.png) no-repeat -40px 0 #000;
    border: 1px solid #333;
    font-weight: bold;
    overflow: auto;
    display: block;
    margin-top: 15px;
    padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    width: 110px;
    float: right;
}

.footer-lower-container .swagger-mobile-toggle span {
	margin: 17px 0 40px;    
	float: right;
}

.footer-lower-container .swagger-switch span a {
    display: block;
    color: #222;
    float: left;
    padding: 4px 12px 0;
}

.footer-lower-container .swagger-switch span a.switch-swag {
    color: #33b5e5;
}

.footer-lower-container .swagger-switch span a.switch-swag:hover {
    color: #E4418B;
}

.footer-lower-container .swagger-switch span a.switch-swag-on {
    color: #E4418B;
    text-shadow: 0 -1px 0 #000, 0 1px 0 #fff;
}

.footer-lower-container .swagger-switch .swag-fedora {
    margin-right: 5px;
    float: left;
}

.footer-lower-container .design-cred {
    margin: 15px;
    padding-left: 15px;
    display: block;
    clear: both;
}

.footer-lower-container .design-cred span {
    width: 32px;
    margin: 0;
    line-height: normal;
}

.footer-lower-container .design-cred span i {
    font-size: 22px;
    top: 2px;
    color: #E44D26;
}
.footer-lower-container .design-cred span i.icon-cssthree {
    color: #0070BA;
}
    
#qrcode, #qrcode-big {
    display: none;
}

#contest-entry {
    margin-bottom: -45px;
}

.zemThanks {
    color: #3f3;
    font-size: 26px;
    font-weight: bold;
    border: 1px solid;
    padding: 10px;
    border-radius: 4px;
    background: #333;
    margin: 50px 0;
}

.form legend {
    font-style: italic;
    color: #888;
    margin: 0 0 10px 160px;
}

.form label {
    display: inline-block;
    width: 150px;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    font-size: 18px;
}

.form input[type=text], .form textarea {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #777;
    color: #fff;
    padding: 2px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    width: 320px;
}

.form input:active, .form input:focus, .form textarea:active, .form textarea:focus {
    border: 1px solid #33b5e5;
    box-shadow: 0 0 10px #33b5e5;
    background: #eee;
    color: #222;
}

.form em {
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    top: -12px;
    padding-top: 0;
    position: relative;
}

.form .zemSubmit {
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 0 #444;
    padding: 5px 0;
    margin-left: 158px;
}

.form ul.zemError {
    background: rgba(255,30,30,0.3);
    padding: 10px 30px;
    border: 1px solid #f00;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 10px 3px rgba(255,0,0,0.6);
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
    background: url(../images/html-bg.png) repeat #180E17;
}

body {
    background: url(../images/body-bg.png) repeat-x;
    font-family: 'roboto', sans-serif;
    color: #fff;
}

header .top-splash p {
    margin: 0 auto;
    font-family: 'ostrich', sans-serif;
    font-weight: normal;
    font-size: 50px;
    text-shadow: 0 0 10px #E4418B, 2px 2px 1px #000;
    line-height: 50px;
    height: 100px;
    padding: 20px 0;
    vertical-align: middle;
    display: table-cell;
    text-align: center !important;
    width: 100%;
}

header .top-splash span.slash {
    letter-spacing: -14px;
    margin-right: 10px;
    opacity: 0.45;
}

header .top-splash span.raquo {
    position: relative;
    top: -6px;
}

header .top-splash img {
    height: 45px;
    width: auto;
    position: relative;
    top: -11px;
}

header .top-splash p a {
    font-size: 55px;
}

header .top-blog-title p {
    font-weight: bold;
    font-size: 36px;
}

.error-status {
    text-align: center;
}

.error-status h1 {
    font-weight: bold;
    letter-spacing: 0px;
    margin-bottom: 0;
}

.error-status h2 {
    font-size: 34px;
    margin-bottom: 5px;
}

.error-status h3 {
    margin: 5px 0 10px;
}

.error-status img {
    max-width: 95%;
    height: auto;
    padding: 5px;
    border: 1px solid #333;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */

    nav a, nav a:visited {
        float: left;
        border-width: 1px 1px 1px 1px;
    }

    #rootz-top-link a {
        padding: 17px 80px 10px 15px;
	}

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
    
    #rss-navbar {
        padding: 5px 10px;
        float: left;
    }
    
	#rootz-top-link, #rootz-top-link a {
        float: left;
    }
    
    .main article h1 i {
        display: block;
        float: left;
    }
        
    .main #blog-build-wrap span.json-device {
        font-size: 22px;
    }

    .main #release-wrap span.json-version {
        font-size: 21px;
    }

    .main #release-wrap span.json-date {
        font-size: 17px;
    }
	
    .main #release-header span.json-date {
        font-size: 21px;
    }

    footer #friends {
        margin-top: 0;
        float: left;
        width: 30%;
    }

    footer #friends ul {
        text-align: left;
        padding-left: 10px;
    }

    footer #donate {
        margin-bottom: 0;
        float: right;
        width: 60%;
    }

}

@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
    }

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }
    
    #navwrap-toggle {
        display: none;
    }
    
    nav {
        width: 100%;
        margin: 5px 0 10px 20px;
    }

    nav ul {
        float: right;
        font-weight: 
    }
	
    nav a, nav a:visited {
		background: none !important;
        border-top: 0;
        border-left: 0;
        border-right: 0; 
    }

    nav li:first-child a {
        border-top: 0;
    }
    
    .navwrap {
        display: block !important;
    }

    #rss-navbar {
        padding: 0 5px;
        margin-top: -3px;
        float: right;
    }
    
	#rootz-top-link {
		margin-right: -20px;
	}
	
	#rootz-top-link, #rootz-top-link a {
        float: right;
    }
    
    #rootz-top-link a {
        padding: 4px 80px 4px 15px;
        font-size: 17px;
	}
	
	header .top-splash p {
	    text-align: left;
		font-size: 64px;
		line-height: 60px;
	}

	header .top-splash img {
        height: 55px;
        width: auto;
        top: -5px;
    }
    
    header .top-splash p a {
        font-size: 70px;
    }    
        
    #front-page header .top-splash p {
        padding: 30px 0 235px;
    }
    
    .main .home-feature-cell {
        margin: 20px 0 0;
    }

    .main .home-feature {
        overflow: hidden;
        float: left;
        width: 31%;
        margin: 0 1%;
        height: 320px;
        padding: 25px 0 10px;
    }

    .main .home-feature, .main .home-feature:first-child {
        border-bottom: 0;
        padding-top: 25px;
    }

    .main .home-feature .feature-home-meta {
        position: absolute;
        bottom: 0;
    }
    
    .main .home-feature .feature-home-meta:hover {
        padding: 20px 20px 30px;
        -webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
    }

    .main .about-feature, .main .about-feature:first-child {
        width: 47%;
        margin-bottom: 15px;
        border-bottom: 1px solid #333;
    }

    .main .home-screenies {
        clear: both;
    }

    .main .home-screenies iframe {
        padding: 3px;
        border: 1px solid #333;
    }
    
    .main .home-blog-poll {
        margin: 0 0 20px;
        overflow: auto;
    }

    .main .home-blog-poll .poll {
        float: right;
        width: 45%;
        margin-top: 10px;
    }

    .main .home-blog-latest {
        float: left;
        width: 45%;
    }

    .main .home-blog-latest article {
        margin: 30px 0;
    }

    .main .article-wrap {
        float: left;
        width: 64%;
    }

    .main article {
        margin-bottom: 20px;
	}

    .main article h1, .main article h2 {
    	text-align: left;
    	margin-bottom: 10px;
	}

    .main article.blog-full-post section h3, .main article.blog-list-post section h3 {
        margin: -20px -5% 10px;
        border-style: dotted;
        border-width: 0 2px 2px 0;
        -webkit-border-radius: 16px 0 7px 0;
        -moz-border-radius: 16px 0 7px 0;
        border-radius: 16px 0 7px 0;
    }

    .main article.blog-list-post section h3 {
        margin: 0 -5% 10px;
        -webkit-border-radius: 0 8px 8px 0;
        -moz-border-radius: 0 8px 8px 0;
        border-radius: 0 8px 8px 0;
    }

    .main .home-blog-poll .home-blog-latest h3 {
        text-align: left;
    }

    .main #blog-build-wrap span.json-device i {
        display: inline-block;
    }

    .main .device-info h2, .main .device-info h3 {
        text-align: left;
    }

    .main h4.app-icon {
        float: right;
        text-align: center;
        margin: 13px 0 50px 20px;
    }

    .main article.card {
        width: 27%;
        padding: 1% 2%;
        margin: 0 1%;
        margin-bottom: 20px;
        float: none;
    }

    .main #device-filter h2 {
        clear: none;
        float: left;
        margin: 10px 0 0;
    }

    .main #device-filter h2 i {
        margin: 0 10px 0 0;
    }
        
    #device-filter a.brand {
        display: inline-block;
        margin-bottom: 0;
    }

    .main .device-wrap article.card {
        width: 31.25%;
        margin: 0.75%;
        padding: 0;
        float: left;
    }

    .main .device-wrap article.card a {
        padding: 7px;
        display: block;
    }

    .main .device-info img {
        height: 130px;
    }

    .main #team-filter h3 {
        float: left;
    }

    .main #live-search-devices {
        float: left;
        border-width: 0 1px 0 0;
        margin: 0 10px 10px 0;
        padding-right: 35px;
    }

	.main #release-header {
        display: block;
    }
    
    .main #release-wrap {
        margin: 0 -20px;
    }
    
    .main #release-wrap .clearfix {
        margin: 2px 0;
    }

    .main #release-wrap .rom-details .clearfix {
        display: none;
    }

    .main #release-wrap span.json-branch {
        width: 10%;
        display: inline-block;
        height: 48px;
        margin: 0;        
    }

    .main #release-header span.json-branch {
        height: 25px;
    }

    .main #release-wrap span.json-type {
        width: 21%;
    }

    .main #release-wrap .rom-details span.json-type small {
        display: inline;
        padding: 0;
    }

    .main #release-wrap span.json-version {
        width: 14%;
    }
    
    .main #release-wrap span.json-filesize {
        width: 15%;
    }

    .main #release-wrap span.json-date {
        width: 12.5%;
        display: inline-block;
    }
    
    .main #release-wrap span.json-md5 {
        width: 6%;
    }

    .main #release-wrap .rom-details span.json-goo-dl, .main #release-wrap .rom-details span.json-xfer-dl {
        width: 20%;
    }

    .main #release-wrap .rom-details span.json-goo-dl i, .main #release-wrap .rom-details span.json-xfer-dl i {
        display: inline;
        font-size: 28px;
    }

    .main #release-footer {
        margin-top: -2px;
    }

    .main #release-footer .archived-builds, .main #release-footer .releases-list {
        float: left;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

	.main #release-footer .releases-list {
        float: right;
    }
    
	.main #blog-build-wrap #release-footer .releases-list {
        float: left;
        border-right: 2px solid #555;
        font-size: 30px;
    }

	.main #blog-build-wrap #release-footer .releases-list i {
        font-size: 28px;
        top: 2px;
    }

    .gapps {
        float: left;
        width: 31%;
        margin: 0 1%;
    }

    .brand-trademarks {
        padding-top: 20px;
    }
    
    .main article.card section {
        padding: 0;
    }
    
    .main article section.source-cell {
        float: left;
        width: 46%;
        padding: 25px 0 10px;
        margin: 0 2%;
        border-top: 0;
    }
    
    .main article section.source-cell h4 {
        text-align: left;
    }
    
    .main article section.source-cell h1:first-child {
        margin-top: 0;
    }

/* ==========================================================================
   Gerrit Table
   ========================================================================== */

    .main article section.gerrit-wrap {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        margin: 0;
        padding-top: 10px;
    }

    .gerrit-wrap table {
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: separate;
        font-size: 15px;
        
        text-shadow: 0 1px 0 #000;
    }
    .gerrit-wrap table th, .gerrit-wrap table td {
        padding: 3px 10px;
        line-height: 18px;
        text-align: left;
        vertical-align: middle;
        border-top: 1px solid #888;
    }
    .gerrit-wrap table th {
        background: #111;
        color: #33b5e5;
        font-weight: bold;
        font-size: 20px;
        letter-spacing: -1px;
        border-top: none;
        padding: 10px 0;
        text-align: center;
    }
    .gerrit-wrap table th.gerrit-date-col {
        width: 4%;
        text-align: left;
    }
    .gerrit-wrap table td.gerrit-date-col {
        width: 4%;
        text-align: center;
    }
    .gerrit-wrap .table-striped tbody tr td {
        background-color: rgba(140,140,140,0.15);
    }
    .gerrit-wrap .table-striped tbody tr:nth-child(odd) td {
        background-color: #393939;
        background-color: rgba(140,140,140,0.2);
    }
    .gerrit-wrap .table-striped tbody tr:hover td {
        background-color: #4e4e4e;
        background-color: rgba(100,100,100,0.4);
    }
    .gerrit-wrap .table-striped tbody tr td a {
        font-weight: bold;
    }

    .gerrit-table-wrap {
        height: 420px;
        overflow: auto;
        border: 1px solid #444;
        border-width: 1px 0;
    }

    .gerrit-table-wrap table {
        border: 1px solid #444;
        width: 100%;
    }
    
    .gerrit-footer {
        overflow: auto;
        padding: 0;
        margin: 0;
    }
    
    .gerrit-footer span {
        float: left;
        border: 1px solid #444;
        border-top: 0;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        background: #000;
        padding: 8px 8px 2px;
        font-family: 'ostrich', sans-serif;
        font-size: 20px;
        font-weight: bold;
    }
    
    .gerrit-footer span#gerrit-list-top {
        float: right;
        padding: 5px 0 0 8px;
        cursor: pointer;
    }
    
    .gerrit-footer i {
        font-size: 22px;
        position: relative;
        top: 0;
    }
    
    .main aside {
        float: right;
        width: 30%;
    
        margin: -19px -3% 0 0;
        border-left: 1px solid #33b5e5;
        border-bottom: 1px solid #33b5e5;

        -webkit-border-radius: 0 15px 0 15px;
        -moz-border-radius: 0 15px 0 15px;
        border-radius: 0 15px 0 15px;
    
    }

    .main article section .irc-wrapper {
        margin: 0 -10px;
    }
    
    .main article section .irc-wrapper h2 {
        display: none;        
    }
	
    .main article section .irc-wrapper iframe {
        width: 100%;
        height: 420px;
        display: block;
        border: 2px dotted #E4418B;
    }
	
    footer div.footer-cell {
        float: left;
	    margin: 0;
    }

    footer #friends, footer #donate {
        width: 20%;
        margin-right: 15px;
    }
    
    footer #social {
        width: 50%;
        margin-right: 15px;
        clear: none;
}
    
    footer #social .latest-tweet {
        padding-right: 10px;
    }
    
    footer #donate {
        margin-right: 0;
    }
    
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
    
    header .top-splash p {
		padding: 30px 0;    
    }
    
    #front-page header .top-splash p {
        padding: 30px 0 380px;
    }

    .main {
        padding: 20px;
    }
    
    .main aside {
        margin: -19px -2% 0 0;
    }
    
    .main .home-download form {
		margin: 0 -20px;    
    }

    .main .home-screenies iframe {
        display: block;
    }
    
    .main .home-screenies .btn-youtube {
        display: none;
    }

    .main article.blog-full-post section h3 {
        margin: -20px -20px 10px;
    }
    
    .main article.blog-list-post section h3 {
        margin: 0 -20px 10px;
    }

    .main article section .irc-wrapper {
        margin: 0;
    }
    
    .cyanogen-tag {
        position: absolute;
        right: 20px;
        margin-top: -26px;
    }
    
    .cyanogen-note {
        margin: -20px -20px 20px;
    }

    #live-search-devices {
        float: right;
    }

    .main #device-filter h3, #device-filter a.brand {
        float: left;
    }

    #device-filter a.brand-all {
        float: none;
    }

    footer div.footer-cell {
        margin: 0;
    }

    footer #friends, footer #donate {
        width: 17%;
    }
    
    footer #social {
        width: 58%;
        margin-left: 5px;
    }
    
    footer #social .social-left {
        float: left;
        width: 67%;
    
    }
    
    footer #social .social-left p {
        padding-right: 10px;
    }
    
    footer #social .social-right h4 {
        margin: 0 0 10px;
    }
    
    footer #social .social-right {
        float: right;
        width: 33%;
    }
    
    .footer-lower-container {
	    text-align: right;
    }
    
    .footer-lower-container .copyright {
        float: right;
        margin: 14px 0;
    }
    
    .footer-lower-container .swagger-toggle, .footer-lower-container .swagger-mobile-toggle, .footer-lower-container .design-cred {
	    float: left;
	    clear: none;
	    text-align: right;
    }
    
    .swagger-toggle {
        display: block;
    }

    .swagger-mobile-toggle {
        display: none;
    }
            
    .footer-lower-container p {
        margin: 0;
    }
    
    .footer-lower-container .copyright {
        float: right;
        margin: 0;
        padding: 15px 74px 15px 0;
        text-align: right;
        line-height: 30px;
        background: url(../images/aokp-footer-logo.png) no-repeat center right;
    }

    .footer-lower-container .design-cred {
        border-left: 2px solid #222;
        display: inline-block;
        clear: none;
    }
    
    #qrcode {
        display: block;
        float: right;
        height: 57px;
        width: 57px;
        margin-left: 5px;
    }
    
    #qrcode-big {
        font-family: 'ostrich', sans-serif;
        position: fixed;
        background: rgba(0,0,0,0.8);
        color: #E4418B;
        padding: 25px 0 50px;
        z-index: 200;
        bottom: 94px;
        width: 100%;
        text-align: center;
        border-top: 2px solid #07a;
        box-shadow: 0 -10px 10px rgba(51,181,229,0.2);
        -webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
    }
    
    #qrcode-big h1 {
        font-size: 64px;
        font-weight: normal;
        text-shadow: 0 -1px 0 #aaa;
    }
    
    #qrcode-big h2 {
        margin-bottom: 40px;
        color: #33b5e5;
    }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



/* ==========================================================================
   Webfonts
   ========================================================================== */

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotothin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-lightitalic-webfont.eot');
    src: url('../fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-lightitalic-webfont.woff') format('woff'),
         url('../fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-lightitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-italic-webfont.eot');
    src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-italic-webfont.woff') format('woff'),
         url('../fonts/roboto-italic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-bolditalic-webfont.eot');
    src: url('../fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bolditalic-webfont.woff') format('woff'),
         url('../fonts/roboto-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-black-webfont.woff') format('woff'),
         url('../fonts/roboto-black-webfont.ttf') format('truetype'),
         url('../fonts/roboto-black-webfont.svg#robotobold') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-blackitalic-webfont.eot');
    src: url('../fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-blackitalic-webfont.woff') format('woff'),
         url('../fonts/roboto-blackitalic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-blackitalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-mediumitalic-webfont.eot');
    src: url('../fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-mediumitalic-webfont.woff') format('woff'),
         url('../fonts/roboto-mediumitalic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'ostrich';
    src: url('../fonts/ostrich-rounded-webfont.eot');
    src: url('../fonts/ostrich-rounded-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ostrich-rounded-webfont.woff') format('woff'),
         url('../fonts/ostrich-rounded-webfont.ttf') format('truetype'),
         url('../fonts/ostrich-rounded-webfont.svg#ostrich_sansblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ostrich';
    src: url('../fonts/ostrich-black-webfont.eot');
    src: url('../fonts/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ostrich-black-webfont.woff') format('woff'),
         url('../fonts/ostrich-black-webfont.ttf') format('truetype'),
         url('../fonts/ostrich-black-webfont.svg#ostrich_sansblack') format('svg');
    font-weight: bold;
    font-style: normal;
}


/* ==========================================================================
   So much fuckin' swagger, it hurts (...slow CPUs)!
   ========================================================================== */


#aokp-swagger, #pinkglow, #aokp-swagger-mobile {
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 100%;
    display: none;
}

#aokp-swagger-mobile {
    position: absolute;
    margin: -20px -3%;
    border-radius: 10px 10px 0 0;
}

#pinkglow, #aokp-swagger-mobile {
    background: #E4418B;
	-webkit-animation: phaseglow 2s ease-in-out infinite;
	-moz-animation: phaseglow 2s ease-in-out infinite;
	-o-animation: phaseglow 2s ease-in-out infinite;
}

.swag-element {
	position: absolute;
    bottom: 0;
    height: 64px;
    width: 64px;
}

.swagger-switch:hover .swag-fedora {
	-webkit-animation: swagicon 1s ease-in-out infinite;
	-moz-animation: swagicon 1s ease-in-out infinite;
	-o-animation: swagicon 1s ease-in-out infinite;
}

.x1 {
	-webkit-animation: moveswagfedora 7s linear infinite;
	-moz-animation: moveswagfedora 7s linear infinite;
	-o-animation: moveswagfedora 7s linear infinite;
}

.x2 {
	left: 8%;
	-webkit-animation: moveswagfedora 4s linear infinite;
	-moz-animation: moveswagfedora 4s linear infinite;
	-o-animation: moveswagfedora 4s linear infinite;
}

.x3 {
	left: 15%;
	-webkit-animation: moveswagfedora 14s linear infinite;
	-moz-animation: moveswagfedora 14s linear infinite;
	-o-animation: moveswagfedora 14s linear infinite;
}

.x4 {
	left: 85%;
    -webkit-animation: moveswagfedora 9s linear infinite;
	-moz-animation: moveswagfedora 9s linear infinite;
	-o-animation: moveswagfedora 9s linear infinite;
}

.x5 {
	left: 97%;
    -webkit-animation: moveswagfedora 16s linear infinite;
	-moz-animation: moveswagfedora 16s linear infinite;
	-o-animation: moveswagfedora 16s linear infinite;
}

.x6 {
	left: 3%;
    -webkit-animation: moveswag 5s linear infinite;
	-moz-animation: moveswag 5s linear infinite;
	-o-animation: moveswag 5s linear infinite;
}

.x7 {
	left: 15%;
    -webkit-animation: moveswag2 8s linear infinite;
	-moz-animation: moveswag2 8s linear infinite;
	-o-animation: moveswag2 8s linear infinite;
}

.x8 {
	left: 80%;
    -webkit-animation: moveswag 12s linear infinite;
	-moz-animation: moveswag 12s linear infinite;
	-o-animation: moveswag 12s linear infinite;
}

.x9 {
	left: 88%;
    -webkit-animation: moveswag2 5s linear infinite;
	-moz-animation: moveswag2 5s linear infinite;
	-o-animation: moveswag2 5s linear infinite;
}

.x10 {
	left: 94%;
    -webkit-animation: moveswag2 10s linear infinite;
	-moz-animation: moveswag2 10s linear infinite;
	-o-animation: moveswag2 10s linear infinite;
}


@-webkit-keyframes swagicon {
    0% { -webkit-transform: scale(1) rotate(0deg); } 50% { -webkit-transform: scale(1.3) rotate(15deg); } 100% { -webkit-transform: scale(1) rotate(0deg); }
}
@-moz-keyframes swagicon {
    0% { -moz-transform: scale(1) rotate(0deg); } 50% { -moz-transform: scale(1.3) rotate(15deg); } 100% { -moz-transform: scale(1) rotate(0deg); }
}
@-o-keyframes swagicon {
    0% { -o-transform: scale(1) rotate(0deg); } 50% { -o-transform: scale(1.3) rotate(15deg); } 100% { -o-transform: scale(1) rotate(0deg); }
}

@-webkit-keyframes phaseglow {
    0% { opacity: 0; } 50% { opacity: .3; } 100% { opacity: 0; }
}
@-moz-keyframes phaseglow {
    0% { opacity: 0; } 50% { opacity: .3; } 100% { opacity: 0; }
}
@-o-keyframes phaseglow {
    0% { opacity: 0; } 50% { opacity: .3; } 100% { opacity: 0; }
}


@-webkit-keyframes moveswag {
	0% {
        -webkit-transform: translateY(0) rotate(0deg) scale(0.2);
	}
    50% {
        -webkit-transform: translateY(-600px) rotate(360deg) scale(0.35);
    }
	100% {
        -webkit-transform: translateY(-1200px) rotate(720deg) scale(0.2);
	}
}
@-webkit-keyframes moveswag2 {
	0% {
        -webkit-transform: translateY(0) rotate(0deg) scale(0.3);
	}
    50% {
        -webkit-transform: translateY(-600px) rotate(-360deg) scale(0.2);
    }
	100% {
        -webkit-transform: translateY(-1200px) rotate(-720deg) scale(0.1);
	}
}
@-webkit-keyframes moveswagfedora {
	0% {
        -webkit-transform: translateY(0) rotate(0deg) scale(1);
	}
    50% {
        -webkit-transform: translateY(-600px) rotate(360deg) scale(1.2);
    }
	100% {
        -webkit-transform: translateY(-1200px) rotate(720deg) scale(0.8);
	}
}


@-moz-keyframes moveswag {
	0% {
        -moz-transform: translateY(0) rotate(0deg) scale(0.2);
	}
    50% {
        -moz-transform: translateY(-600px) rotate(360deg) scale(0.35);
    }
	100% {
        -moz-transform: translateY(-1200px) rotate(720deg) scale(0.2);
	}
}
@-moz-keyframes moveswag2 {
	0% {
        -moz-transform: translateY(0) rotate(0deg) scale(0.3);
	}
    50% {
        -moz-transform: translateY(-600px) rotate(-360deg) scale(0.2);
    }
	100% {
        -moz-transform: translateY(-1200px) rotate(-720deg) scale(0.1);
	}
}
@-moz-keyframes moveswagfedora {
	0% {
        -moz-transform: translateY(0) rotate(0deg) scale(1);
	}
    50% {
        -moz-transform: translateY(-600px) rotate(360deg) scale(1.2);
    }
	100% {
        -moz-transform: translateY(-1200px) rotate(720deg) scale(0.8);
	}
}


@-o-keyframes moveswag {
	0% {
        transform: translateY(0) rotate(0deg) scale(0.2);
	}
    50% {
        transform: translateY(-600px) rotate(360deg) scale(0.35);
    }
	100% {
        transform: translateY(-1200px) rotate(720deg) scale(0.2);
	}
}
@-o-keyframes moveswag2 {
	0% {
        transform: translateY(0) rotate(0deg) scale(0.3);
	}
    50% {
        transform: translateY(-600px) rotate(-360deg) scale(0.2);
    }
	100% {
        transform: translateY(-1200px) rotate(-720deg) scale(0.1);
	}
}
@-o-keyframes moveswagfedora {
	0% {
        transform: translateY(0) rotate(0deg) scale(1);
	}
    50% {
        transform: translateY(-600px) rotate(360deg) scale(1.2);
    }
	100% {
        transform: translateY(-1200px) rotate(720deg) scale(0.8);
	}
}



/* ==========================================================================
   Isotope Animations
   ========================================================================== */

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}




/*!
 * qTip2 - Pretty powerful tooltips - v2.0.1
 * http://qtip2.com
 *
 * Copyright (c) 2012 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Mon Dec 31 2012 02:55 GMT+0000
 * Plugins: svg ajax tips modal viewport imagemap ie6
 * Styles: basic css3
 */

/* Core qTip styles */
.qtip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 220px;
	
	font-size: 14px;
	line-height: 18px;

	direction: ltr;
}

.qtip-content{
	position: relative;
	padding: 4px 9px;
	overflow: hidden;

	text-align: left;
	word-wrap: break-word;
}

.qtip-default{
	border: 1px solid #33b5e5;

	background-color: #000;
	color: #E4418B;
	
	font-family: 'roboto', sans-serif;

	-webkit-border-radius: 0 8px 8px 8px;
	-moz-border-radius: 0 8px 8px 8px;
    border-radius: 0 8px 8px 8px;
	box-shadow: 0 0 6px 1px rgba(51,181,229,0.6);
}

.qtip-navbar {
	border: 1px solid #33b5e5;
	border-top: 0;
	display: none;
	padding: 9px 5px 2px;
	line-height: 5px;
	font-weight: bold;

	color: #33b5e5;

	-webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
	box-shadow: none;

}

/* ===============
    POLL
   =============== */

.poll {
    background: url(../images/aokp-poll-header.png) no-repeat center 10px rgba(180, 180, 180, 0.15);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 80px 10px 0;
}

.home-blog-poll .poll {
    padding: 80px 20px 0;
    clear: both;
}

.poll h2 {
    margin: 0 0 20px;
    text-align: left;
}

.poll h3 {
    color: #fff;
    margin: 20px -20px 20px;
    padding: 5px 10px;
    text-align: center;
}

.poll label {
    display: block;
    width: auto;
    margin-bottom: 10px;
    text-shadow: 1px 1px 0 #000;
    font-size: 18px;
    line-height: 22px;
}

.poll label input {
    margin-right: 10px;
}

.poll .poll-submit {
    margin-bottom: 20px;
}

.poll .cls-graph {
    margin-bottom: 15px;
    text-shadow: 1px 1px 0 #000;
    background: none !important;
}

.poll .text-option {
    margin-bottom: 5px;
    line-height: 22px;
    font-size: 18px;
}

.poll .text-option .result {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    background: #d4d4d4;
    padding: 0 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #444;
    text-shadow: 1px 1px 0 #EEE;
}

.poll .total-results {
    display: block;
    text-align: center;
    font-size: 26px;
    letter-spacing: -1px;
    color: #3f3;
}