/*
  optimiced.com - intro page CSS styles (2006/Oct, 2010/May)
  (c)HTML/CSS & graphics by Michel Bozgounov, www.optimiced.com
  Design & code powered by Adobe Dreamweaver, Adobe Fireworks, Web Standards, ThinkPad, and Jacobs Monarch coffee ;-)
*/

html {
overflow-y: scroll;
}

body {
margin: 0;
padding: 0;
color: #666;
background: #F0F0F0 url(../img/body-background.png) 0 0 repeat;
/*background: #FFF;*/
font-family: Verdana, Tahoma, Helvetica, "HelveticaNeueLT Std Lt", sans-serif;
font-size: 62.5%;
line-height: 1.5;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}

h1 {
position: absolute;
left: -9999px;
}

a {color: #95B2D0; font-weight: bold;}
a:hover, a:focus, a:active {color: #5E8AB8;}



#header {
width: auto;
height: 260px;
background: url(../img/header-background.png) 0 0 repeat-x;
/*background: url(../img/header-i2.png) 0 0 repeat-x;*/
margin: 0;
padding: 30px 0 0 0;
}

#header-i {
width: 980px;
height: 300px;
background: url(../img/header-i.png) 0 0 no-repeat;
margin: 0 auto;
padding: 0;
position: relative;
}

#header #r {
width: 940px;
height: 240px;
margin: 0;
padding: 0;
}
#header #r img {
margin: 0;
padding: 30px 0 0 30px;
vertical-align: bottom;
}


#nav {
position: absolute;
left: 30px;
bottom: 30px;
font-family: Georgia, "Times New Roman", Times, serif;
background: url(/img/transparent.png) 0 0 repeat-x;
width: 920px;
height: 30px;
border-top: 10px solid rgba(0, 0, 0, 0.35);
border-bottom: 10px solid rgba(0, 0, 0, 0.2);
/* border-top: 10px solid rgba(255, 255, 255, 0.3);
   border-bottom: 10px solid rgba(255, 255, 255, 0.3); */
}
#nav ul {
list-style: none;
font-size: 1.8em;
font-weight: bold;
margin: 0 5px;
padding: 0;
line-height: 1.6;
}
#nav li {
margin: 0;
padding: 0;
display: block;
float: left;
text-transform: lowercase;
letter-spacing: 1px;
}
#nav a {
color: #FFF;
text-decoration: none;
text-shadow: #333 1px 2px 3px;
display: block;
min-height: 31px;
/* background: url(/img/transparent.png) 0 0 repeat-x; */
/*  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;*/
margin: -5px 0 -5px 0;
padding: 5px 20px 4px 20px;
}
#nav a:hover, #nav a:focus {
background: url(/img/transparent.png) 0 -50px repeat-x;
margin: -5px 0 -5px 0;
padding: 5px 20px 4px 20px;
}
  #nav a:hover {outline: none;}

body.homepage #nav #home a,
body.home #nav #blog a/*, body.single #nav #blog a*/,
body.category-daily-photo #nav #photos a,
body.page-id-5 #nav #portfolio a,
body.page-id-2 #nav #about a,
body.page-id-32 #nav #contact a {
background: url(/img/transparent.png) 0 -100px repeat-x;
margin: -5px 0 -5px 0;
padding: 5px 20px 4px 20px;
}


#container {
width: 960px;
height: auto;
min-height: 890px;
margin: 50px auto;
padding: 0;
position: relative;
background: #FFF;
  -moz-box-shadow:0 0 6px rgba(99,99,99,.3);
  -webkit-box-shadow:0 0 6px rgba(99,99,99,.3);
box-shadow:0 0 6px rgba(99,99,99,.3);

background: #FFF url(/img/faux-columns.png) 0 0 repeat-y;

}


#content {
width: 620px;
height: auto !important;
margin: 20px 0 0 20px;
padding: 0;
float: left;
font-size: 1.3em;
background: #FFF /*url(../img/col1.png) top right repeat-y*/;
height: 900px;
}
#content a img {
	border: 0;
  -moz-box-shadow:0 0 4px rgba(99,99,99,.1);
  -webkit-box-shadow:0 0 4px rgba(99,99,99,.1);
box-shadow:0 0 4px rgba(99,99,99,.1);
}
#content a:hover img {
	  -moz-box-shadow:0 0 4px rgba(99,99,99,.3);
  -webkit-box-shadow:0 0 4px rgba(99,99,99,.3);
box-shadow:0 0 4px rgba(99,99,99,.3);
}

#content img {
max-width: 600px;
}

#sidebar {
width: 300px;
height: 600px;
margin: 0 0 0 20px;
float: left;
}

#side-ads {
width: 280px;
/*background: #FAFAFA;*/
padding: 20px 0 10px 20px;
}
#side-ads a {
	display: block;
	float: left;
	width: 125px;
	height: 125px;
	margin: 0 10px 10px 0;
}
#side-ads a img {
	border: 0;
	vertical-align: bottom;
}



#logo a {
background: url(../img/logo.png) 0 0 no-repeat;
display: block;
width: 195px;
height: 195px;
position: absolute;
top: 32px;
right: 0;
}
#logo a:hover {
/* background: url(../img/logo.png) 0 -195px no-repeat; */
}







#quote {
position: absolute;
left: 20px;
top: 10px;
margin: 0;
padding: 10px;
width: 650px;
height: 173px;
/* border: 1px solid #EEE; */
/*  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;*/
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.55em;
background: url(../img/quote.png) 0 0 no-repeat;
color: #666;

}
#quote .more {
font-family: Verdana, Tahoma, Helvetica, "HelveticaNeueLT Std Lt", sans-serif;
position: absolute;
bottom: 10px;
left: 8px;
margin: 0;
padding: 5px 10px;
width: 640px;
text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
	border-radius: 8px;
background: #FAFAFA;
font-size: .7em;
}
#quote .more:hover {
	background: #F1F1F1;
}

#footer {
width: auto;
height: 200px;
margin: auto;
position: relative;
background: url(../img/footer-background.png) bottom left repeat-x;
}
#footer-i {
width: 960px;
min-height: 200px;
margin: 0 auto;
padding: 0 0 10px 0;
position: relative;
background: #FFF;
  -moz-box-shadow:0 0 8px rgba(99,99,99,.3);
  -webkit-box-shadow:0 0 8px rgba(99,99,99,.3);
box-shadow:0 0 8px rgba(99,99,99,.3);
}
#note {
background: rgba(255,255,255,0.35);
position: absolute;
bottom: -35px;
left: 0;
width: 960px;
text-align: center;
}
#note p {
margin: 0;
padding: 5px;
}

#performance {
display: none;
}








/*

optimiced.com redesign:

> http://stuffandnonsense.co.uk/blog/about/proportional_leading_with_css3_media_queries
> http://justintadlock.com/archives/2010/08/16/frameworks-parent-child-and-grandchild-themes
> to read further http://briancray.com/page/9/
> MAKE an EFFECTIVE website: http://briancray.com/2009/03/05/guidelines-for-highly-effective-websites/
> use http://userfly.com/ - free - for better stats and user patterns!
> VERY useful: http://speckyboy.com/2010/08/04/top-10-country-flag-icon-sets/ - FLAGS
> http://wordpress.org/extend/plugins/math-comment-spam-protection/
> http://flyosity.com/tutorial/crafting-subtle-realistic-user-interfaces.php
> http://mingle2.com/blog/view/how-i-built-mingle2
> http://365psd.com/day/165/ > plus FW IDES! 365 PNGs???

*/