/* 
Theme Name: SR Theme Framework
Theme URI: https://soulriser.net
Description: Basic, minimalist theme framework.
Author: SoulRiser
Author URI: https://soulriser.net
Version: 1.0
Tags: minimalist, framework
*/



/*/ CENTERED MENU /*/

/*/ http://matthewjamestaylor.com/blog/centered-dropdown-menus /*/

/* Main menu settings */
#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   width:100%;
   padding-top:8px;
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:100%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   vertical-align: middle;
   right:50%;
   height:40px;
   /*background:#ddd;*/
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   vertical-align: middle;
   position:relative;
   left:50%;
   top:1px;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:1em;
   line-height:1em;
   text-decoration:none;
   font-weight:bold;
   
	-webkit-box-shadow: 0 0 20px #000;
	-moz-box-shadow: 0 0 20px #000;
	box-shadow: 0 0 20px #000;

}


/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hidden by default */
   position:absolute;
   top:30px;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:300px; /* width of the drop-down menus */
   height:50px;
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.8em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   line-height:150%; /* overwrite line-height value from top menu */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */

}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}





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


.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


/*/ MENU /*/



body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0px;

}

p {
    padding: 10px;
}

#wrapper 
{
    width: 100%;
    min-width: 300px;
    max-width: 2000px;
    margin: 0 auto;
	
	
	
	
	height: 500px;
	
	

}



#navigation 
{
    float: left;
    height: 50px;
    width: 99.999%;
	position: relative;
	z-index: 999;
	

	
}

#header 
{
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
	



}

IMG.headerImage
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}



	#contentliquid 
	{
		float: left;
		width: 100%;

	
	}

	#content 
	{
		/*/background: #afd677;/*/
		background: #fff;
		margin-right: 5%;
		margin-left: 5%;
		padding: 20px;
		
		
		

		
	}

	
textarea#comment 
{
	width: 100%;
	height: 200px;
	border: 1px solid #000;
	padding: 8px;
	font-family: Tahoma, sans-serif;

   -moz-box-shadow:    inset 0 0 10px #777;
   -webkit-box-shadow: inset 0 0 10px #777;
   box-shadow:         inset 0 0 10px #777;
	
}


/*/WORDPRESS THINGS/*/

.alignleft .alignright
{
	padding: 20px;
}

.alignleft {float:left;}

.alignright {float:right;}



	
	
/*/ FOR BIG SCREENS /*/


@media all and (min-width: 1001px) 
{

	#header 
	{
		/*/height: 300px;/*/
		//height: 250px;
		//background-image: url('/wp-content/themes/rainbowdoodlers/Rainbow-Doodlers-Header1280.jpg');
		
	}

}

@media all and (min-width: 1201px) 
{

	#header 
	{
		/*/height: 478px;/*/
		//height: 358px;
		//background-image: url('/wp-content/themes/rainbowdoodlers/Rainbow-Doodlers-Header1280.jpg');
		
	}





}






#rightcolumn 
{
    background: #fff;
    width: 300px;
    margin-left: -300px;
    float: left;
}



h1 {
font-size: 300%;
text-decoration: none;
font-weight: bold;
}

h2 {
font-size: 260%;
text-decoration: none;
}

h3 {
font-size: 220%;
text-decoration: none;
}

h4 {
font-size: 170%;
text-decoration: none;
}

h5 {
font-size: 140%;
text-decoration: none;
}


A:link { text-decoration: none;}
A:visited { text-decoration: none;}
A:active { text-decoration: none; }
A:hover { text-decoration: underline}


h1, h2, h3, h4, h5 { font-weight: strong; line-height: 100%; margin-bottom:-5px;}

h1, h2, h3, h4, h5, TABLE, BODY, P {font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;  }

TABLE, BODY, P { font-size: 16px; text-align: left; line-height: 130%; }

p {margin-bottom: 1px; margin-top: 0px;}




/* 
WIDGETS 
*/


.footer-column 
{
  float: left;
  width: 33.33%;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) 
{
	.footer-column  
	{
		width: 100%;
	}
}


/* Clear floats after the columns */
.boxOfWidgets:after 
{
  content: "";
  display: table;
  clear: both;
}


.widget-title
{
	font-size: 18px;
}

#footerBlock
{

   clear:both;
   float:left;
   margin:0;
   padding:0;
   width:100%;
   padding-top:0px;
   position:relative;

}

.footerBlockSpacing
{
   margin:2%;

}



body 
{



}


/*/ FOR SMALL SCREENS / MOBILE /*/


@media all and (max-width: 1000px) 
{

	#header 
	{
		//height: 224px;
		//background-image: url('/wp-content/themes/rainbowdoodlers/Rainbow-Doodlers-Header600.jpg');
	}

	img
	{
		max-width: 90%;
		height: auto;
	}

	
	
	.boxOfWidgets
	{

			margin-left: 0;
			margin-right: 0;
			width: 100%;
			margin:0 auto;
	}

}


.whiteGlow
{

	background: #fff;
	box-shadow: 0px 0px 30px 30px #fff;
	overflow: auto;

}






body{ overflow-x: hidden; }




/* Remove Stupid Hyphens */

.widget {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    word-wrap: normal;
}

.entry-content,
.entry-summary,
.page-content,
.comment-content {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    word-wrap: normal;
}

.type-attachment .entry-title {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    word-wrap: normal;
}

.entry-caption {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    word-wrap: normal;
}