$("#navbar").ready(function(){

                $("#navbar").jqcanvas(function (canvas, width, height) {
                    var ctx = canvas.getContext("2d");
ctx.clearRect(0,0,width,height);
                    var lingrad = ctx.createLinearGradient(0,0,0,height);
                    lingrad.addColorStop(0, '#fff');
                    lingrad.addColorStop(0.75, '#00ABEB');
                    

                    var corner = 20;

                    ctx.beginPath();
                    ctx.fillStyle = lingrad;
  
                    ctx.moveTo(0,0);
                    ctx.lineTo(width,0);
                    ctx.lineTo(width,height-corner);
                    ctx.arc(width-corner,height-corner,corner,Math.PI+(Math.PI*2)/2,Math.PI+(Math.PI*3)/2,0);
                    ctx.lineTo(corner,height);
                    ctx.arc(corner,height-corner,corner,Math.PI+(Math.PI*3)/2,Math.PI+(Math.PI*0)/2,0);

                    ctx.fill();
                    ctx.closePath();
                });
});

$("#leftbox").ready(function(){

                $("#leftbox").jqcanvas(function (canvas, width, height) {
                    var ctx = canvas.getContext("2d");
ctx.clearRect(0,0,width,height);
                    var lingrad = ctx.createLinearGradient(0,0,0,height);
                    lingrad.addColorStop(0.1, '#00ABEB');
                    lingrad.addColorStop(0.5, '#fff');
                    
                    

                    var corner = 20;

                    ctx.beginPath();
                    ctx.fillStyle = lingrad;
  
ctx.arc(corner,corner,corner,Math.PI+(Math.PI*0)/2,Math.PI+(Math.PI*1)/2,0);
                    ctx.lineTo(width-corner,0);
                    ctx.arc(width-corner,corner,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
                    ctx.lineTo(width,height-corner);
                    ctx.arc(width-corner,height-corner,corner,Math.PI+(Math.PI*2)/2,Math.PI+(Math.PI*3)/2,0);
                    ctx.lineTo(corner,height);
                    ctx.arc(corner,height-corner,corner,Math.PI+(Math.PI*3)/2,Math.PI+(Math.PI*0)/2,0);

                    ctx.fill();
                    ctx.closePath();

ctx.strokeStyle = "#00ABEB";
ctx.lineWidth = 1;
        ctx.beginPath();

                    ctx.arc(corner,corner,corner,Math.PI+(Math.PI*0)/2,Math.PI+(Math.PI*1)/2,0);
                    ctx.lineTo(width-corner,0);
                    ctx.arc(width-corner,corner,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
                    ctx.lineTo(width,height-corner);
                    ctx.arc(width-corner,height-corner,corner,Math.PI+(Math.PI*2)/2,Math.PI+(Math.PI*3)/2,0);
                    ctx.lineTo(corner,height);
                    ctx.arc(corner,height-corner,corner,Math.PI+(Math.PI*3)/2,Math.PI+(Math.PI*0)/2,0);
                    ctx.lineTo(0,0+corner);
ctx.stroke();
        ctx.closePath();

                });
});

$("#rightbox").ready(function(){

                $("#rightbox").jqcanvas(function (canvas, width, height) {
                    var ctx = canvas.getContext("2d");
ctx.clearRect(0,0,width,height);
                    var lingrad = ctx.createLinearGradient(0,0,0,height);
                    lingrad.addColorStop(0.1, '#FFE451');
                    lingrad.addColorStop(0.5, '#fff');
                    
                    

                    var corner = 20;

                    ctx.beginPath();
                    ctx.fillStyle = lingrad;
  
ctx.arc(corner,corner,corner,Math.PI+(Math.PI*0)/2,Math.PI+(Math.PI*1)/2,0);
                    ctx.lineTo(width-corner,0);
                    ctx.arc(width-corner,corner,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
                    ctx.lineTo(width,height-corner);
                    ctx.arc(width-corner,height-corner,corner,Math.PI+(Math.PI*2)/2,Math.PI+(Math.PI*3)/2,0);
                    ctx.lineTo(corner,height);
                    ctx.arc(corner,height-corner,corner,Math.PI+(Math.PI*3)/2,Math.PI+(Math.PI*0)/2,0);

                    ctx.fill();
                    ctx.closePath();

ctx.strokeStyle = "#FFE451";
ctx.lineWidth = 1;
        ctx.beginPath();

                    ctx.arc(corner,corner,corner,Math.PI+(Math.PI*0)/2,Math.PI+(Math.PI*1)/2,0);
                    ctx.lineTo(width-corner,0);
                    ctx.arc(width-corner,corner,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
                    ctx.lineTo(width,height-corner);
                    ctx.arc(width-corner,height-corner,corner,Math.PI+(Math.PI*2)/2,Math.PI+(Math.PI*3)/2,0);
                    ctx.lineTo(corner,height);
                    ctx.arc(corner,height-corner,corner,Math.PI+(Math.PI*3)/2,Math.PI+(Math.PI*0)/2,0);
                    ctx.lineTo(0,0+corner);
ctx.stroke();
        ctx.closePath();

                });
});

$(".social").ready(function(){
                $(".social").jqcanvas(function (canvas, width, height) {
                    var corner = 20;
                    var ctx = canvas.getContext("2d");
                    ctx.clearRect(0,0,width,height);
                    ctx.fillStyle = "#00ABEB";
                    ctx.beginPath();
                    ctx.arc(corner,corner,corner,Math.PI+(Math.PI*0)/2,Math.PI+(Math.PI*1)/2,0);
                    ctx.lineTo(width-corner,0);
                    ctx.arc(width-corner,corner,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
                    ctx.lineTo(width,height-corner);
                    ctx.arc(width-corner,height-corner,corner,Math.PI+(Math.PI*2)/2,Math.PI+(Math.PI*3)/2,0);
                    ctx.lineTo(corner,height);
                    ctx.arc(corner,height-corner,corner,Math.PI+(Math.PI*3)/2,Math.PI+(Math.PI*0)/2,0);
                    ctx.closePath();
                    ctx.fill();
                });
                
            });


$("#ecm").ready(function(){
                $("#ecm").jqcanvas(function (canvas, width, height) {
                    var corner = 20;
                    var ctx = canvas.getContext("2d");
                    ctx.clearRect(0,0,width,height);
                    ctx.fillStyle = "#FFD706";
                    ctx.beginPath();
                    ctx.arc(corner,corner,corner,Math.PI+(Math.PI*0)/2,Math.PI+(Math.PI*1)/2,0);
                    ctx.lineTo(width-corner,0);
                    ctx.arc(width-corner,corner,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
                    ctx.lineTo(width,height-corner);
                    ctx.arc(width-corner,height-corner,corner,Math.PI+(Math.PI*2)/2,Math.PI+(Math.PI*3)/2,0);
                    ctx.lineTo(corner,height);
                    ctx.arc(corner,height-corner,corner,Math.PI+(Math.PI*3)/2,Math.PI+(Math.PI*0)/2,0);
                    ctx.closePath();
                    ctx.fill();
                });
                
            });


$("#mainarea").ready(function(){
                $("#mainarea").jqcanvas(function (canvas, width, height) {
                    var ctx = canvas.getContext("2d");
                    ctx.clearRect(0,0,width,height);
                    ctx.fillStyle = "#fff";
                    ctx.beginPath();
ctx.moveTo(0,0);
                    ctx.lineTo(width,0);
                    ctx.lineTo(width,height);
                    ctx.lineTo(0,height);
                    ctx.lineTo(0,0);
                    ctx.closePath();
                    ctx.fill();
                });
                
            });


$("#signup").ready(function(){

                $("#signup").jqcanvas(function (canvas, width, height) {
                    var ctx = canvas.getContext("2d");
ctx.clearRect(0,0,width,height);
                    
var corner = 20;
ctx.strokeStyle = "#FFD706";
ctx.lineWidth = 1;
        ctx.beginPath();

                    ctx.arc(corner,corner,corner,Math.PI+(Math.PI*0)/2,Math.PI+(Math.PI*1)/2,0);
                    ctx.lineTo(width-corner,0);
                    ctx.arc(width-corner,corner,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
                    ctx.lineTo(width,height-corner);
                    ctx.arc(width-corner,height-corner,corner,Math.PI+(Math.PI*2)/2,Math.PI+(Math.PI*3)/2,0);
                    ctx.lineTo(corner,height);
                    ctx.arc(corner,height-corner,corner,Math.PI+(Math.PI*3)/2,Math.PI+(Math.PI*0)/2,0);
                    ctx.lineTo(0,0+corner);
ctx.stroke();
        ctx.closePath();

                });
});




$(".newsheadline").ready(function(){

                $(".newsheadline").jqcanvas(function (canvas, width, height) {
                    var ctx = canvas.getContext("2d");
ctx.clearRect(0,0,width,height);
                    
var corner = 20;
ctx.strokeStyle = "#00ABEB";
ctx.lineWidth = 1;
        ctx.beginPath();
ctx.fillStyle = "#00ABEB";
                    ctx.arc(corner,corner,corner,Math.PI+(Math.PI*0)/2,Math.PI+(Math.PI*1)/2,0);
                    ctx.lineTo(width-corner,0);
                    ctx.arc(width-corner,corner,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
                    ctx.lineTo(width,height);
                    ctx.lineTo(0,height);
                    ctx.lineTo(0,0+corner);
ctx.stroke();
        ctx.closePath();
ctx.fill();
                });
});

$(".newsitem").ready(function(){

                $(".newsitem").jqcanvas(function (canvas, width, height) {
                    var ctx = canvas.getContext("2d");
ctx.clearRect(0,0,width,height);
                    
var corner = 20;
ctx.strokeStyle = "#00ABEB";
ctx.lineWidth = 1;
        ctx.beginPath();

                   ctx.moveTo(0,0);
                    ctx.lineTo(width-corner,0);
ctx.arc(width-corner,corner,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
                    ctx.lineTo(width,height-corner);
                    ctx.arc(width-corner,height-corner,corner,Math.PI+(Math.PI*2)/2,Math.PI+(Math.PI*3)/2,0);
                    ctx.lineTo(corner,height);
                    ctx.arc(corner,height-corner,corner,Math.PI+(Math.PI*3)/2,Math.PI+(Math.PI*0)/2,0);
                    ctx.lineTo(0,0);
ctx.stroke();
        ctx.closePath();

                });
});