/*
Theme Name: Suraa
Theme URI: http://ikab-mag.com
Description: New Wordpress Theme for ikab-mag.com kind of built on HashOne by Obox Design and Daily Edition by Woothemes
Version: 1.0
Author: Sanid Jusic
Author URI: http://ikab-mag.com
Tags: ikab, design, inspiration,
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
html {
	margin: 0px;
	padding: 0px
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
}
/*body {background:#C1C1C1;}*/
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
body, h3, h4, h5, p, tr, td {
	font-family: Helvetica, Arial, sans-serif;
}
p {
	color: #303030;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 18px 0px;
	line-height: 20px;
	font-size: 8pt;
}
h1 {
	color: #000;
	font-size: 25pt;
	letter-spacing: -1px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
h2 {
	color: #333;
	font-weight: normal;
	font-size: 16pt;
	margin: 0px;
	padding: 0px 0px 10px;
}
h3 {
	color: #333;
	font-weight: normal;
	font-size: 15pt;
	margin: 0px;
	padding: 0px 0px 10px;
}
h4 {
	color: #333;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 10px 0px;
}
h5 {
	color: #333;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 10px 0px;
}
h6 {
	color: #333;
	font-size: 7pt;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 10px 0px;
}
/*ul,ol{list-style: disc; margin: 0px 20px 10px; padding: 0px 10px 0px;}*/
ol {
	list-style: decimal;
}
/*li{line-height: 23px;}*/
hr.red {
	color:#d82c2a;
}
/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- Links ---*/
a.std_link, a {
	color: #DA2C2B;
	text-decoration: none;
	outline: none;
}
a.light_link {
	color: #1b1b1c;
	text-decoration: none;
	font-weight: lighter;
}
a.std_link:hover, a:hover {
	color: #1b1b1c;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/*--- Layouts ---*/
.no_bg {
	background-image: none;
}
.clearboth {
	clear: both
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.image-left {
	float:left;
	padding: 0px 10px 10px 0px;
}
.image-right {
	float:right;
	padding: 0px 0px 10px 10px;
}
/*--- Text ---*/
.t_justify {
	text-align:justify;
}
.t_center {
	text-align: center;
}
.t_right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.pink {
	color: #f36;
}

/* ----- @FONT FACE ----- */

/* LEAGUE GOTHIC */
.LeagueGothic {font-weight: normal; font-style: normal; line-height:normal; font-family: 'LeagueGothicRegular', sans-serif;}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('style/league/league_gothic-webfont.eot');
	src: local('☺'), url('style/league/league_gothic-webfont.woff') format('woff'), url('style/league/league_gothic-webfont.ttf') format('truetype'), url('style/league/league_gothic-webfont.svg#webfonta3kbMKxs') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* IKAB FONT */

@font-face {
font-family: Ikab;
src: url('style/ikab/ikabfont.ttf');
}

@font-face {
	font-family: 'IkabRegular';
	src: url('style/ikabfont-webfont.eot');
	src: local('☺'), url('style/ikab/ikabfont-webfont.woff') format('woff'), url('style/ikab/ikabfont-webfont.ttf') format('truetype'), url('style/ikab/ikabfont-webfont.svg#webfontwTw6pnBH') format('svg');
	font-weight: normal;
	font-style: normal;
}

.ikab {font-weight: normal; font-style: normal; line-height:normal; font-family: 'IkabRegular', sans-serif;}
/*--- Forms ---*/
textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 4px;
}

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header {
	padding: 0px 0px 0px 0px;
	
}
#top {
	background: #1b1b1c;
	border-top: #d82c2a 5px solid;
	height:43px;
}
#in {
	float:left;
}
#in a {
	background-image:url(style/images/in.png);
	width:62px;
	height:56px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
}
#cont {
	width:1070px;
	margin: auto;
}
#topnav {
	float:right;
	padding-top:12px;
	width:500px;
	text-align:right;
}
#topnav li {
	text-transform: uppercase;
	display:inline;
	padding-left:20px;
	font-size:18px;
	font-family: LeagueGothicRegular;
}
#topnav li a {
	color:#d5d5d5;
}
#topnav li a:hover {
	text-decoration:none;
	color:#ffffff;
	border-top:5px solid #ffffff;
	padding-top:10px;
}
#container {
	width:1070px;
	margin:auto;
	margin-top:37px;
}
#container h1 {
	float:left;
}
#container h1 a {
	background-image:url(style/images/logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	width:363px;
	height:69px;
	margin-bottom:13px;
}
#subscribe {
	float:right;
	background:#1b1b1c;
	border:4px #d82c2a solid;
	width:226px;
	padding-top:3px;
	font-family:LeagueGothicRegular;
	text-transform:uppercase;
}
#subscribe ul {
	padding:8px;
}
#subscribe ul li {
	display:inline;
	padding:5px 5px 5px 5px;
	padding-left:15px;
}
#subscribe ul li a {
	color:#d5d5d5;
	font-size:22px;
	padding-top:10px;
}
#subscribe ul li a:hover {
	color:#ffffff;
}
#subscribe ul li#rsstop {
	background-image:url(style/images/subscribe.png);
	background-repeat:no-repeat;
	height:24px;
	font-size:16px;
	padding-left:27px;
	padding-right:34px;
}
#subscribe ul li#twittertop {
	background-image:url(style/images/follow.png);
	background-repeat:no-repeat;
	height:24px;
	font-size:16px;
	padding-left:27px;
}
/*-------------------------------------------------------------------------------------------*/
/*- MENUS ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#menu ul {
	width: 1070px;
	clear: left;
	margin-bottom:0px;
	background: #1b1b1c;
	overflow:hidden;
	padding-top:0px;
	border-bottom:5px #d82c2a solid;
	margin-top:23px;
}
#menu ul li {
	float: left;
	padding: 10px 24px 10px 10px;
	text-align:center;
	font-family:LeagueGothicRegular;
	font-size:25px;
	text-transform:uppercase;
}
#menu ul li:first-child {
	padding-left:23px;
}
#menu ul li a {
	color:#d5d5d5;
}
#menu ul li a:hover {
	color:#ffffff;
	text-decoration:none;
}
/*-------------------------------------------------------------------------------------------*/
/*- CONTENT ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#main {
	width: 1070px;
	margin-top:25px;
	overflow:hidden;
}
/*- LEFT COLUMN ----------------------------------------------------------------*/
			/*- ------------- --------------------------------------------------------------*/			
#posts {
	width: 585px;
	float: left;
}

/*- ARTICLE ITEMS --------------------------------------------------------------*/
/*- ------------- --------------------------------------------------------------*/
					
.post {
	width: 585px;
	margin-bottom:20px;
}

.post {
	padding: 0px 0px 20px 0px;
	position:relative;
}
.post .articleimage {
	position:relative;
}
.post .articleimage img {
	border:2.5px #d82c2a solid;
	z-index: 2;
}
.post h2 {
}
.post h2 a {
	font-family:LeagueGothicRegular;
	font-size:31px;
	color:#d82c2a;
	text-transform:uppercase;

}
.post h2 a:hover {
	color:#d5d5d5;
}
.post .share {
	padding-left:10px;
	float:right;
	padding-right:0px;
}
.postcontent {
	border-top: 1px dotted #1b1b1c;
	overflow:hidden;
	margin-top:0px;
}
.postcontent p {
	padding-top:0px;
	line-height: 20px;
	font-size: 9pt;
}

.post img {
	max-width:585px;
}
.post blockquote {
	font-style: italic;
	line-height: 32px;
	font-size: 20px;
	font-family: Georgia, serif;
	margin: 30px 0;
}
.post blockquote p {
	margin: 30px;
	padding: 0 0 0 60px;
	background: transparent url(images/blockquote_icon.gif) no-repeat;
}
.wp-caption img {
	margin-bottom: 15px;
}
p.wp-caption-text {
	text-align: center;
	padding: 0 0 15px;
	margin: 0;
	font-size: 1.2em;
	font-style: italic;
	color: #000;
}
/*
.post ul, .post ol {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 20px;
}
.post ul li ul, .post ol li ol {
	margin-bottom: 0;
	padding-top: 3px;
}
.post ul li {
	list-style: circle inside!important;
	margin-left: 15px;
	padding: 3px 0;
}
.post ul li ul li {
	list-style: disc inside!important;
}
.post ol li {
	list-style: decimal inside!important;
	font-size: 12px;
	padding: 3px 0;
}
.post ol li ol li {
	list-style: decimal-leading-zero inside!important;
}
li.commentsicon {
	background-image:url(images/commenticon.png) no-repeat;
}
*/
#meta {
	border-top: 1px dotted #1b1b1c;
	border-bottom: 1px dotted #1b1b1c;
	padding-top: 10px;
	padding-bottom:10px;
	color: #d82c2a;
}
#meta li {
	display:inline;
	padding-left:15px;
}

#metasingle {
	border-bottom: 1px dotted #1b1b1c;
	padding-top: 10px;
	padding-bottom:10px;
	color: #d82c2a;
}
#metasingle li {
	display:inline;
	padding-left:15px;
}


.articleimage{min-height: 225px; width: 585px; overflow: hidden; position: relative; margin: 0px 0px 20px;}
.articleimage img{position: absolute; z-index: 2; left: 0px; top: 0px;}
span.gloss{display: block; height: 68px; width: 580px; position: absolute; left: 2px ;top: 2px; z-index: 3; background: url(style/images/gloss.png) top no-repeat;}

/*- DAILY INSPIRATION ---------------------------------------------------------------*/
/*- ------------- --------------------------------------------------------------*/
#qnews {
	width: 220px;
	float:left;
	padding-left:16px;
}
.qpost {
	margin:auto;
	width:220px;
	margin-bottom:15px;
}
.qpost .hold {
	margin:0 auto;
	width:197px;
	padding-top:10px;
	background:#1b1b1c;
	padding-right:11.5px;
	padding-left:11.5px;
}
.qpost .hold img {
	border-bottom:2px solid #d82c2a;
}
.qpost .hold h2 {
	font-family:LeagueGothicRegular;
	font-size:17px;
	text-transform:uppercase;
	color:#d5d5d5;
	padding-top:10px;
	border-bottom: 1px dotted #d5d5d5;
	padding-bottom:0px;
}
.qpost .hold h2 a {
	color:#ffffff;
}
.qpost .hold h2 a:hover {
	color:#90908f;
}
.qpost .hold p {
	color:#ffffff;
	line-height:14px;
	margin-top:-6px;
	padding-bottom:3px;
}
/*- SIDEBAR ---------------------------------------------------------------*/
/*- ------------- --------------------------------------------------------------*/

#walldownload {
	border:4px solid #d82c2a;
	background:#1b1b1c;
	width:200px;
}
#walldownload div {
	padding:20px;
}
#walldownload div h3{
	text-transform:uppercase;
	color:#ffffff;
}	
#walldownload div li {padding-bottom:10px;padding-right:30px;font-family:LeagueGothicRegular;font-size:15px;}
#walldownload div li a{
	font-size:16px;
	text-weight:bold;
}
#walldownload div li a {
	color:#fff;
}
#walldownload div li a:hover {
	color:#90908f;
}	

#sidebar {
	width:225px;
	float:left;
	padding-left:16px;
}
/* WIDGET BASIC */
.widget {
	width:225px;
	border:4px solid #d82c2a;
	background:#1b1b1c;
	margin-bottom:18px;
}
.widget div {
	padding:9px;
}
.widget div h3.title {
	font-family:LeagueGothicRegular;
	text-align:center;
	text-transform:uppercase;
	border: 1px dotted #90908f;
	margin-bottom:10px;
	padding-top:10px;
	color:#ffffff;
}
.widget div li a {
	color:#fff;
}
.widget div li a:hover {
	color:#90908f;
}
/* SEARCH */
#searchinput {
	background:transparent;
	border:none;
	border-bottom: 1px #d5d5d5 dotted;
	width:170px;
	color:#ffffff;
}
#submit {
	background:none;
	border:none;
	color:#fff;
}
/* CATEGORIES */
li.widget_categories ul {
padding-top: 10px;
}
li.widget_categories h3 {
	display: block;
	font-family:LeagueGothicRegular;
	text-align:center;
	border: 1px dotted #90908f;
	padding-top:10px;
	color:#ffffff;
}
li.widget_categories h3 a {
	color:#ffffff;
	display:block;
}
li.widget_categories li {
	font-family:LeagueGothicRegular;
	font-size:16px;
	border-bottom:1px dotted #90908f;
	padding:5px;
	text-transform:uppercase;
}
/* BLOGROLL */
.blogroll li {
	font-family:LeagueGothicRegular;
	font-size:16px;
	border-bottom:1px dotted #90908f;
	padding:5px;
	text-transform:uppercase;
}
.blogroll li a {
	color:#90908f;
}
.blogroll li a:hover {
	color:#ffffff;
}
/* COMMUNITY */
ul.fvCommunityNewsList li {
	border-bottom:1px #90908f dotted;
	margin-bottom:10px;
	margin-left:-3px;
}
ul.fvCommunityNewsList li strong a {
	font-family:LeagueGothicRegular;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
}
ul.fvCommunityNewsList li small {
	color:#fff;
	margin-left:0px;
	font-size:8px;
}
ul.fvCommunityNewsList li p {
	line-height:12px;
	color:#90908f;
}
#fvCommunityNewsForm label {
	color:#90908f;
}
/* WOOTABS */
#tabs {
	margin-bottom:0px;
	width:232.8px;
}
#tabs ul.wooTabs {
	padding:5px;
}
#tabs ul.wooTabs li {
	float: left;
	display:inline;
	color: #ffffff;
	text-transform: uppercase;
	margin:-5px;
	cursor: pointer;
}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover {
	background:#d82c2a;
	text-decoration:none;
	color: #fff;
}
#tabs ul.wooTabs li a {
	color:#a1a1a1;
	background: #dfdfdf;
	display: block;
	float: left;
	padding: 5px 9.2px;
	margin-right: 5px;
	font-size: 13px;
	text-align:center;
}
#tabs ul.wooTabs li:last-child a {
	padding: 5px 8.5px;
	margin-right: 0px;
}
#tabs .inside {
	background:#d82c2a;
	padding:4px;
	padding-top:9px;
}
#tabs .inside li {
	background:#1b1b1c;
}
#tabs #tab-tags {
	padding:10px;
}
#tabs .inside ul {
	margin:0;
	border-width:1px 0 1px 0;
}
#tabs .inside li {
	border-bottom:1px dotted #90908f;
	padding:10px;
	line-height: 16px;
}
#tabs .inside li a {
	color:#90908f;
	font-size: 14px;
	font-weight: bold;
}
#tabs .inside a:hover {
	color:#fff;
}
#tabs .inside li span.meta {
	display:block;
	font-size: 11px;
	font-style: italic;
	text-transform:uppercase;
}
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail {
	border: 1px solid #ddd;
	padding: 2px;
	background-color: #ffffff;
	float: left;
	margin: 0 8px 0 0;
}
#tabs .inside #tab-comm a {
	font-weight: normal;
	font-size: 12px;
}
#tabs .inside #tab-tags {
	background: #fff;
}
#tabs .inside #tab-tags a {
	color: #3f3f3f;
}
#tabs .inside #tab-tags a:hover {
	color: #6ca0a8;
	text-decoration: none;
}
/*-------------------------------------------------------------------------------------------*/
/*- AFTER POST ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#authorbox {
	background:#1B1B1C;
	border:1px solid #CECFD0;
	width:585px;
	margin:0 auto;
	margin-bottom:10px;
	overflow:hidden;
}
#authorbox h4 {
	font-size:16px;
	color:#90908F;
	margin:0;
	padding:0px 10px 0px 10px;
}
.authortext {
	padding-left:100px;
}
#authorbox img {
	margin:0;
	padding:10px;
	float:left;
}
#authorbox p {
	color:#90908F;
	margin:0;
	padding:0px 10px 10px 10px;
	margin-top:-5px;
}
#authorbox h4 > a {
	text-decoration:none;
}
#authorbox h4 a:hover {
	color: #fff;
}
#share {
	padding: 15px 0 0 0;
	margin: 0 0 20px 0;
}
#share ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#share ul li {
	width: 78px;
	height: 85px;
	float: left;
	padding: 8px 3px 3px 3px;
	margin: 0 6px;
	text-align: center;
	background: #fff;
	border: 1px solid #d8d5d0;
}
#share ul li:last-child {
	padding-right:0px;
}
#share ul li div.stumble {
	width: 50px;
	margin: 0 auto;
}
#promotepost {
	overflow:hidden;
	border-top:1px dotted #90908f;
	border-bottom:1px dotted #90908f;
}
.sharerss {
	float:left;
	padding-left:8px;
}
.sharerss li {
	padding-bottom:10px;
}
.sharerss li {
	background-image:url(style/images/rsso.png);
	background-repeat:no-repeat;
	height:14px;
	padding-left:20px;
	color:#90908f;
	line-height:14px;
}
.sharerss li:hover {
	background-image:url(style/images/rss.png);
	background-repeat:no-repeat;
	color: #E86100;
}
.ilikethis {
	float:right;
	background-color: #d82c2a;
	;
	padding: 13px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right:8px;
}
.ilikethis a {
	color:#fff;
}
#postbanner {
	padding-top:15px;
	padding-bottom:15px;
}
/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS SECTION ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#comments-outer {
	width:585px;
	margin-bottom:25px;
	float:left;
	overflow:hidden;
}
#comments-container {
	width:585px;
	margin:1px;
	float:left;
	position:relative
}
.comment-head {
	padding:30px 30px 0 0px;
	font-family:helvetica, arial, sans-serif;
	text-transform:uppercase
}
.comment-head p {
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
	color: #d82c2a;
}
.comment-head h3 {
	font-size:15px;
	padding:0;
	margin:0;
	color:#1d1d1d
}
ol.commentlist {
	margin:30px 0 20px;
	padding:0;
	list-style:none;
	font-size:12px;
	line-height:20px;
	float:left;
	width:585px
}

ol.commentlist cite small {
	font-style:normal;
	font-family:Helvetica, Arial, sans-serif;;
	font-size:12px;
}
.comment-author {
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
}
ol.commentlist .comment-body p {
	margin:10px 0;
	line-height:20px;
	padding-left:84px
}
ol.commentlist cite {
	font-style:normal;
	font-family:Helvetica, Arial, sans-serif;;
	font-size:22px
}

.vcard p{
	line-height:10px;
}


ol.commentlist span.says {
	display:none
}
ol.commentlist li.comment {
	padding:30px 0 33px 0px;
	position:relative;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#5a5a5a;
	font-size:12px;
	background:transparent url(images/comment-li-bg.gif) repeat-x bottom left
}
ol.commentlist li.alt {
}
#comments {
	float:left
}
.comment-navigation {
	float:left;
	padding:0 30px;
	width:585px
}
/*========= THREADED COMMENTS =========*/
ol.commentlist .comment-meta {
	font-style:normal;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#c9c9c9;
	text-transform:uppercase;
	position:absolute;
	top:30px;
	right:0px;
}
ol.commentlist .comment-meta a {
	color:#c9c9c9
}
ol.commentlist li .avatar {
	float:left;
	border:2px solid #1b1b1c;
	padding:0px;
	background-color:#ffffff;
	margin-right:20px
}
ol.commentlist li .avatar:hover {
	border:2px solid #d5d5d5;
}
ol.commentlist li .even {
}
.commentlist li ul {
	padding:0
}
.commentlist li ul li {
	margin:0 0 0 15px;
	padding-bottom:0!important;
	background-image:none!important
}
ol.commentlist li .reply a {
	float:right;
	margin:0px 1px 0 0;
	height:22px;
	line-height:22px;
	font-size:10px;
	font-family:"Trebuchet MS", arial, sans-serif;
	padding:0 10px;
	display:block;
	background-color:#d5d5d5;
}
ol.commentlist li .reply a:hover {
	color: #ffffff;
}
#cancel-comment-reply-link {
	display:block;
	margin-top:-30px
}
#trackbacks {
	float:left;
	width:585px
}
/*- COMMENT FORM ---------------------------------------------------------------*/
	/*- ------------- --------------------------------------------------------------*/
#respond {
	padding:0px;
	width:570px;
	float:left;
	position:relative;
	background-color:transparent;
	z-index:999
}
.commentlist #respond {
	width:100%;
	padding:0
}
#respond .comment-col-left {
	float:left;
	width:30%;
	margin:0 30px 0 0
}
.comment-col-left input {
	padding:10px !important;
	font-size: 11pt;
	width:100%;
	margin-bottom:10px;
	border:#d82c2a 3px solid;
}
.comment-col-right input {
	padding:10px !important;
	font-size: 11pt;
	width:100%;
	margin-bottom:10px;
	border:#d82c2a 3px solid;
}
.comment-col-left input#submit {
	width:115% !important;
	margin-top:20px;
	padding:10px 5px;
	font-style:italic;
	-moz-border-radius:10px;
	color:#fff;
	background: #1b1b1c;
	border: 3px solid #d82c2a;
	display:block;
}
.comment-col-left input#submit:hover {
	background:#d5d5d5;
	color: #1b1b1c;
	cursor:pointer;
}
#respond .comment-col-right {
	float:left;
	width:56%;
	padding-left:20px;
	height:250px;
	margin-bottom:20px;
}
#respond .comment-col-right label {
	padding-bottom:3px !important;}
#respond textarea#comment {
	width:100%;
	padding:10px;
	margin-right:20px;
	border:#d82c2a 3px solid;
	font-size:11pt;
	overflow:hidden;
	min-height:187px !important;
}
#respond label {
	padding-bottom:5px;
	float:left
}
#respond p {
	margin-bottom:15.5px;
	line-height:15.5px
}
#respond .comment-head {
	padding:0 0 30px 0
}
#respond .comment-head p {
	margin-bottom:20px
}
#respond label { font-size:11px; color:#777; }
#commentform input  { background: #f4f4f4;margin: 0 5px 10px 0;}
#commentform textarea  { background: #f4f4f4; width: 100% !important; padding: 5px 7px; }
#commentform input:focus, #commentform textarea:focus  { background: #fff; }

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	padding: 1px 0px 1px;
	background: #1b1b1c;
	border-top: #d82c2a 5px solid;
}
.space {
	min-height:36px;
}
#footercont {
	border-top:1px solid #90908f;
	border-bottom:1px solid #90908f;
	margin-top:25px;
	width:1070px;
	margin:0 auto;
}
.grid-c1 {
	border-right:1px solid #90908f;
}
.grid-c1 div {
	padding-top:12px;
}
.grid-c1 div p {
	padding-right:43px;
	padding-left:90px;
	font-size:11px;
	padding-top:4px;
	line-height:14px;
	color:#90908f;
}
.grid-c1 div p a {
	color: #ffffff;
}
.grdi-c1 div p a:hover {
	color:#90908f;
}
#footlogo {
	padding-top:6px;
}
#footlogo a {
	font-size:100px;
	color:#90908f;
}
#footlogo a:hover {
	color: #d82c2a;
}
/*- ------------------------------*/
/*- SOCIAL ICONS -----------------*/
						
#social {
	padding-top: 17px;
	border-top:1px solid #90908f;
	overflow:hidden;
	border-bottom:1px solid #90908f;
}
#social ul li {
	padding-right:10px;
	font-size:65px;
}
#social ul li a {
	color:#90908f;
}
#social ul li a:hover {
	color: #ffffff;
}
#support {
	padding-top: 10px;
}
#support ul li {
	padding-right:17px;
	font-size:40px;
	padding-left:10px;
}
#support ul li a {
	color:#90908f;
}
#support ul li a:hover {
	color: #ffffff;
}
.grid-c1, .grid-c2, .grid-c3 {
	min-height: 319px;
}
.grid-c2 {
	border-right:1px solid #90908f
}
/*- ------------------------------*/
/*- SOCIAL ICONS COLOR -----------*/
					
#social li#twitter a:hover {
	color:#33CCFF;
}
#social li#facebook a:hover {
	color:#3B5998;
}
#social li#digg a:hover {
	color:#FFF19A;
}
#social li#tumblr a:hover {
	color:#37516A;
}
#social li#vimeo a:hover {
	color:#86C9EF;
}
#social li#friendfeed a:hover {
	color:#568DCF;
}
#social li#flickr a:hover {
	color:#FF0084;
}
#social li#lastfm a:hover {
	color:#DD1303;
}
#social li#skype a:hover {
	color:#00AFF0;
}
#social li#msn a:hover {
	color:#9ECFEB;
}
/*- ------------------------------*/
/*- SUPPORT ICONS COLOR ----------*/
					
#support li#wwf a:hover {
	color:#ffffff;
}
#support li#unicef a:hover {
	color:#0099FF;
}
#support li#unaids a:hover {
	color:#C23936;
}
#support li#rockfondation a:hover {
	color:#5D3F3A;
}
#support li#red a:hover {
	color:#D02142;
}
ul#visualizeus {
	padding:0 !important;
	font:13px Arial, Sans serif !important;
	list-style-type:none !important;
	width:345px !important;
	margin-bottom:1em!important;
	padding-left:36px !important;
	padding-top:10px!important;
}
#visualizeus li {
	display:inline !important;
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
	text-indent:0 !important;
	margin-bottom:20px!important;
}
#visualizeus img {
	margin:10px !important;
	margin-bottom:0 !important;
	border:0 !important;
	width:62px !important;
	border: 4px solid #90908f!important;
}
#visualizeus img:hover {
	border: 4px solid #ffffff!important;
}
#visualizeus a#logo {
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	width:95px;
	display:block;
	background-color:#fff;
	color:#000;
	margin-top:12px;
	text-align:center;
	padding:2px 0;
	line-height:1.3em;
	display:none;
}
.twtr-doc {
	padding-left: 36px;
	overflow:hidden;
	padding-bottom: 5px;
	padding-top: 10px;
}
.twtr-hd {
	display:none;
}
.twtr-ft div {
	display:none;
}
#tweet-id-1, #tweet-id-2, #tweet-id-3, #tweet-id-4 {
	border-bottom:none;
}
#follow {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#ffffff;
	font-height:16px;
	height:16px;
}
#follow a:hover {
	color: #90908f;
}
#followlink {
	float:right;
	font-size:16px;
}
#rsslist {
	border-top:1px solid #90908f;
	padding-top:10px;
}
#rsslist ul {
	padding-left:46px;
	padding-top: 10px;
}
#rsslist ul li {
	padding-bottom:8px;
}
.rssicon {
	background-image:url(style/images/rss.png);
	background-repeat:no-repeat;
	height:14px;
	padding-left:20px;
	color:#90908f;
}
.rssicon:hover {
	background-image:url(style/images/rsso.png);
	background-repeat:no-repeat;
	color: #E86100;
}
/*- ------------------------------*/
/*- FOOTER NOTES -----------------*/
#footnotes {
	width:1070px;
	margin:0 auto;
	padding-top:8px;
	font-size:10px;
	padding-bottom:-15px;
}
#footnotes p#copy {
	float:left;
	color:#90908f;
}
#footnotes p#copy {
	font-size:11px;
}
#footnotes p#copy a {
	color:#ffffff;
}
#footnotes p#copy a:hover {
	color:#90908f;
}
#footnotes ul {
	float:right;
}
#footnotes ul li {
	display:inline;
	font-size:11px;
	padding-left:15px;
	color: #ffffff;
}
#footnotes ul li a {
	color: #ffffff;
}
#footnotes ul li a:hover {
	color: #90908f;
}

/*-----------FORMS---------------*/

h2.league {font-family:LeagueGothicRegular;font-size:31px;}
#gform_fields_1 input{padding:10px;font-size: 11pt;border: 3px solid #d82c2a;width:92%;}
#gform_fields_1 textarea {padding:10px;font-size: 11pt;border: 3px solid #d82c2a;}
#gform_fields_1 select {padding:10px;font-size: 11pt;border: 3px solid #d82c2a;width:96.5%;}

#gform_fields_2 input{padding:10px;font-size: 11pt;border: 3px solid #d82c2a;width:92%;}
#gform_fields_2 textarea {padding:10px;font-size: 11pt;border: 3px solid #d82c2a;}
#gform_fields_2 select {padding:10px;font-size: 11pt;border: 3px solid #d82c2a;width:96.5%;}

#gform_fields_3 input{padding:10px;font-size: 11pt;border: 3px solid #d82c2a;width:92%;}
#gform_fields_3 textarea {padding:10px;font-size: 11pt;border: 3px solid #d82c2a;}
#gform_fields_3 select {padding:10px;font-size: 11pt;border: 3px solid #d82c2a;width:96.5%;}
.gfield_error textarea.textarea {
width:100%!important;
}
ul li.gfield {list-style:none !important;padding:0px !important;margin-left:0px;}

.submitpage #fvCommunityNewsForm1 input{padding:10px!important;font-size: 11p!importantt;border: 3px solid #d82c2a!important;width:92%!important;}
.submitpage #fvCommunityNewsForm1 textarea {padding:10px!important;font-size: 11pt!important;border: 3px solid #d82c2a!important;width:92%!important;}
.submitpage #fvCommunityNewsForm1 select {padding:10px!important;font-size: 11pt!important;border: 3px solid #d82c2a!important;}
#fvCommunityNewsSubmit {
	width:150px !important;
	margin-top:5px;
	padding:10px 5px !important;
	font-style:italic;
	-moz-border-radius:10px;
	color:#fff !important;
	background: #1b1b1c!important;
	border: 3px solid #d82c2a;
	display:block;
}
#fvCommunityNewsSubmit:hover {
	background:#d5d5d5;
	color: #1b1b1c;
	cursor:pointer;
}


input.button {
	width:150px;
	margin-top:5px;
	padding:10px 5px !important;
	font-style:italic;
	-moz-border-radius:10px;
	color:#fff !important;
	background: #1b1b1c;
	border: 3px solid #d82c2a;
	display:block;
}
input.button:hover {
	background:#d5d5d5;
	color: #1b1b1c;
	cursor:pointer;
}

/* ---- ADDITIONS ----*/

#artistinfo {margin-top:20px;background:#1b1b1c;;padding: 15px 0px !important;}
#artistinfo li {list-style:none; display:inline;padding-left:15px;color:#d5d5d5;}
#artistinfo li a {color:#d82c2a;}
#artistinfo li a:hover {color:#FFF;}

#demodown {margin-top:20px;overflow:hidden;font-family:LeagueGothicRegular;font-size:30px;}
#demodown a.left {border-right:#d82c2a 4px solid;width:288px;padding:20px 0px;border-bottom:#d82c2a 4px solid;background: url(style/images/download.jpg) no-repeat;}
#demodown a.right {border-left:#d82c2a 4px solid;padding:20px 0px;width:289px;border-bottom:#d82c2a 4px solid;background:url(style/images/demo.jpg) no-repeat;}
#demodown a {text-align:center;color:#ffffff;text-indent:-9999px;}
#demodown a:hover {color:#d5d5d5;border-bottom:#d5d5d5 4px solid;}
#demodown a.left:hover {border-right:#d5d5d5 4px solid;background:url(style/images/download.jpg) no-repeat;background-position: 0 -70px;}
#demodown a.right:hover {border-left:#d5d5d5 4px solid;background:url(style/images/demo.jpg) no-repeat;background-position: 0 -70px;}

table#wp-calendar {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

table#wp-calendar caption { 
	font-weight: normal; font-size: 11px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px; ; 
}
table#wp-calendar th { 
	width: 26px; font-size: 0.91667em; line-height: 1.72727em; text-align: center; 
}
table#wp-calendar td { 
	width: 26px; line-height: 1.66667em; color: #999; text-align: center; 
}
table#wp-calendar td#next, table#wp-calendar td#prev { 
	width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; 
}




.align {
	margin:0 auto;
	width:585px;
	margin-top:20px;
}

.column {  
    -webkit-column-count: 2;  
    -webkit-column-gap: 15px;  
  
    -moz-column-count: 2;  
    -moz-column-gap: 15px;  
  
    column-count: 2;  
    column-gap: 15px;  
}

#paint {
	background: url(http://ikab-mag.com/posts/redesignpost/paint.png) no-repeat;
	width:200px;
	height:206px;
	margin:0 auto;
	margin-top:20px;
}

.pattern {
	background:url(http://ikab-mag.com/posts/redesignpost/pattern.png) repeat;
	width:585px;
	margin:0 auto;
}

.customtitle {
	font-family:LeagueGothicRegular;
	font-size:30px;
	margin:0 auto;
	text-align:center;
	padding:15px;
	margin-top: 20px;
	text-transform:uppercase;
}

h2.small {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.tr {
	text-align:right;
}
.margin {margin-top:750px; margin-bottom:20px;}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}