/*
Theme Name: Diana Magnuson
Theme URI: http://dianamagnuson.com
Description: Diana Magnuson Wordpress theme. 
Version: 1 (WP7.2.1)
Author: middle EAR media
Author URI: http://middleEARmedia.com
Tags: diana, magnuson, illustrator, illustration
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/*
	 Diana Magnuson Illustration
	 by middle EAR media
	 http://www.middleEARmedia.com
*/

/*   Colors
     teal-green:#4CADA6
	 bg-beige:#FFCC67
     menu-beige:#FFD165
     green-text:#006633
	 blue-text:#003399
	 red-text:#990000
*/



/*     Utilities     */
* { margin: 0; padding: 0; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
.clear { clear: both; }
.hide {background-image:none; text-indent:-99999px; }
.center { margin:0 auto; width:627px; }
.align-left {float:left;}
.align-right {float:right;}
.green { color:#006633;}
.blue { color:#003399;}
.small-text {font-size:.8em; line-height:1.2em; margin:0 0 10px 0; }
.lightBorder { border:1px solid #cccccc; padding:5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; color:#999999;}
::selection                         { background: #4CADA6; color: white; /* Safari */ }
::-moz-selection                    { background: #4CADA6; color: white; /* Firefox */ }




/*     Layout     */
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;  font-size: 85%; line-height: 1.4em; width:100%; background-color:#4CADA6; background-image:url(../../../images/bg.jpg); background-repeat: repeat-x; background-position:top; background-attachment:scroll; color:#333333;}
#wrap {margin:20px auto 20px; width:650px;}
#header { height:100px;}
#content-home { float:left; width:100%; height:500px; background-color:#FFCC67; }
#content-wrap { float:left; width:100%; background-color:#FFFFFF;}
#content {margin:0 10px;}
#contentBlog {margin:0 40px;}



#side {width:200px; float:left; margin: 0 0 0 0; padding:0; }
#footer-home {position: relative; height: 60px; clear:both; padding:0px 0 0 0px; margin-bottom:40px; background-image:url(../../../images/footer-home.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#666666;}
#footer {position: relative; height: 60px; clear:both; padding:0px 0 0 0px; margin-bottom:40px; background-image:url(../../../images/footer.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#666666;}


/*     Typography     */

a 									{color:#666699; text-decoration:none; outline:none;}
a:hover								{ color:#996699; text-decoration: none; }
a:focus 							{outline:none!important;}



p { margin: 0 0 10px 0; }

h1, h2, h3, h4, h5, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }
 
h1.page { text-indent:-99999px; text-align:center; background-image:url(../../../images/title_main_white.jpg); background-repeat:no-repeat; display:block; height:100px;}
h1.home { text-indent:-99999px; text-align:center; background-image:url(../../../images/title_main.jpg); background-repeat:no-repeat; display:block; height:100px;}

h2 { font-size:1.4em;  }

h2.bioContact {margin:0 auto; text-indent:-99999px; display:block; height:50px; width:400px; text-align:center; background-image:url(../../../images/title-bio-contact.png); background-repeat:no-repeat;}
h2.biblio {margin:0 auto; text-indent:-99999px; display:block; height:50px; width:400px; text-align:center; background-image:url(../../../images/title-biblio.png); background-repeat:no-repeat;}
h2.portfolio {margin:0 auto; text-indent:-99999px; display:block; height:50px; width:400px; text-align:center; background-image:url(../../../images/title-portfolio.png); background-repeat:no-repeat;}
h2.blog {margin:0 auto; text-indent:-99999px; display:block; height:50px; width:400px; text-align:center; background-image:url(../../../images/title-blog.png); background-repeat:no-repeat;}
h2.graphite {margin:0 auto; text-indent:-99999px; display:block; height:50px; width:400px; text-align:center; background-image:url(../../../images/title-graphite.png); background-repeat:no-repeat;}
h2.storyportraits {margin:0 auto; text-indent:-99999px; display:block; height:50px; width:400px; text-align:center; background-image:url(../../../images/title-story-portraits.png); background-repeat:no-repeat;}
h2.marketplace {margin:0 auto; text-indent:-99999px; display:block; height:50px; width:400px; text-align:center; background-image:url(../../../images/title-marketplace.png); background-repeat:no-repeat;}
h2.schools {margin:0 auto; text-indent:-99999px; display:block; height:50px; width:400px; text-align:center; background-image:url(../../../images/title-schools.png); background-repeat:no-repeat;}

.postTitle {margin-bottom:20px;}
.postTitle a {color:#333333;}
.postTitle a:hover {color:#996699;}

h3 {}

h4 {}
h4.biblio { color:#990000; margin:0 0 0 0;}
h5 {}
h5.biblio { line-height: 1em; margin:0 0 15px 0;}
h6 {}


ul {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type:none; 	
	list-style-position: inside;
	margin:0;
	}
li { margin:0;}	



ol {	

	font-size: 1em;	
	list-style-position: inside;
	list-style-type:
	margin:0;
	}

#meta {
padding:0 10px;
position:absolute;
right:-30px;
text-align:right;
top:-165px;
width:120px;
}


ul#metaNav							{ overflow: hidden; margin: 0px 10px; float:left;}
ul#metaNav a						{ display: block; border:1px solid #999999;  padding:5px 10px; -moz-border-radius: 10px; 		           -webkit-border-radius: 10px; border-radius:10px; color:#999999; float: left; background-color:#FFFFFF; }
ul#metaNav a:hover                  {border:1px solid #666666; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; color:#666666; cursor:pointer; background-color:#FFFFFF; }		


ul#rss { margin:0px; float:right; }
ul#rss a {display:block; width:28px; height:28px; background-image:url(../../../../images/feed-icon-28x28.png); background-position:center; background-repeat:no-repeat;}
ul#rss a:hover {display:block; width:28px; height:28px; background-image:url(../../../../images/feed-icon-28x28-h.png); cursor:pointer;}
ul#rss a span { visibility: hidden; }





#footer-home #copy {position:absolute; top:39px; left:5px;}
#footer-home #mem {position:absolute; top:39px; right:5px;}
#footer-home a { color:#666666;}
#footer-home a:hover { color:#333333;}

#footer #copy {position:absolute; top:39px; left:5px;}
#footer #mem {position:absolute; top:39px; right:5px;}
#footer a { color:#666666;}
#footer a:hover { color:#333333;}


/*     Home Page Nav     */
#side ul li {margin:0px; padding:0px;}
#side ul li a {margin:0px; padding:0px; width:200px; height:40px; display:block; background-repeat:no-repeat;}
a.nav-bio-contact { text-indent:-99999px; background-image:url(../../../images/nav-bio-contact.png); }
a.nav-bio-contact:hover { background-image:url(../../../images/nav-bio-contact-h.png);}
a.nav-biblio { text-indent:-99999px; background-image:url(../../../images/nav-biblio.png); }
a.nav-biblio:hover { background-image:url(../../../images/nav-biblio-h.png);}
a.nav-portfolio { text-indent:-99999px; background-image:url(../../../images/nav-portfolio.png); }
a.nav-portfolio:hover { background-image:url(../../../images/nav-portfolio-h.png);}
a.nav-blog { text-indent:-99999px; background-image:url(../../../images/nav-blog.png); }
a.nav-blog:hover { background-image:url(../../../images/nav-blog-h.png);}
a.nav-graphite { text-indent:-99999px; background-image:url(../../../images/nav-graphite.png); }
a.nav-graphite:hover { background-image:url(../../../images/nav-graphite-h.png);}
a.nav-story-portraits { text-indent:-99999px; background-image:url(../../../images/nav-story-portraits.png); }
a.nav-story-portraits:hover { background-image:url(../../../images/nav-story-portraits-h.png);}
a.nav-home { text-indent:-99999px; background-image:url(../../../images/nav-home.png); }
a.nav-home:hover { background-image:url(../../../images/nav-home-h.png);}
a.nav-marketplace { text-indent:-99999px; background-image:url(../../../images/nav-marketplace.png); }
a.nav-marketplace:hover { background-image:url(../../../images/nav-marketplace-h.png);}
a.nav-school { text-indent:-99999px; background-image:url(../../../images/nav-school.png); }
a.nav-school:hover { background-image:url(../../../images/nav-school-h.png);}




/*     Top Nav Bar     */

#nav {width:595px; margin:0 auto; padding:6px 0 0 0; background-image:url(../../../images/bg-nav.jpg); background-repeat:no-repeat;  }
#top-nav { width:563px; margin:0 auto; }
#top-nav ul li {float:left;}
#top-nav ul li a{ margin:0; padding:0 0 0px 0; height:34px; display:block;}


a.topNavHome { background-image:url(../../../images/top-nav/navbar_01.png); background-repeat:no-repeat; width:72px; height:34; text-indent: -99999px;}
a.topNavHome:hover { background-image:url(../../../images/top-nav/navbar_01_h.png); cursor:pointer;}

a.topNavBioContact { background-image:url(../../../images/top-nav/navbar_03.png); background-repeat:no-repeat; width:126px; height:34; text-indent: -99999px;}
a.topNavBioContact:hover { background-image:url(../../../images/top-nav/navbar_03_h.png); cursor:pointer;}

a.topNavBiblio { background-image:url(../../../images/top-nav/navbar_05.png); background-repeat:no-repeat; width:120px; height:34; text-indent: -99999px;}
a.topNavBiblio:hover { background-image:url(../../../images/top-nav/navbar_05_h.png); cursor:pointer;}

a.topNavPortfolio { background-image:url(../../../images/top-nav/navbar_07.png); background-repeat:no-repeat; width:95px; height:34; text-indent: -99999px;}
a.topNavPortfolio:hover { background-image:url(../../../images/top-nav/navbar_07_h.png); cursor:pointer;}

a.topNavBlog { background-image:url(../../../images/top-nav/navbar_09.png); background-repeat:no-repeat; width:67px; height:34; text-indent: -99999px;}
a.topNavBlog:hover { background-image:url(../../../images/top-nav/navbar_09_h.png); cursor:pointer;}

a.topNavSchool { background-image:url(../../../images/top-nav/navbar_11.png); background-repeat:no-repeat; width:135px; height:34; text-indent: -99999px;}
a.topNavSchool:hover { background-image:url(../../../images/top-nav/navbar_11_h.png); cursor:pointer;}

a.topNavGraphite { background-image:url(../../../images/top-nav/navbar_13.png); background-repeat:no-repeat; width:85px; height:34; text-indent: -99999px;}
a.topNavGraphite:hover { background-image:url(../../../images/top-nav/navbar_13_h.png); cursor:pointer;}

a.topNavStoryPortraits { background-image:url(../../../images/top-nav/navbar_15.png); background-repeat:no-repeat; width:144px; height:34; text-indent: -99999px;}
a.topNavStoryPortraits:hover { background-image:url(../../../images/top-nav/navbar_15_h.png); cursor:pointer;}

a.topNavMarketplace { background-image:url(../../../images/top-nav/navbar_17.png); background-repeat:no-repeat; width:133px; height:34; text-indent: -99999px;}
a.topNavMarketplace:hover { background-image:url(../../../images/top-nav/navbar_17_h.png); cursor:pointer;}


/*     Misc     */
.book-list { width:; margin:0 0px; padding:5px 0;}
.book-list-item { float:left; margin-bottom:20px; width:100%;}







.current-day {}
.current-month {}
.current-year {} 

.search {position:absolute; top:150px; right:160px;}
.black-border {border:1px solid #222222;}

.moreLink { padding:0 5px;}




.button { 
     border:1px solid #222222; 
	 background:#FFD98D; 
	 padding: 5px 8px; 
	 -moz-border-radius: 10px; 
	 -webkit-border-radius: 10px; 
	 border-radius: 10px;
	 color:#333; 
}
.button:hover { 
     background:#F2BD52; 
	 color:#333; 
	 cursor: pointer; 
}
.field { 
     background:#fbfbfb; 
	 color:#333; 
     padding:3px 5px;
	 border:1px solid #222222;  
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px; 
	 border-radius: 10px;
}
.field:hover { 
     background:#eee; 
}

.field:focus {background:eee;}


/*	Typography	*/



a.mem-logo { background-image:url(../../../images/mem-logo2.png); background-repeat:no-repeat; text-indent: -9999px; display:block; width:286px; height:121px;}

a:hover.mem-logo { background-image:url(../../../images/mem-logo2.png); background-repeat:no-repeat; background-position: -286px 0px;}

a.rssIcon			{ background-image:url(../../../images/feed-icon-28x28.png); position:absolute; top:5px; right:5px; }
a.rssIcon:hover { cursor:pointer; }


/*
	BLOG ENTRIES
*/
.post								{ margin: 0 0 15px 0; width:;}
.page								{ margin: 0 0 15px 0; width:; }
.day								{ color:#333333; font-size: 2.2em; font-weight: bold; margin: 0; padding:0 8px 8px;  font-family: Georgia, serif;float:right;}
.month								{ color:#333333; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 0 0 0; padding:0 8px 0px; font-family:Arial, Helvetica, sans-serif; float:right;}
.year								{ color:#333333; font-size: 1em; font-weight: bold; margin:-5px 0 0 0; padding:0 8px 8px; font-family:Arial, Helvetica, sans-serif; float:right;}






/*	Date Calendar Styles	*/

.blog-title-box { height:70px; width:100%; float:left;}

.datebox							{ height:60px; width:40px; float:left; padding: 5px 15px; color:#222222; text-align: right; z-index:21; margin: 0 0px 10px 0px; background-image:url(../../../images/bg-datebox.png); background-repeat:no-repeat; }



.commentscloud {
	padding: 0;
	margin: -20px 0 0 0;
	z-index:20;
	font-weight:bold;
	font-size:.8em;
}

.commentscloud a {color:#999999;}
.commentscloud a:hover {color:#666666;}

/*
	COMMENTS
*/
.commentList { }
.commentList ol li { padding: 5px; border:1px solid #222222; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; background-color:#eeffff;}
.commentList ol li.alt { background-color:#ddffee; margin:5px 0px;}




#side ul li ul li {border:1px solid #224863; margin:2px; padding:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; width:260px; display:block; background:#3096D3;}

.searchForm {position:absolute; top:0px; padding:0 0 20px 0;}
.resultSearchForm { margin:50px 0 0 0; }


.linklove { text-indent:-99999px!important;}
img#wpstats{display:none}