/******************************************************************* skinnydesigns base css */

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



/********************* define varaiables ************************************************/ 

/********************* css reset ********************************************************/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, 

legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {

    margin: 0;

    padding: 0;

}



ul, li {

	list-style: none;

}



img {

	border-style: none;

}



a:active {

  outline: none;

  -moz-outline-style: none;

}





/******************* generic setup ******************************************************/ 



html { 	

	overflow: -moz-scrollbars-vertical;

	overflow-x: auto;

	font-family: verdana, trebuchet, arial;

	font-size: 16px;

} 



html, body {

    

    height: 100%;

}



body {

	color: #000;

	background: #000;

}


.none {

	

}



.clr {

	height: 1px; 

	clear: both;

}

.nodisplay {
	display:none;
}

table {

	border-collapse:collapse;

}



fieldset {

	border:none;

}



#modlgn_remember {

	vertical-align:middle;

}



#form-login-remember {

	margin: 4px 0 4px 0 

}



.button {
	
	vertical-align: top;
	margin: 4px 0 4px 0 

}

.contentThumbnail img{display: block}

/*********************************************************************************** Styling */

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

p {
	margin: 4px 0;
}



 a,  a:link,  a:visited {color: #000;text-decoration: none; }



 a:hover,  a:active {color:#F00000;}



.large_text1, .contentheading, .componentheading {font-size: 30px; text-transform:uppercase;}

h1 {font-size:22px; text-transform:uppercase;}  

.medium_text1, .link_medium_text1, .moduletable h3 {font-size: 20px; text-transform:uppercase;}

h2 {font-size:20px; text-transform:uppercase;} 

h3 {font-size:18px; text-transform:uppercase; margin: 5px 0} 

.small_text1 {font-size:18px; text-transform:uppercase;}

h4 {font-size:16px; text-transform:uppercase;} 


.blog p {
	font-size: 11px;
}

.addlink img {
	border:2px solid #F00000;
	margin: 0px 0px 6px;
	}


/* main menu */

.menu li {

	float: left;

}



.menu li {

	font-size:20px; 

	padding: 5px 10px 5px 10px;

}



.menu a {

	display:block;

	font-weight:900; 

	text-decoration:none;

	}





.menu a, .menu a:link, .menu a:visited {color: #000; }



.menu a:hover, .menu a:active {color:#f00000;}



.sf-menu li li {

	background: url(/templates/skinnydesigns-base/images/transw80.png);

}

/* end main menu */



.outline {

	border: 2px solid #000;

	padding: 10px;}

	



/*********************************************************************************** module */

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



.moduletable {

		background: #fff;

}



#main-col-cont .moduletable {

	padding: 0 0 20px 0;

}



.searchbox {
	padding: 8px 0 0 0;
}


.rokslide1 {

	width: 450px;

	height: 180px;

}



.rokslide1 h3 {

	padding: 0 0 5px 0;

}



.gk_npro_full_interface {

	padding: 5px 0 5px 0;

}



.gk_npro_table td {



}



div.gk_npro_mainwrap {

	background: none !important;

	position: relative;

	top: -25px;

	margin-bottom:-20px;

}



div.gk_npro_full_interface ul {

	float: right !important;

}



.blog .contentpaneopen, .blog .createdate, .blog .copy {

	padding: 5px;

	border: 2px solid #000;

}



.blog .contentpaneopen td {

	padding: 5px;

}



.blog .contentpaneopen {
	width: 100%;
	border-bottom: none;

}


.mceContentBody {
	background: #fff !important;
}


#user1 .moduletable .button {
	margin: 3px 0 0 0 ;
}

#alfcontact textarea, #alfcontact input {
	margin: 4px 0;
}

.alfc_label {
	padding: 3px 3px 0 0 ;
}


div#fancy_div {
    color: #000000 !important;
	background: #FFFFFF !important;
}

#login .moduletable{
	width: 250px; height: 180px;
}

#mainmenu .last-child.item33 {margin-left: 39px}





/*********************************************************************************** Layout */

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



body {

	font-size: 62.5%;

	line-height:1.6em;

}



#page {

	padding: 10px 20px;

	width: 960px;

	margin: 0 auto;

	background: #000;





}

#pre-mast {
	margin: 0 0 10px;
	border: 2px solid #f00000;

	width: 99.6%;

	float: left;

	background: #FFF url(/templates/skinnydesigns-base/images/block_bg1.png) top right no-repeat;
	
}



#masthead {

	height: 180px;

	padding: 0 0 20px 0;

}



#user1 {
	width: 22.6%;
	float: right;

}



#user2 {
	width: 99%;
	margin: 0 5px 5px;
	float: left;

}

#user2 h3 {
	display: inline;
	margin: 5px 0px 2px;
}



#user3, #user4 {

}



#user3 .moduletable {

}



#user5 {



}



#logo {

	float: left;

	padding: 0;

	border: 2px solid #f00000;

}



#logo img{display: block}



#mainmenu {

	margin: 10px 0 10px 0;

	border: 2px solid #f00000;

	width: 99.6%;

	float: left;

	background: #FFF url(/templates/skinnydesigns-base/images/block_bg1.png) top right no-repeat;

	

}





#prestage {

	padding: 0;

}



#stage {

	font-size: 10px;

	padding: 0;

}

#spotlight  {
	float: left;

	width: 76%;	
}

#main-col {

	float: left;

	width: 76%;	

	background: #FFF url(/templates/skinnydesigns-base/images/block_bg3.png) bottom left no-repeat;

	border: 2px solid #f00000;
	
	margin: 0 0 10px 0;

}



#main-col-cont {

	padding: 10px;

}



#left-col {

	float: left;

	width: 23%;	

}



#left-col-cont {

	padding: 0 9px 0 0;

}







#left-col-cont .moduletable {

	padding-bottom: 30px;



}



#right-col {

	float: right;

	width: 23%;

}

#user1 .moduletable {
		border: 2px solid #f00000;
		padding: 3px 10px 4px;
	    background: #FFF url(/templates/skinnydesigns-base/images/block_bg1.png) top right no-repeat;	
}



#left-col .moduletable, #right-col .moduletable,  #prestage .moduletable, div#fancy_div .moduletable{
	border: 2px solid #f00000;
	padding: 3px 10px 10px;
	margin: 0 0 10px 0;
	background: #FFF url(/templates/skinnydesigns-base/images/block_bg1.png) top right no-repeat;
}



#page_footer .moduletable{

	border: 2px solid #f00000;

	padding: 3px 10px 3px;

	background: #FFF url(/templates/skinnydesigns-base/images/block_bg1.png) top right no-repeat;



}



#right-col-cont {

	padding: 0 0 0 5px ;

}



#page_footer {



}



.bottom_mod {

	float: left;



}



.bottom_mod .moduletable {

	padding-right: 10px;

	

}



.one .bottom_mod {

	width: 100%;

}



.two .bottom_mod {

	width: 50%;

}



.three .bottom_mod {

	width: 33.33%;

}



#footer2, #footer {

	width: 960px;

	float: left;


}

#pre-mast .bannergroup {
	
	
}

#pre-mast .banneritem {
	float:left;
	margin: 5px 4px 0px 5px;
}


li.latestnews {
	line-height:12px;
	padding: 3px;
}


/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}