/*------------------------------------------------------------------------------*/
/*  IMPORT THEME CSS Sheets  */
/*------------------------------------------------------------------------------*/

/*  @import url("CSS/.css");*/

/*-----------------------------------------------------------------------------*/

@charset "UTF-8";

/*-----------------------------------------------------------------------------*/
/*  main Layout  */
/*------------------------------------------------------------------------------*/

*{margin:auto;}

body {	
	font-family:'Century Gothic', 'Verdana', arial;
	vertical-align:top;
	-webkit-text-stroke:1px transparent; opacity: 0.99;
	height:100%;
	}
        
#MainContainer {
		top:0;
        background:rgba(0, 0, 0, 0.6);
		width: 990px; /* sets the width of web content */
		min-height:100%;
		height:100%;
		margin-left:auto;  /* used to center the DIV */
		margin-right:auto; /* used to center the DIV */
}

/*-----------------------------------------------------------------------------*/
/*       Header       */
/*-----------------------------------------------------------------------------*/


#topheader {
	width:100%;
	max-width:100%;
	position:relative;
	height:80px;
	top:0px;
    margin: 0px auto;
}

#RameyLogo {
	position:absolute;
	top:-30px;
    margin:auto;
    z-index:-1;
	}


/*-----------------------------------------------------------------------------*/
/*       Content      */
/*-----------------------------------------------------------------------------*/


H1{
	font-weight:500;
	text-shadow: -1px -1px 5px rgba(0, 0, 0, 0.8);
}
.subhead{
	position:relative;
    top:-.8em;
	font-size:.8em;
    text-spacing:1em;
	letter-spacing:1em
	text-shadow: -1px -1px 5px rgba(255, 255, 255, 0.9);
}

#copy {
	font-size:.8em;
    line-height:1.4em;
    }
    
#copy p{
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    }
    
#headline { 
	font-size:1em; 
    font-weight:bold;
	text-shadow: -1px -1px 5px rgba(0, 0, 0, .8);
 }


#list ul{ 	
	list-style-type:none;
	font-size:.9em;
    text-spacing:1em;
	/*letter-spacing:1em;
	text-shadow: -1px -1px 5px rgba(30, 30, 30, 1);
    color:rgba(255, 255, 255, 0.8); */
}

#service-containerleft {
    padding:5px;
    margin-right:10px;    
}

#service-containerright {
	float:right;
    padding:10px;
    margin:10px;
    margin-bottom:15px;
}



#containerleft {
    padding:5px;
    margin-right:10px; 
    min-width:300px;   
}

#containerright {
	float:right;
    padding:0px 10px;
    margin:0px 10px;
    margin-bottom:15px;
    width:500px;
}

#about {
	padding: 0px  15px;
    margin: 0px 10px 0px 10px;
    width: 500px;/**/
    margin-left:320px;
}

#about p{
	font-size:.8em;
    line-height:1.5em;
}

#services { 
	padding:15px;
    width:600px;
    /*padding-top:250px;*/
}

#services-heading {
	font-size:1.3em; 
    font-weight:bold;
	text-shadow: 1px 1px 7px rgba(0, 0, 0, .8);
}

#graphicthumb { float:left; margin:8px; border:2px solid #fff;}

#graphicscontainer a{
	opacity:0.7;filter:alpha(opacity=70);
 }

#graphicscontainer a:hover{
	opacity:1;filter:alpha(opacity=100);
 }

/*-----------------------------------------------------------------------------*/
/*      BLOG   */
/*-----------------------------------------------------------------------------*/


#blog {
	padding:15px;
    width:700px;
 }
.blog-entry {
	border-bottom:1px #ffffff solid;
    padding-bottom:10px;
} 
 
.blog-title {
    font-weight:bold;
	text-shadow: -1px -1px 5px rgba(0, 0, 0, 0.8);
 }	

.blog-sub {
    position:relative;
    top:-10px;
 }

#blog p{
	font-size:.9em;
    line-height:1.4em;
    margin:5px;
}

.blog-timestamp {
	font-size:0.6em;
    position:relative;
    top:-10px;
 } 



/*-----------------------------------------------------------------------------*/
/*      Website Portfolio    */
/*-----------------------------------------------------------------------------*/

#back a{ 
	position:relative; 0px 0px;
	text-shadow: -1px -1px 5px rgba(0, 0, 0, .8);
    text-decoration:none;
    font-size:1em;
    padding:0px 0px 0px 20px;
    margin-left:10px;
    margin-top:10px;
}

#back a:hover {
	text-shadow: -1px -1px 5px rgba(255, 255, 255, 1);
}

#seemore-button a{
    float:right;
	text-shadow: -1px -1px 5px rgba(0, 0, 0, .9);
    text-decoration:none;
    padding:0px 0px 0px 20px;
 }

#seemore-button a:hover{
    color:rgb(255, 255, 255);
    text-shadow: -1px -1px 5px rgba(255, 255, 255, 1);
 }

#webfolder-header {
	background:url('website-portfolio/web-header.png');
	height:100px;
    width:auto;
    margin:auto;
    padding:0px;
 }
 
 #webheader {
 	position:absolute;
    top:30px;
    background:url('website-portfolio/website-portfolio-header.png') center;
    background-repeat:no-repeat;
    width:1000px;
    height:100px;
    
}

#website-portfolio {
	background-image: url('website-portfolio/bck1.jpg');
	background-position:center;
    background-repeat:no-repeat;
    background-color:#000;
	}

#web-headline { 
	font-size:1.3em; 
    font-weight:bold;
	text-shadow: -1px -1px 5px rgba(0, 0, 0, .8);
 }
#web-subhead { 
	font-size:0.8em; 
    font-weight:500;
	text-shadow: -1px -1px 5px rgba(0, 0, 0, 1);
 }
 

#web {
	padding: 10px;
    width:auto;
    min-height:650px;
	/*border:1px  solid;*/
}

#headingimg {
    background:#000;
    /*border:rgba(255, 255, 255, 0.3) solid 1px;*/

}

#webcontainer {
	align:right;
	width:81%;
    margin-bottom:10px;
}
 
#web1{
	float:right;
    margin:4px;
    padding:10px;
    width:260px;
}

#web1 #copy { padding-top:10px; }


#web1 #headline { 
	font-weight:500;
	border-bottom:3px rgba(255, 255, 255, 0.3)  dotted;
    padding:8px;
     }

#webthumb img{
	position:relative;
	margin:15px;
    }
    
    
#webthumb2 img{ position:relative; }
    
    
#web #copy p { padding:7px; }

#web #copy .featuretitle{ 
	font-size:1.1em; 
	list-style-type:none;
	text-shadow: -1px -1px 5px #000;
}
    
#featureslist ul{ 
font-size:1.1em; 
list-style-type:none;
}

#featureslist li { padding-bottom:9px;list-style-type:none; }

/*-----------------------------------------------------------------------------*/
/*      Motion Graphics     */
/*-----------------------------------------------------------------------------*/


#video {	
    padding:10px;
 }

#vidcontainer {
	width:100%;
    padding:0px;
    margin-bottom:10px;
}
 
#vid1{
	float:left;
    margin:4px;
    padding:15px;
    width:340px;
	/*background-image:url(Motion-Graphics/300x300_bck.png);
    background-repeat:no-repeat;
    min-height:300px;*/
}

#vidthumb{
	position:relative;
	margin-left:10px;
    padding:10px 10px 10px 25px;
    }

  

#watchit a {
	position:relative;
	text-decoration:none;
	text-shadow: -1px -1px 5px rgb(2, 2, 2);
    font-size:1.5em;
    padding:10px;
    margin:10px;
    font-weight:bold;
    z-index:1;
}


/*-----------------------------------------------------------------------------*/
/*  Side Bar    -- image name container inside of theme folder*/ 
/*------------------------------------------------------------------------------
#sidebar {
	position:relative;
    left:-100px;
	float:left;
    width:310px;
}

#sidebar1 {
	display: block;
	width: 270px;
	height: 126px;

}
#sidebar1:hover {
	background-position: 274px 0px;
}

#sidebar2 {
	display: block;
	width: 270px;
	height: 133px;
}

#sidebar2:hover {
	background-position: 274px -126px;
}
#sidebar3 {
	display: block;
	width: 270px;
	height: 163px;
}

#sidebar3:hover {
	background-position: 274px -259px;
}*/

/*-----------------------------------------------------------------------------*/
/*  main navigation  */
/*------------------------------------------------------------------------------*/

#navigation {
	position:relative;
	/*top:30px;
    width:100%;*/ 
    z-index:1000;   
}

#navigation ul {
	list-style-type:none;
	height: 70px;  /*reflects height of bck image*/
	min-width:990px;
	width:auto;
    padding-top: 10px;
	margin:auto; /*this will center the list within its parent element*/
	letter-spacing: .1em;
	text-align:center;
	}

#navigation .description a{
font-size:10px; 
line-height:12px; 
position:relative; top:3px; width:auto; 
}

#navigation li {
float:left;  /*makes list display horizontal*/
background-image: url(nav-bck1.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 20px;
padding-left: 15px;
}  

#navigation ul a {
/*background-image: url(includes/images/navi_bg_divider.png);
background-repeat: no-repeat;
background-position: right;*/
padding-right: 20px;
padding-left: 15px;
display: block;
line-height: 1em;
width:auto;
text-decoration: none;
text-shadow: -1px -1px 2px rgb(0, 0, 0);
font-size: 1.5em;
margin:auto;
}


/* GLOBAL TAGS */

input{
	/*color: rgba(255, 255, 255, 0.8);*/
	height:25px;
	margin:3px;
	padding:3px;
}

textarea {
	margin:3px;
	padding:3px;
}

#contactform {
	position:relative;
    top:-30px;
	margin:auto;
	width:400px;
    padding:10px;
 }

#formrow {
	margin:auto;
    
 }

#formlabel {
	Color:#fff;
}


/*------------------------------------*/
/* CMS Homepage CSS */ 
/*------------------------------------*/

#home {
	min-height:450px;
	/*min-height:550px;*/
	margin:10px;
	padding:10px;
	line-height:1.5;
}

#form input { 
	height: 42px; 
	display: block; 
	float: left; 
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
	outline: none; 
}

#contact_logo {
	margin:auto;
}


/*-----------------------------------------------------------------------------*/
/*         SUBNAV       */
/*-----------------------------------------------------------------------------*/

#subnav { 
	display: inline-block;
	font-size:14px;
	padding:5px;
	z-index:10;
}

#subnav H1 {
  /*background: #bab9b4;*/
  display: block;
  /*float: left;*/
  font-size: 24px;
  letter-spacing: .1em;
  margin: 0 auto;
  text-shadow: 0 1px rgba(0, 0, 0, .2);
}

#subnav p {
  /*color:rgba(255, 255, 255, .7);*/
  letter-spacing: .1em;
  margin: -5 auto;
 /* text-shadow: 0 1px rgba(240, 240, 240, .2);*/
}

#add {
	padding:10px;
	background:none;
}

#add HR {
	border: 0;
	margin:3px 20px 3px 0px;
	/*margin: -5px 0 -10px 0;*/
}

#subnav a {
	text-decoration:none;
}
#subnav a:hover{
	text-decoration:none;
  	text-shadow: 0 1px rgba(240, 240, 240, .2);
}

/*------------------------------------------------ */
/*      Footer navigation       */
/*------------------------------------------------ */

#underground {
	display:block;
	position:fixed;
    bottom: 0;
	left:0px;
	background-image:url(includes/images/K40.png);
	text-align: center;
	width:100%;
	height:100%;
	font-size:9px;
	z-index:-1;
}

#footer {
	position:relative;
    bottom:0px;
	background-image:url(includes/images/K40.png);
	text-align: center;
	width:100%;
	height:100%;
	color:#FFF;
    padding:30px;
    /*overflow:none;*/
}

#footercontent {
	position:absolute;
    bottom:0px;
   /* overflow:hidden;*/
}


/*.spacer { clear:both; height:80px; width:1000px; }*/

#FooterNav p {
	font-size:.7em;
    color:rgba(255, 255, 255, 0.4); 
    margin:5px 20px;
    
}
#FooterNav a {
	color:#fff;
    text-decoration:none;
  	text-shadow: 0 1px rgba(0, 0, 0, .7);
    font-weight:bold;
}

#FooterNav a:hover {
    text-decoration:none;
	text-shadow: -1px -1px 5px rgba(255, 255, 255, 1);
    color:rgba(255, 255, 255, 0.9); 
}

#Blog {
	padding:10px 35px 10px 35px;
	line-height:1.5;
}
HR {
	margin:3px 20px 3px 0px;

}


/*------------------------------------------------ */
/* LOGIN FORM */
/*------------------------------------------------ */

#loginbox {
	margin:auto;
	top:250px;
	min-height:300px;
	z-index:5000;
	color:#FFF;
}

#login {
	margin-top:200px;
	margin-left:auto;
	margin-right:auto;
	width:350px;
	background-image:url(includes/images/K40.png);
	/*;*/
	-moz-box-shadow: 0 1px 9px #000;
	-webkit-box-shadow: 0 1px 9px #000;
}

.error { font-size:9px; color:#F00; }

/*------------------------------------------------ */








.formheader {
	padding:10px;
}
.formwidth {
	width:100%;
	color:#FFF;
}
.formlabel {
	float:left;
	padding:0px 20px 0px 20px;
    min-width:180px;
	width:180px;
	color:#fff;
	text-align:left;
}
.formrow {
	padding:15px;
}

.formfield {
	float:right;
	margin-right:20px;
	padding: 0px 40px 0px 40px;
}

.formbutton {
	padding:10px;
	text-align:center;
	margin:auto;
}
#formdiv {
	min-height:30px;
	width:auto;
	position:relative;
	}

#Mainform {
	width:auto;
	margin:auto;
}
.timestamptext {
	font-size:10px;
	font-style:italic;
	color:#FFF;
	padding-left:10px;
	position:relative;
	Top: -15px;
}
#mainbox {
	border: /**/ #fff 3px solid;
	}
.tableheadingleft{
	float:left; 
	padding:0px 15px 0px 15px;
	min-width:80px;
}
.leftcolumn{
	min-width:80px;
	float:left;
	padding:10px;
}
#tabletext {
	font-size:12px;
	padding-bottom:10px;
}

#tabletext a{
	color:#333;
	text-decoration:none;
}

#tabletext a:hover{
	color:#000;
	text-decoration:none;
}
#BlogTable{
	position:relative;
	font-size:10px;
	padding:15px;
	line-height:1.5;
}
.settings {
	font-size:14px;
}
.comment {
	margin:15px 30px 15px 30px;
}
.commenttext {
	font-size:14px;
}
.commentcontent {
	font-size:14px;
	margin:0px 10px 0px 10px;
}