/*











Theme Name: Creative by Nature















Theme URI: http://cssmayo.com/freebies/free-wordpress-themes/creative-by-nature/















Description: Portfolio theme for WordPress.















Author: cssmayo.com















Author URI: http://cssmayo.com/















Tags: dark, two-columns, fixed-width















Version: 0.1















	Creative by Nature v0.1















	 http://cssmayo.com/



















    This theme was designed and built by CSSMayo.com



















    The CSS, XHTML and design is released under GPL:



















	http://www.opensource.org/licenses/gpl-license.php











*/















* { padding:0; margin:0; outline:0; }







#player{



margin-left:-300px;

}



#top { width:740px; margin-left:330px;margin-top:0px;margin-bottom:-5px; auto; }







{







background:url(images/top.png);







}















#shell {







background:url(images/centerbg.png);width:740px; margin-top:-5px; padding-left:35px;padding-top:0px;margin-bottom:-10px;repeat-y;repeat-x:none;margin-right:-50px;







}



















#bottom {







background:url(images/bottombg.png) no-repeat; margin-top:-2px;margin-left:330px;margin-bottom-2px;







}















#header{ height:0px; position:relative; z-index:2;}











#headerimg{ background:url(images/logo_disable.png);margin-left:300px; padding-top:0px; height:110px; width:760x;}


*html #headerimg{ background:url(images/logo_disable.png);margin-left:370px; padding-top:0px; height:110px; width:760x;}








body {  padding-top:0px;











	font-family: Trebuchet MS, Arial, sans-serif;











	font-size:14px;











	line-height:20px;











	color:#000;











	background:#253037 url(images/body.jpg) repeat center 0;











}






















input, textarea, select { font-size:14px; font-family: Trebuchet MS, Arial, sans-serif; border:solid 1px #222; background:url(images/box-c.png); color:#000000;}











input, textarea { padding:6px 5px; }















textarea { overflow:auto; }











a img { border:0; }















.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }















#shell_1 { width:740px; margin-left:330px;margin-top:40px; auto; }















#bg { background:url(images/bg_disableeee.jpg) no-repeat 0 0;  position:relative; width:700px; padding:0 195px 0 135px; margin:0 -95px 0 -135px; }















#header{ height:25px; position:relative; z-index:2;}















#headerimg{ color:#564d45; padding:0px 0 0 70px; height:110px; width:270px;}











#headerimg h1{ font-size:36px; line-height:150px; font-family: Trebuchet MS, serif; font-style: normal; padding-bottom:7px;}











#headerimg h1 a{ color:#000000; text-decoration: none; }











#headerimg h1 a:hover{ background:#000000; color:#fff; }











#navigation { font-size:15px; font-family: Trebuchet MS, Arial, sans-serif; line-height:30px;padding-left:2px; font-weight: bold; font-style: normal;}

#navigation ul{ list-style-type: none; height:40px; padding-top:0px;margin-left:370px; }

#navigation li{ display:inline-block; float:left; margin-right:0px; }

#navigation a,
#navigation a span{ float:left; display:inline; height:40px; white-space:nowrap; background:url(images/nav_disable.png) no-repeat 0 -100px;padding:0 20px 0 20px;  }

#navigation a span{ padding:0 20px 0 0px; background-position:right -90px;}

#navigation a { color:#fff; text-decoration: none; margin-right:0px;}

#navigation a.active, #navigation a:hover{ color:#c8b9b0; background-position:0 0; }

#navigation a.active span, #navigation a:hover span{ background-position:right 0; }















#main {margin-top:0px; }











.box { margin-bottom:10px; position:relative; width:100%;}















.box-t, .box-b { font-size:0; line-height:0; height:0px; }















.box-t { background:url(images/box-t.png); width:100%;}















.box-b { background:url(images/box-b.png); width:100%; }















.box-c { background:url(images/box-c.png); width:100%; }



















.box-cnt { padding:10px 25px;}















h2 { color:#471e01; font-size: 19px; font-family: Trebuchet MS, serif; background:url(images/h2.png) no-repeat 0 0; padding:0 0 10px 35px; line-height:35px; font-weight: normal; font-style: normal;}



















.welcome h2,















h2.nobg { background:transparent; padding-top:0px; color:#6d2f04; }















.side-left { float:left; width:340px; }















.side-right { float:left; width:300px; padding-left:25px; }
.content { float:left; width:300px; padding-left:50px;} 












.side-eq{ float:left; display:inline; width:286px; }











.side-center{ margin:0 35px; }







.side-blog { float:left; width:550px; }







.side-page { float:left; width:650px; }











.more { padding-top:10px; }











.more a{ color:#471e01; text-decoration: none; background:url(images/bul.gif) no-repeat 0 5px !important; padding-left:12px; font-weight: bold }











.more a span{ border-bottom:solid 1px #c7b9b1; margin-right:10px;}











.more a:hover { color:#f1731a; }











.more a:hover span{ background:#; }











.post {margin-top:0px}











.post h2{ background:transparent; color:#6d2f04; padding:0 0 2px 0; font-family: Trebuchet MS, sans-serif; font-size:16px; font-style: normal;}











.post h2.normal { color:#6d2f04; font-size: 19px; font-family: Trebuchet MS, serif; padding:0; padding-top:0px; font-weight: normal; font-style: normal; }











.post h2 a{ color:#6d2f04; text-decoration: none; }











.entry { overflow: hidden }











.post .entry p{ padding-top:10px; }











.post .postmeta { padding-top:0px; }











.post .entry h1 { font-size: 20px; font-weight: normal; }











.post .entry h2 { font-size: 18px; color: #6d2f04}











.post .entry h3 { font-size: 16px; color: #000}











.post .entry h4 { font-size: 14px;color:#FF9933 }











.post .entry h5 { font-size: 12px; }











.post .entry h6 { font-size: 12px; }











.post .entry ul,











.post .entry ol { padding:0px 0 0 10px;}











.post .entry li { padding-bottom:3px;}











.post .entry blockquote {  }















small { color:#000; font-size:12px; display:block; line-height:12px; }















.headlines ul{ list-style-type: none; }











.headlines ul li{ padding-bottom:10px; }















.headlines a { color:#aa7b16; text-decoration: none; border-bottom:solid 1px #aa7b16; }















.headlines a:hover { background:#b0c306; color:#000; }















.white { color:#000; }















.small-thumbnails { padding-top:5px; font-size:0; line-height:0; }











.small-thumbnails ul { list-style-type: none; }











.small-thumbnails ul li { float:left; display:inline; margin-right:10px; margin-bottom:10px; }











.small-thumbnails ul li a{ }











.small-thumbnails ul li a img{ background:url(images/small-bg.gif) no-repeat 0 0; width:33px; height:33px; padding:5px; }











#footer { font-size:14px;font-family:Trebuchet MS, "Times New Roman", Times, serif;font-weight:bold; }















#footer ul { list-style-type: none; }















#footer ul li { display:inline; }















#footer .box-cnt { padding-top:5px; padding-bottom:10px; }















.footer-nav a { color:#000000; text-decoration:none;  margin-right:25px;}















.footer-nav a:hover { color:#FF6633 }











#footer .right { font-size:11px; color:#707070; line-height:0px; position:relative; margin-top:0px; white-space:nowrap; text-align: right;}















#footer .right a { color:#b97a0c; }











#footer .right a:hover {   color: #000000; }















.footer-words {color:#000000; position:relative} 















.leaves { position:absolute; top:299px; left:0; width:290px; height:52px; background:url(images/leaves.png); }















.green-leaves { position:absolute; top:-5px; right:-35px; width:58px; height:55px; background:url(images/green-leaves.png)}















.welcome { padding-top:0px;}















.portfolio-box { position:relative; width:750px; margin:0px -31px 10px -32px; }















.portfolio-box-bg { background:url(images/portfolio.png) no-repeat 0 0; width:500px; height:200px;}















.portfolio-box-cnt { padding:0 20px 40px 20px;}















.portfolio-box-cnt h2{ position:relative; padding:20px 30px 0 30px; }















.projects {}











.projects ul{ list-style-type: none; }















.projects ul li{ float:left; display:inline; width:150px; height:150px; background:url(images/project-bg.png) no-repeat 0 0; margin-left:10px;}















.projects ul li .image{ font-size:0; line-height:0; padding:23px 0 0 14px; height:60px; }















.projects ul li .image a { background:transparent !important; }















.projects ul li .image a img{ border:solid 1px #aa7b16; width:287px !important; height:27px !important; }











.projects ul li h3 a { color:#000; text-decoration: none; background:transparent !important; }















.projects ul li h3 a:hover { color:#000; }















.projects ul li .info{ padding:0 20px; }











.projects ul li .view{ float:right; color:#aa7b16; padding-top:3px; font-size: 15px; line-height:17px; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", sans-serif; background:transparent !important; }















.projects ul li .view:hover { color:#aa7b16; }















h3 { font-size:18px; color:#000; font-family: Trebuchet MS, sans-serif; font-weight: normal; line-height:22px; }















.two-columns { background:url(images/dash.gif) repeat-y 645px 0;}















.three-columns { background:url(images/dash-three.gif) repeat-y 323px 0;}















.posts { padding-top:0px; }















.hidden { display:none;}















#sidebar ul { list-style-type: none;}















#sidebar ul li{ padding-bottom:20px; }















#sidebar ul li ul{ padding-left:35px; }















#sidebar ul li ul ul{ padding-left:15px; }















#sidebar ul li a { color:#aa7b16; text-decoration: none; border-bottom:solid 1px #aa7b16;}















#sidebar ul li a:hover { background:#b0c306; color:#000; }















#sidebar ul li li{ padding-bottom:2px;  }















.posts .post { padding-bottom:31px; margin-bottom:0px; border-bottom:dashed 1px #aa7b16; }















/*** Hovers ***/











.post h2 a:hover { background:#fff; color:#000; }



















.nav { height:40px; font-size:11px; white-space:nowrap; color:#000000}















.alignleft { float:left; }















.alignright { float:right; }















.single { padding-left:50px; padding-right:50px; }















#respond { padding-top:31px; margin-top:5px; border-top:dashed 1px #2b2f30; }















#respond p { padding-bottom:10px; }















#respond small { display:inline; }















#respond input,















#respond textarea{ border:solid 1px #222; background:url(images/box-c.png); color:#000000; }















#respond input { width:200px;}















#respond input#submit { cursor:pointer;}















#respond textarea { width:550px; height:170px; }















#respond h3, h3#comments { color:#c0c17e; padding-bottom:15px; }















ol.commentlist { list-style-type: none;}















ol.commentlist li{ padding-bottom:35px; }















ol.commentlist li ul.children { list-style-type: none; margin-left: 15px; padding-left: 15px; margin-top: 15px;}



















ol.commentlist li ul.children li {











    padding-bottom: 0;







}















ol.commentlist li p{ padding-top:10px; }











ol.commentlist .commentmetadata{ font-size:11px; }











ol.commentlist img{ float:right; padding:1px; border:solid 1px #333; }











.nobrd { border:0 !important;}











.screen-reader-text { display:none;}











#searchform input { width:180px; }











#searchform input#searchsubmit { width:80px; }













































/*===================================================================
	Menu bar
=====================================================================*/


	#menu{
	background: url(images/menu.png) no-repeat left 0px;
	width:740px;
	height:30px;
padding-left:30px;
margin-left:257px;
margin-bottom:-30px;
padding-top:5px;
	}
	
	
	
	
*html	#menu{
	background: url(images/menu.png) no-repeat left 0px;
	width:750px;
	height:50px;
padding-left:10px;
margin-left:258px;
margin-bottom:-24px;

	}

	
	
	
	
		#menu{

margin-bottom:-5px; 
#

	}
	
.lavaLamp li {
       	float: left;
        list-style: none;
    	}



 .lavaLamp li.back {



     	background: url(images/lava.png) no-repeat left 0px;
		margin-left:-1px; 
        width: 9px;
	height: 40px;
        z-index: 8;
        position: absolute;
        }
		

	*html  .lavaLamp li.back {



     	background: url(images/lava.png) no-repeat left 0px;
		margin-left:270px; 
        width: 9px;
	height: 40px;
        z-index: 8;
        position: absolute;
        }
		
	
		

	
		
		
		
.lavaLamp li.back .left {
      	background: url(images/lava.png) no-repeat top left;
        height: 25px;
        margin-right: 9px;
         }

.lavaLamp li a {
        position: relative; 
	overflow: hidden;
        text-decoration: none;
   
		text-transform:capitalize;
		font-size:16px;
		font-weight:bold;
		font-family:"Trebuchet MS" ;
        
        color: #ffffff;
	outline: none;
        text-align: center;
        height: 25px; 
	top: 4px;
        z-index: 10;
	letter-spacing: 0;
        float: left;
	display: block;
        margin: auto 10px;
        }


	
		
		*html.lavaLamp li a {
        position: relative; 
	overflow: hidden;
        text-decoration: none;
      		text-transform:capitalize;
		font-size:26px;
		font-weight:bold;
		font-family:"Trebuchet MS" ;
        
        color: #ffffff;
	outline: none;
        text-align: center;
        height: 25px; 
	top: 4px;
        z-index: 10;
	letter-spacing: 0;
        float: left;
	display: block;
        margin: auto 7px;
        }
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		.subtitle1 {
color: #000000;
}

.subtitle2 {
color: #000000;
}
-moz-border-radius-topleft ;
.borders_off{border:1px solid #FFFFFF;}
.borders_on{border:1px solid #000000;}