/*   
Theme Name: "1 Year Online"
Theme URI: http://taylor-addiction.net
Author: Yohanna "Luna"
Author URI: http://taylor-addiction.net
Version: 12
*/

<style type="text/css">
*{-moz-box-sizing: border-box;box-sizing: border-box}
p{margin-top:0px;margin-bottom:1em}
form{margin:0px}
input{padding:1px}
</style>


.
*/
/*************** General rules *************************************/
/*************** General rules *************************************/


a{
color: #28b6e4; 
text-decoration: none; 
padding-bottom: 2px; 

} 
a:hover { 
color: #28b6e4;
text-decoration:  none;
outline:none;

}

body{font: 9px Arial, Helvetica, sans-serif; color:#565656; background: #f7f1dd url(images/bg.jpg) repeat-x; text-align: center; line-height: 1.6em;}

{
font: 9px Arial, Helvetica, sans-serif; 
color:#a2a2a2; 
background: url(images/back.png) repeat-x;
text-align: center; 
line-height: 1.6em;
}

hr {
	display: none;
}

h1{
font: italic 18px 'Verdana', Tahoma, Helvetica, Arial, Sans-serif;
color:#2e5260;
text-align: center; 
text-transform: uppercase;
text-shadow:#c7c7c7 2px 2px
}





h3{
font-size: 1em;
margin-bottom: 0;
text-transform: uppercase;
font-color: #ffffff;
}


fieldset{ 
margin: 0; 
padding: 0; 
border: 0
}


pre{width: 150px;background-color:#88ced3;padding: 10px;
-moz-border-radius:  9px;
	-webkit-border-radius: 9px;
	border-radius:9px;
}

label{
display:block; 
margin: 0 0 5px 0;
}

#container{
margin: auto; 
width: 990px; 
text-align: left; 
position: relative
}


/* header styles */

#header {margin-bottom:3em}
html>body #header {margin-bottom:1em}


#main{
background: url(images/5.png) no-repeat;
margin: 0 0 0 0; 
clear: both;
}



#main img 
{ 	
       background: url(images/im1.png);
       border: 1px solid #dfdfdf; 	
       padding: 3px; 
margin: 1px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;

}
img.float-right 
{
  	margin: 2px 0px 10px 10px;  
}
img.float-left 
{
  	margin: 2px 10px 10px 0px;
}  	
  

#main a:hover img
{	
       border: 1px solid #28b6e4; 
	
       background: url(images/im2.png);
	
} 
img a:hover 
{ 
          background-color: transparent;

          border: none;
margin: 1px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;

}


#content{  
display: inline;
float: right; 
width: 570px; 
margin-left: 20px;

}

#content blockquote {	
background: #2e5260 url() no-repeat top right;
padding: 5px; 
margin: 20px;
border: 0px solid #c8c8c8; 
color: #ffffff;
	-moz-border-radius:  6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}

#content img
{ 	
       background: url(images/im1.jpg);
       border: 1px solid #567e8d; 	
       padding: 6px; 
margin: 1px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
   /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.9;

}

img.float-right 
{
  	margin: 5px 0px 10px 10px;  
}
img.float-left 
{
  	margin: 5px 10px 10px 0px;
}  	
  

#content a:hover img
{       border: 1px solid #28b6e4; 
} 
img a:hover 
{ 
       background-color: transparent;

          border: none;
margin: 1px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.9;

}




#content div.inner div.bottombg{
background: transparent url(images/downcont.png) no-repeat bottom left; 
padding: 0 20px 5px 50px 
}

a {
	color: #cb9221;
outline:none;
}

#content a:hover {/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}



strong {
	background: inherit;
	color: #1e404e;
text-shadow:#ebebeb 1px 1px
}


#content div.inner div.bottombg .buffer{
margin-right: 30px; 
}

#content div.inner div.mainbg{
position: relative; 
background: transparent url(images/contentmiddle.png) repeat; 
margin-bottom: 20px;
 }

#content div.inner h1{ 
margin: 0;
margin: 0; 
weight: 570px;
height: 30px;
padding: 10px 50px 70px 50px; 
background: transparent url(images/topcont.png) no-repeat top left; 
color: #2e5260
}

#content div.inner h1 a{
color: #12323e;
border: 0;

}

#content div.inner .comments{
position: absolute; 
padding: 10px 0px 10px 50px; 
top: 15px; right: 10px;
width: 70px; 
height: 100px; 
text-align: center; 
font: 25px Georgia, "Times New Roman", Times, serif; 
color: #12323e; 
line-height: 60px;
}

#content div.inner .comments a{
color: #111111;  
}

#content div.posted{color:#12323e; padding-bottom: 10px;}
#content .postfooter{ 
padding: 0 20px 100px 50px;

}


#content .calendar{
position: absolute; 
padding: 10px 0px 0px 5px; 
top: 20px;
width: 60px; 
height: 60px; 
float: left; 
margin: 10px; 
text-align: left
}

#content .calendar small{
font: 9px Arial, Helvetica, sans-serif; 
margin: 0 0 0 14px; 
color: #cccccc; 
line-height: 1.5em; 
text-transform:uppercase;
display: block
}

#content .calendar strong{
font: bold 14px Arial, Helvetica, sans-serif; 
color: #cccccc; 
margin: 0 0 0 18px; 
line-height: 1.5em;
display: block
}

#content .navigation .alignleft{margin-left: 15px}
#content .navigation .alignright{margin-right: 15px}
#home #content .navigation a{color: #1e596f
}

#postfooter .byline {
        float: left;
	text-transform: uppercase;
	font-size: 9px;
        color: #ffffff;
}

#sidebar{ 
float: left; 
width: 300px; 
margin-left: 53px;
body-font: #ffffff;


}
#sidebar img 
{ 	
       background: url(images/im1.jpg);
       border: 1px solid #567e8d; 	
       padding: 3px; 
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
 
}

img.float-right 
{
  	margin: 5px 0px 10px 10px;  
}
img.float-left 
{
  	margin: 5px 10px 10px 0px;
}  	
  

#sidebar a:hover img
{	
       border: 1px solid #28b6e4; 
	
       background: url(images/im2.jpg);
} 
img a:hover 
{ 
          background-color: transparent;

          border: none;
margin: 1px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;

}



#sidebar a{
background: none;
border: none;
}

#sidebar a:hover {/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;}

#sidebar div.main {
width: 300px;
background:transparent url(images/sidemiddle.jpg) repeat;
margin-bottom: 10px;
}

#sidebar div.middle{
background:transparent url(images/topside.png) no-repeat top left; 
padding-top: 173px
}

#sidebar div.bottom{
background:transparent url(images/downside.png) no-repeat bottom left;
padding: 0 8px 60px 8px;
}



#sidebar ul {
	text-align: left;
        background: #bbc79a;
	margin: 10px 8px 8px 8px; padding: 0;
}
#sidebar ul li {
        border-top: 2px solid #fee3ea;
	padding: 0px 0px;
	margin: 0;		
}
* html body .sidebar ul li {
	height: 1%;
}
#sidebar ul li a:hover {
	color: #23c1e9;
	padding-left: 0;	
	font-weight: bold;	
}
#sidebar ul li a span {
	color: #9F9F9F;	
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-style: normal;
	font-weight: normal;	
	font-size: .9em;
}
#sidebar ul li a:hover { 
color: #565656; 
border: none; 

}
#sidebar ul ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul ul li { background: none; 

}



#sidebar .twitter{background: url(images/tweet-bg-trans.png) no-repeat bottom right; min-height: 160px; margin: 0; padding-bottom: 10px;}
#sidebar .twitter li{font: 12px Georgia, "Times New Roman", Times, serif; color:#873333;margin: 0 60px 20px 0;}
#sidebar .twitter li span{font-size: 12px; color: #CF7474}
#sidebar .twitter li:first-child{font-size: 21px; margin: 0 0 20px 0;}





#comments ol, 
#comments ol li{margin: 0; padding: 0}
#comments ol li{padding: 20px 30px; margin: 0; }
#comments ol li strong{font:18px Georgia, "Times New Roman", Times, serif}
#comments ol li.alt{}
#comments ol li.author{}
#comments ol li.author a{color: black}
#comments img.avatar{float: left; margin: 0 15px 10px 0}
#comments div.comment-body{clear:both; margin: 0 0 0 64px}
#comments h2{margin-left: 30px}
#comments h3, 
#comments form{margin: 10px 0 25px 96px;

}

#footer {
        
	background: url(images/footer.png) no-repeat;
        background-position: center;
	margin: 0px auto;
	margin-bottom: 0;
	padding-top: 215px;
	text-align: center;
	text-transform: uppercase;

}

#footer a{
 color:#707070; 
}

#footer a:hover{
text-transform: uppercase;
color: #67c9e9;
}


/* set millions of background images */
.rbroundbox { background: #89c7de; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 5px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 30%; margin: 1em auto; }


/* Clear Styles */
.clearboth{clear: both}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}