/* 
    Document   : codepen_blah
    Created on : 23-Nov-2009, 13:29:23
    Author     : harjits
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {margin:0px;padding:0px;font-family:sans-serif;}

/*
Background images
*/
    a{text-decoration:none;}
	body {background:url(/images/codepen_skins/background.jpg) repeat-x;}
	#head {background:url(/images/codepen_skins/header.jpg) no-repeat -80px -34px;}
	#footer {background:url(/images/codepen_skins/foot-bg.png) no-repeat;}
	#main {background:url(/images/codepen_skins/main-bg.png) repeat-y;}
	#topNavContainer {background:url(/images/codepen_skins/navCont-bg.png) repeat-y;}
	ul#topNav li a.home {background:url(/images/codepen_skins/home.jpg) no-repeat;}
	ul#topNav li a.news {background:url(/images/codepen_skins/showcase.jpg) no-repeat;}
	ul#topNav li a.showcase {background:url(/images/codepen_skins/news.jpg) no-repeat;}
	ul#sideNav li a.apis {background:url(/images/codepen_skins/apis.jpg) no-repeat;}
	ul#sideNav li a.skins {background:url(/images/codepen_skins/skins.jpg) no-repeat;}
	ul#sideNav li a.support {background:url(/images/codepen_skins/support.jpg) no-repeat;}
    .rounded h1{background:url(/images/codepen_skins/rounded-head.png) no-repeat;}
    .rounded h2{background:url(/images/codepen_skins/rounded-head.png) no-repeat;}
    .rounded p{background:url(/images/codepen_skins/rounded-mid.png) repeat-y;}
    .rounded h3{background:url(/images/codepen_skins/rounded-mid.png) no-repeat;}
    .rounded div.bottom{background:url(/images/codepen_skins/rounded-foot.png) no-repeat;}

	#container {width:900px;margin:0px auto;}
	ul#sideNav {float:left;list-style:none;width:50px;margin:25px -16px;}
	ul#sideNav li a {display:block;height:110px;width:25px;}
	#head {height:125px;}
	#main {min-height:500px;padding-top:10px;width:900px;}
	#footer {min-height:50px; text-align:center;margin-top:-20px;}
	#topNavContainer{width:900px;margin-top:-27px;}
	ul#topNav {list-style:none;float:right;padding-right:9px;}
	ul#topNav li {float:left;}
	ul#topNav li a {display:block;height:25px;width:100px;}

    .rounded {width:840px;margin:20px;}
    .rounded h1{padding:10px;height:50px;}
    .rounded h2{padding:10px;height:50px;}
    .rounded h3{padding:0px 10px;}
    .rounded p{padding:0px 10px;}
    .rounded div{padding:10px;height:15px;}

	.clear{clear:both;}
	.rightClear{clear:right;}

    #coverflow{width:830px;height:300px;margin:0px 0px;float:right;}
#myImageFlow{width:830px;color:#000;background-color:#fff;}