/*
	Updated CSS for dragoncon site - 2014 design.
	Based on elements from HTML KickStart by Joshua Gatcke
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(kickstart-grid.css);
@import url(kickstart-menus.css);
@import url(kickstart-buttons.css);
@import url(kickstart-forms.css);

/*---------------------------------
	BODY AND FONTS
-----------------------------------*/

body {
	background-color: #BFBFBF;
	margin: 0px;
	padding: 0px;
	font-size: 1.0em;
	font-family:Arial, Helvetica, sans-serif;
	color:#4f4f4f;
	direction:rtl;
	text-align:right;
	line-height: 1.3em;
}

 @media only screen and (max-width: 500px) {
        body { font-size:1.0em; }
     }

	    @media only screen and (max-width: 800px) {
            body { font-size:90%;}
     }

.footer {
	color: #4f4f4f;
    line-height:180%;
	font-family: arial;
    text-align:center;
    font-size:0.9em;
	margin-right:20%;
	margin-left:20%;

}

.larget
	{
	font-size:1.3em;
	font-weight:bold;
	color:blue;
	line-height:120%;
	}
	
.news{ 	  
	text-align: right;
	font-family: arial;
	font-size: 13px;
}

/*---------------------------------
	HEADINGS
-----------------------------------*/

h1 { line-height:160%; font-size:1.9em;color:darkblue; text-align:center; margin: 0}
h2.reg { line-height:130%; font-size:1.7em; color:black; margin: 0}
h2.draco { line-height:120%; font-family:david; font-size:1.7em; color:orange; padding-top:10px;}
h3 { line-height:120%;font-size:1.4em; color:darkblue; text-align:center;margin: 0}
h3.blk {font-size:1.3em;color:black; text-align:right}
h3.orng {font-size:1.3em;color:orange; text-align:right}
	

/*---------------------------------
	LINKS
-----------------------------------*/

a {
	color: #0000FF;
	text-decoration: none;
	font-weight: bold;
	border: 0px;
}

a:link { text-decoration:none; color:Blue; }
a:hover   { color : #FF310D;	text-decoration: none;}	   

a.title {
	color: #5E5E5E;
	font-family: arial;
	font-size: 11pt;
	text-decoration: none;
	font-weight: bold;
}

a.butt {
	color: #ffffff;
	font-family: arial;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}
/*---------------------------------
	TABLES
-----------------------------------*/

table
{
border-collapse:collapse;
}

th
{
	border: 0px;
	text-align: center;
	color:blue;
	font-size: 1.2em;
	font-weight: bold;
}

th.prices
{
	border: 0px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color:black;
}

td
{
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
}

td.game_top
{
	border: 0px;
	padding:5px;
	background-color:#DFDFDF;
}

td.game_down
{
	border-bottom: 5px solid #FFFFFF;
	padding:5px;
}

/* striped */
table.striped{}
	table.striped tr.alt{background:#f5f5f5;}
	table.striped thead th{background:#fff;}
	table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
	table.striped tbody tr.alt th{background:#efefef;}
	
/* sortable */
table.sortable{border:1px solid #ddd;}
	table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
	table.sortable thead th:hover{background:#efefef;}
	table.sortable span.arrow{border-style:solid;border-width:5px;
	display:block;position:absolute;top:50%;right:5px;font-size:0;
	border-color:#ccc transparent transparent transparent;
	line-height:0;height:0;width:0;margin-top:-2px;}
	table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}

/*---------------------------------
	IMAGES
-----------------------------------*/	
img{
	margin:0;
	padding:0;
	position:relative;
	zoom:1;
	vertical-align: bottom;
}

img.logo-left {width: 18%; height:auto; max-width:200px; position:absolute; left: 2%; top:15px;}
img.logo-right {width: 18%; height:auto; max-width:130px; position:absolute; right: 2%; top:15px;}

img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}
	
/*---------------------------------
	UTILITY
-----------------------------------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.block1
{
	display:block;
	overflow:hidden;
	position:relative;
	zoom:1;
}

.footer {
	color: black;
    line-height:150%;
	font-family: arial;
    text-align:center;
    font-size:0.8em;
}

.news{ 	  
	text-align: right;
	font-family: arial;
	font-size: 13px;
}

#fb-like-box {
    width: 100% !important;
}
/*---------------------------------
	LAYOUT
-----------------------------------*/

#main{ 	
	background-color: #fff;
	margin-top: 0%;
	margin-bottom: 1%;
	padding-top: 1%;
	padding-right: 0%;
	border: 0px solid #000000;
}				 

#menu{ 	
	background-color: #E3B75B;
	border: 0px solid #000000;
	height:25px;	
	text-align: center;
}

#top{ 	
	padding-bottom:5px;
	text-align:center;
	background-color: black;
	height:100%;

}
	
#sidebar{ 	
	padding: 15px 20px 12px 25px;
	border: 0px;
	text-align: right;	
}

 #mainbar{ 	
	padding: 15px 20px 12px 25px;
	text-align: right;
} 

#single_col{ 	
	padding: 15px 20px 10px 15px;
	border: 0px;	
	text-align: right;	
}

/*---------------------------------
	Index Buttons
-----------------------------------*/

.frontpage_buttons{
	margin-right:5px;
	margin-left:5px;
	margin-bottom:10px;
	width:90%;
	height:3.2em;
	float:center;
	text-align:center;
}
#front_button{
	background-color:orange;
	border:4px orange double;
	padding:5px;
	display:block;
	border-radius:10px
}
#front_button:hover{
	background-color:DeepSkyBlue;
	border:4px #fff double;
	color:#fff;
}

#front_button span.title{
	font-family: tahoma;
	font-size:1.6em;
	margin:0;
	padding:5px 5px 0px 5px;
	display:block;
	width:100%;
	color:black;
}

#front_button span.extend{
	font-family: arial;
	line-height:1.4em;
	font-size:1.1em;
	margin:0;
	padding:0px 5px 5px 5px;
	display:block;
	width:100%;
	color: #484848	;
}

/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #e5e5e5;
float:left;
font-size:0;
}

	ul.tabs.left{text-align:left;}
	ul.tabs.center{text-align:center;}
	ul.tabs.right{text-align:right;}
	ul.tabs.right li{margin:0 0 0 -2px;}

	ul.tabs li{
	font-size:14px;
	list-style-type:none;
	margin:0 -2px 0 0;
	padding:0;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
	}

	ul.tabs li a{
	text-decoration:none;
	color:#666;
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	background:#f5f5f5;
	-webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	-moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	border:1px solid #e5e5e5;
	border-bottom:0;
	font-size:0.9em;
	zoom:1;
	}

	ul.tabs li a:hover{
	background:#fff;
	}

	ul.tabs li.current a{
	position:relative;
	top:1px;
	left:0;
	background:#fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color:#222;
	}

	.tab-content{
	border:1px solid #efefef;
	border:1px solid #e5e5e5;
	background:#fff;
	clear:both;
	padding:20px;
	margin:0 0 40px 0;
	}