/*  
Theme Name: 
Theme URL: 
Description: 
Author: Landry Karege
Author URL: http://www.thetin.net/team/
*/
/*-----------------------------------------
	CONTENTS ----------

	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES & VIDEOS
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
       10.GLOBALS ELEMENTS
       11.HOME
       12.PROJECTS
       13.CASE STUDIES
       14.ABOUT
       15.SERVICES
       16.NEWS
       17.CONTACT
       18.DOCS
       19.SITEMAP
      
-----------------------------------------*/

*{
				margin:0;
				padding:0;
				font-size:100%;
				list-style:none;
			} 
			body{
				background-color:#555555;
				color:#FFFFFF;
				font-family:Arial,Verdana,Helvetica,sans-serif;
				margin:0;
				padding:0;
				font-size:0.75em;
				position:relative;
				text-align:center;
			}
			a{
				color:#888888;
				text-decoration:none;
				font-weight:bold;
			}
			a:hover{
				color:#fff;
				text-decoration:none;
				font-weight:bold;
			}
			a img{
				border:none;
				outline:0px;
			}
			h2.ProjectListHeader
			{
				font-size:1.5em;
                font-weight:normal;
                margin:10px 0 5px 0;
                padding:0;
                }
			.clearFix
			{
				clear:both;
				height:0;
				margin:0;
				padding:0;}
				
			select{}
			sup{
				font-size:smaller;
			}
			/*============================
			MAIN LAYOUT STYLE
			==============================*/	
			#wrap{
				width:910px;
				position:relative;
				margin:20px auto;
				padding:0;
				background-color:#242424;
				
			}
			#header{
				width:910px;
				height:110px;
				position:relative;
				float:left;
				clear:both;
				border-bottom:2px solid #888888;
				margin-bottom:37px;
			}
			#header h1 a{
				background:#242424 url(../images/autograph3.jpg);
				width:409px;
				height:106px;
				margin:1px 21px 0 0;
				padding:0;
				text-indent:-9999em;
				position:relative;
				float:right;
			}
			ul#topNav{
				width:480px;
				position:relative;
				float:left;
				margin:91px 0 0 0px;
				padding:0;
				display:inline;
				font-weight:bold;
				letter-spacing:0.05em;
				text-align:left;
			}
			ul#topNav li{
				width:inherit;
				display:inline;
				padding:0;
				margin:0 5px 0 10px;
			}
			ul#topNav li a{
				font-weight:bold;
			}
			/*============================
			MAIN CONTAINER STYLE
			==============================*/	
			#mainContainer
			{
				width:910px;
				min-height:600px;
				text-align:left;
				position:relative;
				float:left;
				padding:0px;
				margin:0;
				}
				ul#cmsheader
                {
                    width:900px;
                    height:30px;
                    position:relative;
                    float:left;
                    display:inline;
                    border-bottom:1px solid #6D6F71;
                    padding:0 0 0 10px;
                    margin:0;
                }
                
				ul#cmsheader li.mainlinks,
            	ul#cmsheader li.mainlinks a
            	{
            		width:auto;
            	    height:20px;
            	    display:inline;
            	    position:relative;
            	    float:left;
            	    margin:0 10px 0 0;
            	    padding:5px 5px 5px 5px;
            	    color:#fff;
            	    background-color:#6D6F71;
            		}
				ul#cmsheader li.mainlinks a{padding-bottom:0px;}
            	ul#cmsheader li.mainlinks a:hover{color:#FF3399;}
				
                #listBlock
                {
                	/*width:500px;*/
                	width:890px;
                	height:100%;
				    text-align:left;
				    position:relative;
				    float:left;
				    padding:0 10px;
				    margin:0px 0 30px 0;
				    
				    }
				    
				    ol#projectlist
				    {
				    	width:500px;
				    	height:500px;
				    	position:relative;
				    	float:left;
				    	text-align:left;
				    	padding-left:30px;
				    	margin:10px 0;
				    	overflow-y:scroll;
				    	}
				    	ol#projectlist li{list-style-type:decimal-leading-zero;}
				    	
				    	ol#projectlist li a.deleteX
				    	{
				    		width:auto;
				    		height:auto;
				    		position:absolute;
				    		right:10px;
				    		margin:2px 0;
				    		padding:2px;
				    		color:green;
				    		}
				    	
				    	#listBlock a#AddProjectLink
				    	{
				    		width:auto;
				    		position:relative;
				    		float:left;
				    		color:#fff;
				    		padding:5px;
				    		background-color:#6D6F71;
				    		clear:left;
				    		
				    	  }
			/*============================
			TWO LAYERS COLUMN STYLE
			==============================*/
				.leftCol{
					width:300px;
					position:relative;
					float:left;
					margin:0;
					padding:0 10px 0 10px;
				}
					.leftCol ul{
						width:inherit;
						position:relative;
						float:left;
						margin:0;
						padding:0;
						text-align:left;
						font-size:0.95em;
					}
				.rightCol{
					width:570px;
					position:relative;
					float:right;
					margin:0;
					padding:0 20px 0 0px;
				    overflow:auto;
				}
				.rightCol h3{
					font-size:1.5em;
				}
				.rightCol p{
					margin:0;
					padding:0 0 10px 0;
				}
				.rightCol ul{
					width:inherit;
					padding:10px 0;
					margin:0;
					position:relative;
					float:left;
					font-size:1.25em;
				}	 		  
			/*==============================
			PROJECTS TABS Style
			==============================*/	 	  
		    h2.demoHeaders{
		    	visibility:hidden;
				display:none;
		    }
			#projecttabs
		    {
		    	width:inherit;
		    	position:relative;
		    	float:left;
		    	padding:0;
		    	margin:0;
		    	}
			ul.projectTabs{
					width:890px;
                    height:20px;
                    position:relative;
                    float:left;
                    display:inline;
                    background-color:#6D6F71;
                    padding:5px 0 0 0;
                    margin:0 0 20px 0;
					text-align:center;
					color:#fff;
			}
			ul.projectTabs li{
				display:inline;
				color:#fff;
			}
			ul.projectTabs li,
            ul.projectTabs li a
            	{
            		width:auto;
            	    height:20px;
            	    display:inline;
            	    position:relative;
            	    float:left;
            	    margin:0 5px;
					padding:0px;
            	    color:#fff;
            	    background-color:#6D6F71;
					text-align:center;
            		}
			ul.projectTabs li a{padding-bottom:0px;}
            ul.projectTabs li a:hover{color:#FF3399;}
			/*============================
			MANAGE AND EDIT LIST OF PROJECTS
			==============================*/	
			#mainformdetails{
				width:890px;
				margin:0;
				padding:0;
				position:relative;
				float:left;
			}
			ul#leftSideForm{
				width:438px;
				margin:0;
				padding:0;
				position:relative;
				float:left;
			}
			ul#rightSideForm{
				width:440px;
				margin:0;
				padding:0;
				position:relative;
				float:left;
				
			}
			ul#rightSideForm li,
			ul#leftSideForm li{
				width:438px;
				margin:0;
				padding:0 0 10px 0;
				position:relative;
				float:left;
				clear:left;
			}	
			ul#rightSideForm li{
				width:440px;
				padding-left:20px;
			}
			ul#rightSideForm li label,
			ul#leftSideForm li label{
				width:160px;
				text-align:left;
				position:relative;
				float:left;
				font-weight:bold;
			}
			ul#rightSideForm li textarea,
			ul#rightSideForm li input,
			ul#leftSideForm li textarea,
			ul#leftSideForm li input,
			ul#leftSideForm li select{
				width:222px;
				position:relative;
				float:left;
				padding:2px;
				margin:0;
				background-color:#555;
				border:none;
				color:#fff;
				text-align:left;
			}
			ul#rightSideForm li textarea{
				width:255px;
			}
			ul#leftSideForm li span.addNew{
				postion:relative;
				float:right;
				word-break:none;
				font-size:0.85em;
			}
			ul#rightSideForm li a#savelink{
				width:auto;
	    		position:relative;
	    		float:right;
	    		color:#fff;
	    		padding:5px;
	    		background-color:#6D6F71;
	    		clear:left;
				margin-right:20px;
			}
			/*============================
			FOOTER STYLE
			==============================*/	
			#footer
			{
				width:910px;
				position:relative;
				float:left;
				border-top:1px solid #6D6F71;
				margin:30px 0 0 0;
				padding:5px;
				text-align:center;
				
			}
			#footer ul{
				display:inline;
				margin:0;
				padding:0;
			}
			#footer ul li{
				display:inline;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin:0 15px;
				padding:0 40px;
			}
			#footer ul li a{
				color:#FF3399;
				display:inline;
				margin:0;
				padding:0;
				text-decoration:none;
				font-weight:normal;
			}
			#footer ul li a:hover{
				color:#fff;
			}