/* CSS Document */
img{border:none}
a{text-decoration:none}
h1{margin:10px 0;}
html{background:#EEEEEE url(../images/bg.jpg);  font-family:Calibri}
a:hover{text-decoration:underline}
#main{width:1000px;box-shadow:#444 0 0 30px;border-radius:10px; background:#FFF;border:1px solid black; margin:0 auto;}
#header{background:url('../images/header.jpg') no-repeat}
.heading{font-size:2em;border-bottom:1px solid blue;color:blue;font-weight:bold;margin-bottom:10px;}
#msg{border:1px solid blue; border-radius:10px;box-shadow:0 0 10px #000;padding:20px;font-size:1.2em; text-align:justify; background:#EAEEFF}
#menu,#footer{background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
padding:15px 15px;
}
#footer a,#footer a:visited{color:#EEE;text-decoration:underline;}
.margin{margin:20px;}
#menu{margin:5px -15px;margin-top:130px;border-radius:10px;}
#menu a{color:#FFF;padding:15px 10px;font-size:1.2em; border:1px solid transparent;border-radius:10px;}
#menu a:hover{border:1px solid #00F;padding:25px 10px;text-decoration:none;box-shadow:0 0 20px #0CF; }
#menu a:hover,#heading{
	background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,228,247,1)), color-stop(24%,rgba(115,177,231,1)), color-stop(50%,rgba(10,119,213,1)), color-stop(79%,rgba(83,159,225,1)), color-stop(100%,rgba(135,188,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C */}

#menu a:hover,#menu a{transition: 500ms ease-in 0s;
	-webkit-transition: 500ms ease-in 0s;
	-moz-transition: 500ms ease-in 0s;
	}
#mid{margin:20px 0;min-height:400px;}
#content{width:660px;padding:20px;min-height:400px;float:left;}

#sidebar,#adbanner{width:270px;padding:10px; background:#000; float:left; border-radius:10px;
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */}
#adbanner{margin-top:10px;padding:18px;width:254px}
#heading{margin:10px -20px;border-radius:10px;font-size:1.5em;padding:10px 30px;color:#FFF;text-shadow:#333 1px 1px;}
#footer{padding:20px;border-radius:10px;color:#FFF;border-top-left-radius:0; border-top-right-radius:0;text-align:center;}
.clear{clear:both}
/****CHANGES OF SITE SIZE ********/
#main{width:1100px;}
#content{width:760px;}
/*********COOL BUTTONS******/
.button{background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(115,177,231,1) 11%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,228,247,1)), color-stop(11%,rgba(115,177,231,1)), color-stop(50%,rgba(10,119,213,1)), color-stop(79%,rgba(83,159,225,1)), color-stop(100%,rgba(135,188,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 11%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 11%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 11%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 11%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C */
	}
.button,.button:hover{transition: ease-in 300ms;
-moz-transition: ease-in 300ms; /* Firefox 4 */
-webkit-transition: ease-in 300ms; /* Safari and Chrome */
-o-transition: ease-in 300ms; /* Opera */}
.button{text-decoration:none;color:#FFF;display:block;padding:5px 10px;border:1px solid blue;text-align:center;border-radius:10px;font-size:1.2em;margin-top:10px;}
.button:hover{font-weight:bold;text-decoration:none;box-shadow:0 0 20px #03F;}