/* 
    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_developers/background.jpg) repeat-x;}
	#head {background:url(/images/codepen_developers/header.jpg) no-repeat -80px -34px;}
	#footer {background:url(/images/codepen_developers/foot-bg.png) no-repeat;}
	#main {background:url(/images/codepen_developers/main-bg.png) repeat-y;}
	#topNavContainer {background:url(/images/codepen_developers/navCont-bg.png) repeat-y;}
	ul#topNav li a.home {background:url(/images/codepen_developers/home.jpg) no-repeat;}
	ul#topNav li a.news {background:url(/images/codepen_developers/showcase.jpg) no-repeat;}
	ul#topNav li a.showcase {background:url(/images/codepen_developers/news.jpg) no-repeat;}
	ul#sideNav li a.apis {background:url(/images/codepen_developers/apis.jpg) no-repeat;}
	ul#sideNav li a.skins {background:url(/images/codepen_developers/skins.jpg) no-repeat;}
	ul#sideNav li a.support {background:url(/images/codepen_developers/support.jpg) no-repeat;}
    .rounded h1{background:url(/images/codepen_developers/rounded-head.png) no-repeat;}
    .rounded h2{background:url(/images/codepen_developers/rounded-head.png) no-repeat;}
    .rounded p{background:url(/images/codepen_developers/rounded-mid.png) repeat-y;}
    .rounded h3{background:url(/images/codepen_developers/rounded-mid.png) no-repeat;}
    .rounded div{background:url(/images/codepen_developers/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;}