.menufont li  { font-size: 110%; }
.sharelist li a { font-size: 60%; }

body {
  font-family: "Trebuchet MS", 'Arial Black', Verdana, sans-serif;
    height: 100%;
    margin: 0px;
    padding: 0px;
   background:url('http://anniversaryquotes.net/images/anniversaryquotes_net_bg.jpg') no-repeat center fixed;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;}


.rounded {
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -webkit-box-shadow:0 0 2px 0 #6E6E6E;
   -moz-box-shadow:0 0 2px 0 #6E6E6E;
   box-shadow:0 0 2px 0 #6E6E6E;
}

h1
{
	font-size:25px;
}
   
#header {
   text-align:center;
}

#crcontainer {
      padding:0px 0px;
}

.alpha70 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.85);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D2FFFFFF, endColorstr=#D2FFFFFF);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D2FFFFFF, endColorstr=#D2FFFFFF)";
    <!--[if IE]>
      background:transparent;
    <![endif]-->
}


.pagination {
   font-size:1.4rem;
   font-weight:bold;
   padding: 4px;
   text-align:center;
}


#centercolumn {    
   padding: 0px 20px;
}

#rightcolumn { 
      text-align: center;
      position: absolute;
      float: right;
      right: 0; 
      top: 0;
}


#rightcolumn ul {
   margin: 0;
   padding-left: 0;
   padding-bottom:10px;
   padding-top:5px;
}

#rightcolumn li {
   font-family: "Trebuchet MS", Helvetica, sans-serif, Verdana, Arial;
   list-style:none;
   text-align:center;
   font-weight: bold;
   font-size:1.2rem;
   
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow:
    0.7px 0 rgba(200,200,200,0.8),
    0 15px 20px rgba(0,0,0,.55);
  -moz-box-shadow:
    0.7px 0 rgba(200,200,200,0.8),
    0 15px 20px rgba(0,0,0,.55);
  box-shadow:
    0.7px 0 rgba(200,200,200,0.8),
    0 15px 20px rgba(0,0,0,.55);
   background-color: rgba(250,250,250);
   background-color: rgba(250,250,250,0.85);
}

#rightcolumn li a{
   width: 88%;
   text-decoration:none;
   color:#000066;
  padding: 4% 5%;
   display:inline-block;
}

#rightcolumn li {
   margin-top: 6%;   
}


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

.menubutton { 
   display:none; 
};


#leftcolumn {
   width:160px;
   padding:0px 0px;
   display:inline;
   float:left;
   margin: 0px;
}


.social {
   list-style:none;
   display:inline-block;
}

.social li {
    padding:10px;
    float:left;
    text-align:center;   
    display: inline;
}





@media screen and (min-height: 638px) {
   #leftcolumn { padding-top: 10px; }
}

@media screen and (min-height: 750px) {
   #leftcolumn { padding-top: 50px; }
}

@media screen and (min-height: 1050px) {
   #leftcolumn { padding-top: 150px; }
}

@media screen and (min-height: 1400px) {
   #leftcolumn { padding-top: 300px; }
}

@media screen and (min-height: 1800px) {
   #leftcolumn { padding-top: 500px; }
}

#crcontainer {
      top: 0px; 
      float: left; 
      display:inline; 
      margin-left:180px; 
}

#rightcolumn { width:260px; }
#centercolumn { margin-right:260px; }




@media screen and (min-width:715px) {
   #leftcolumn {
      padding: 0px 5px;
   }
   #crcontainer { margin-left: 170px; }
   #rightcolumn { width: 150px; }
   #centercolumn { margin-right: 150px; }
}

@media screen and (min-width:1075px) {
   #leftcolumn {
      padding: 0px 10px;
   }
   #crcontainer { margin-left: 180px; }
   #rightcolumn { width: 200px; }
   #centercolumn { margin-right: 200px; }
}

@media screen and (min-width:1300px) {
   #rightcolumn { width: 260px; }
   #centercolumn { margin-right: 260px; }
}


@media screen and (min-width:1595px) {
   #leftcolumn {
      padding: 0px 15px;
   }
   #crcontainer { margin-left: 190px; }
   #rightcolumn { width: 300px; }
   #centercolumn { margin-right: 300px; width:980px; margin-left:70px;}
}

@media screen and (min-width:1895px) {
   #leftcolumn {
      padding: 0px 25px;
   }
   #crcontainer { margin-left: 210px; }
   #rightcolumn { width: 350px; }
   #centercolumn { margin-right: 350px; }
}

@media screen and (min-width:2300px) {
   #leftcolumn {
      width: 40;
      padding: 0px 50px;
   }
   #crcontainer { margin-left: 240px; }
   #rightcolumn { width: 450px; }
   #centercolumn { margin-right: 450px; }
}


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


.quotecontainer {

    padding-bottom:10px;
    padding-top:5px;
 
/*    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
   -moz-border-radius: 11px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    box-shadow: rgba(200,200,200,1) 0 4px 18px;
*/

   width:100%;
   display:inline-block;
}

.quotemain {
   display:inline-block;
   width: 88%;
}

.quotepicture {
   text-align:center;
/*   width:12%; */
   float:left;
   display: table-cell;
   vertical-align: middle;
   position:relative;
}

.quotepicture span {
   margin-left: 9%;
   margin-right: 4%;
   position:absolute;
   bottom: 5px;
   width:90%;
   left:0px;
   font-size:0.6rem;
}

.googlefont {
    font-family: Paprika, cursive, Verdana, "Segoe UI", sans-serif;
}

.quotetext {
    font-family: Paprika, cursive, Verdana, "Segoe UI", sans-serif;
   width:100%;
}

.sharediv {
    font-family: Paprika, cursive, Verdana, "Segoe UI", sans-serif;
    font-size:0.8rem;
    height:22px;
    overflow:hidden;
    display:block;
}

.quotebuttons {
  font-family: 'Arial Black', Verdana, sans-serif;
   display:inline-block;
   width: 88%;
}

#header img, .quotepicture img{
   border:1px solid #;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}


.quotepicture img {
   margin-left: 0.4em;
}

.quotetext img {
   border:1px solid #;
/*   width: 5%;    */
   float:left;
   margin-right: 0.4em;
/*   margin-bottom: 0.2em; */
}

.generaltext {
   font-size:120%;
	color:#000066;
}

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

.sharelist {
   width: 100%;
   display: block;
   background-color:yellow;
}

.sharelist li {
   margin-left:4%;
   padding:0;
   list-style:none;
   float: left;
   width: 12%;
}

.sharelist li a {
   float: left; 
   vertical-align: bottom;
   text-align: left;
   width:100%;
}

.sharelist li a span {
   padding:0px 0px 0px 0px;
   float: left;
   overflow: hidden;
   width:50%;
   margin-right:2px;
}



.sfacebook    { margin-left: 0%;  height: auto; width:600%; }
.stwitter   { margin-left: -100%;  height: auto; width:600%; }
.semail    { margin-left: -200%;  height: auto; width:600%; }
.saddthis { margin-left: -300%;  height: auto; width:600%; }
.spinterest   { margin-left: -400%;  height: auto; width:600%; }
.sgoogleplus    { margin-left: -500%;  height: auto; width:600%; }



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


#footer {
   position:relative;
   width:100%;
   clear:both;
   margin:0;
   text-align:center;
}
#footer a:link {
   color:#2222FF;
}
#footer a:visited {
   color:#2222DD;
}


div.toolbox_small {
    width: 160px !important;
}
div.toolbox_large {
    width: 260px !important;
}

.article_preview {
   padding:5px;
}

.author {
   color:#333333;
   display:inline;
}

.mainsharebutton {
   display:inline;
   float: right;
}

@media screen and (max-width:600px) {

.social li {
    padding:2px;
}

#leftcolumn {
   display: inline-block;
   width: 100%;
   position: relative;
   height:auto;
}

#crcontainer {
   margin-left:0px;
   margin-right:0px;
   width:100%;
}

#centercolumn 
{ 
/*	width:900px; */
	margin-right:2%; 
   padding: 0px 2px;
}

#rightcolumn { 
   width:100%;
   display:inline-block;
   position:relative;
}

#rightcolumn li {
   width:30%;
   float:left;
   margin-top: 2px;   
}
}


@media screen and (max-width:480px) {

.quotemain {
   width: 95%;
}


.menubutton { 
   font-weight: bold;
   text-decoration:none;
   color:#880000;
   padding: 4% 5%;
   display:inline-block;
   font-size:120%;
};


.pagination {   font-size:1rem; }

}


.quoteimagethumb
{
	border:0px;
	width:90px;
}

#textareaquote
{
	width:300px;
	height:70px;
}

.quoteimageonpage 
{ 
	width:300px; 
	border:0px; 
}
.valentinespic  
{ 
	width:120px; 
	border:1px solid #021a40; 
}
.happyanniversarypic  
{ 
	width:120px; 
	border:1px solid #021a40; 
}
.iloveyoupic  
{ 
	width:120px; 
	border:1px solid #021a40; 
}

@media screen and (min-width:500px)
{
	.quoteimagethumb {border:0px;width:150px;}
	#textareaquote { 	width:600px;	height:70px; }
	.quoteimageonpage { width:500px; border:0px; }
	.valentinespic  { width:400px; border:1px solid #021a40; }
	.happyanniversarypic  { width:400px; border:1px solid #021a40; }
	.iloveyoupic  { width:400px; border:1px solid #021a40; }
}

.morecategories
{
	font-size:20px;
	color:navy;
}