/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


a{
	text-decoration: none;
	color: #3b5999;
	}


#pageWrap {background:url(http://static.tumblr.com/f4v0hcn/uRLlx65n9/bg-x.jpg) repeat;position:relative;}
.bodyWrapper {margin:0px auto;	min-width:770px;width:825px;position:relative;}

.topSchool {background:url(http://static.tumblr.com/f4v0hcn/txolx65ol/topschool.png) no-repeat top left;position:absolute;	top:280px;left:20px;width:89px;height:51px;z-index:1;}

.topSpacer {height:80px;}
/*---Start iPad ---*/
.topMarks {background:url(http://static.tumblr.com/f4v0hcn/CDtlx67fq/topmarks.png) no-repeat top right;position:absolute;top:5px;right:10px;width:318px;height:266px;z-index:1;}
.aut {background:url(http://static.tumblr.com/f4v0hcn/RpOlx6cw6/author.png) no-repeat bottom right;position:absolute;bottom:5px;right:5px;width:110px;height:92px;z-index:1;}


.topBox {background:url(http://static.tumblr.com/f4v0hcn/YIhlx65rc/topboxbg.gif) repeat-x top left;height:39px;line-height:39px;color:#838383;	font-size:11px;text-align:right;}

.topBoxWrap {background:url(http://static.tumblr.com/f4v0hcn/21rlx65se/topboxwrap.gif) no-repeat top left;height:39px;padding:0 20px;width: 50px; position:absolute;}
.topBoxPin {background:url(http://static.tumblr.com/f4v0hcn/8Mllx65sy/pin.png) no-repeat top right;height:39px;padding:0 30px; float:right; margin: 11px 10px;}
.topBox .time {color:#fff;}

.toolbar {background:url(http://static.tumblr.com/f4v0hcn/v9Glx65tu/toolbar-bg.png) repeat-x top left;height:45px;line-height:45px;}
.search{background:url(http://static.tumblr.com/f4v0hcn/rmKlx65uc/search.png) no-repeat top right; height: 45px; line-height:45px;margin-right: 20px;}
.ititle a {
                background: #7c8287 url(http://static.tumblr.com/f4v0hcn/hthlx65uz/title-bg.png) repeat-x top left;
                border: 1px solid #49494a;
                -webkit-border-radius:3px;
			    -moz-border-radius:3px;
			    border-radius:3px; 
                float:left;
                padding: 3px 5px;
                margin: 8px 20px;
                line-height: 20px;
                font-family: sans-serif;
                font-size: 14px;
                color: #f0f0f0;
                font-weight: 700;
                text-shadow:0px -1px 0px #5d5d5d;
                -webkit-box-shadow:inset 0px 1px 2px -1px #171717;
			    -moz-box-shadow:inset 0px 1px 2px -1px #171717;
			    box-shadow:inset 0px 1px 2px -1px #171717;
            }


#ipadBody {background:#000 url(http://static.tumblr.com/f4v0hcn/oGRlx65vr/ipadbg.png) repeat-x top;position:relative;z-index:3000;}
.ipadWrap {	background:url(http://static.tumblr.com/f4v0hcn/xfKlx65wr/ipadbottombg.png) repeat-x bottom left;}
.ipadTL {background:url(http://static.tumblr.com/f4v0hcn/s5xlx65xe/ipadtl.png) no-repeat top left; overflow:hidden;}
.ipadTR {background:url(http://static.tumblr.com/f4v0hcn/Fx9lx65y5/ipadtr.png) no-repeat top right;}
.ipadBL {background:url(http://static.tumblr.com/f4v0hcn/FP0lx65ym/ipadbl.png) no-repeat bottom left;}
.ipadBR {background:url(http://static.tumblr.com/f4v0hcn/j7olx65z0/ipadbr.png) no-repeat bottom right;}
.ipadLeft {background:url(http://static.tumblr.com/f4v0hcn/ym6lx65zg/ipadleft.png) repeat-y top left;}
.ipadRight {background:url(http://static.tumblr.com/f4v0hcn/Rl6lx65zr/ipadright.png) repeat-y top right;}
.ipadBody {	padding:60px 50px 15px;}
.ipadButton {
	width:40px;
	height:29px;
	margin:20px auto 50px;
	
}

.postcontainer {
  margin: 50px auto;
  width: 560px;
min-height: 600px;
}

.postcontainer .post {font-size: .8em;}
.post p {
  margin-bottom: 1.1em;
}

.post {
  background: #dfdfdf;
  -moz-box-shadow:    0 1px 5px rgba(0,0,0,.6);
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.6);
  box-shadow:         0 1px 5px rgba(0,0,0,.6);  
  line-height: 1.5; 
  width: 560px;  
  margin: 0 0 50px 0;
  padding: 0;
  -moz-border-radius:    4px;
  -webkit-border-radius: 4px;
  border-radius:         4px;
  *border: 1px solid #686868;
  _border: 1px solid #686868;
font-family: 'helvetica', sans-serif;
}
.date a {
  color: #f0f0f0;
  display: block;
  margin: 0 0 10px 0;
  font-size: 12px;  
  text-decoration: none;
}

.date a:hover {color: #232323;}


.date_and_notes {
  margin: 0 0 0px 0;
  background: #4e4e4e;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4e4e4e), to(#1a1a1a)); 
  background: -moz-linear-gradient(center bottom, #4e4e4e, #1a1a1a);    
  padding: 8px 12px;
  -webkit-border-top-left-radius:  4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft:      4px;
  -moz-border-radius-topright:     4px;
  border-top-left-radius:          4px;
  border-top-right-radius:         4px;  
  text-align: center;  
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  border: 1px solid #1a1a1a;
  -moz-box-shadow:       0 1px 0 rgba(0,0,0,.1);
  -webkit-box-shadow:    0 1px 0 rgba(0,0,0,.1);
  box-shadow:            0 1px 0 rgba(0,0,0,.1);
}  



.date_and_notes a {
  display: block; 
  color: #f0f0f0;
  text-decoration: none; 
  font-weight: bold; 
  cursor: pointer;
  }
  
.date_and_notes a:hover {color: #fff;}

.date_and_notes a:active {
  position: relative;
  top: 1px;
}


.inotes {
  padding: 15px 0px 35px 0px;
  border-top: 1px solid #999;
  margin: 0 30px;
}

.inotes .notes {
  float: left;
  display: block;
  background: #aaa;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
  text-decoration: none;
  color: #fff;
  font-family: "Helvetica Neue", arial, sans-serif;
  font-weight: bold;
  padding: 3px 18px;
  font-size: 11px;
}

.inotes .notes:hover {
  background: #555;
}

.inotes .notes:active {
  position: relative;
  top: 1px;
}

.inotes a.source_link {
  display: block;
  float: right;
  background: #aaa;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
  text-decoration: none;
  color: #fff;
  font-family: "Helvetica Neue", arial, sans-serif;
  font-weight: bold;
  padding: 3px 10px;
  font-size: 11px;  
  margin-left: 5px;
}

.inotes a.source_link:hover {
  background: #555;  
}

.inotes a.source_link:active {
  position: relative;
  top: 1px;  
}


.inotes a.source_link img {
  position: relative;
  top: 2px;
  opacity: .8;
}


.inotes a.tags {
  float: right;
  display: block;
  color: #717a82;
  font-size: 11px;
  padding: 3px 5px;
  text-decoration: none;
}

.inotes a.tags:hover {
  color: #515a62;
}

.inotes a.tags:active {
  position: relative;
  top: 1px;  
}

.text {
  padding: 30px 30px 10px 30px;
  font-family:"Helvetica", sans-serif;
							font-weight:200;
							-webkit-text-stroke:0.1px;
							color:#333;
							font-size:14px;
							line-height:25px;
}

.post .text p {
  margin-bottom: 1.1em;
}
.post.text strong {
							font-weight:700;
							font-family: 'helvetica', arial;
						}

.text h2 {
  font-size: 2em;
  margin: 0 0 10px 0;
}

.text img {
  max-width: 500px;
}

.about {
  width: 540px;
  font-size: 14px; 
  color: #ddd;
  text-shadow: 0 1px 0px rgba(0,0,0,.3);  
  background: rgba(0,0,0,.7);
  *background: #bbbbbb;
  border: 1px solid rgba(0,0,0,.12);
  *border: 1px solid #aeaeae;
  padding: 8px 10px;
  margin: 0 0 0 0;
  -moz-box-shadow:       0 1px 0px rgba(255,255,255,.4);
  -webkit-box-shadow:    0 1px 0px rgba(255,255,255,.4);
  box-shadow:            0 1px 0px rgba(255,255,255,.4); 
  -moz-border-radius:    3px;
  -webkit-border-radius: 3px;
  border-radius:         3px;  
  position: relative;
  top: -30px;
  font-family: sans-serif;
}

.post blockquote {
  border-left: 4px solid #e6e6e6;
  padding: 0 0 0 10px;
  margin: 0 0 10px 0;
}
div.quote {padding: 25px 30px;}

span.quote {
  font-size: 1.8em;
  line-height: 1.2;
  display: block;
  margin-bottom: 10px;
}

/************************
Link
************************/

div.link {
  padding: 15px 30px;
}

div.link a.link{
  font-size: 1.8em;
  line-height: 1.2;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

/***********************
Photo Posts
***********************/

.photo {
  padding: 30px 30px 10px 30px;
}

.caption p{
  margin-bottom: 1.1em;  
}


.photoset_container {
  padding: 30px 30px 10px 30px;
}

.html_photoset {
  margin: 0 0 15px 0;
}


.photo .photo_holder {
  margin: 0 0 15px 0;
  text-align: center;
  width: 500px;
}

.photo .photo_holder img {
  margin: 0 auto;
  -moz-box-shadow:    0 1px 3px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow:         0 1px 3px rgba(0,0,0,.4);  
}




/************************
Audio Posts
************************/

.audio {
  padding: 22px 30px 15px 30px;
}

.audio div.audio_player_container .player_and_caption {
  float: right;
  width: 330px;
}

.audio div.audio_player_container span {
  margin: 0 0 10px 0;
  display: block;
}

.audio .album_art_container {
  width:  160px;
  height: 160px;
  float: left;
  background: transparent url(http://static.tumblr.com/snnreod/SFKl8fjp5/album_art.jpg) top left no-repeat;
}

.audio div.audio_player_container img {
  float: left;
  -moz-box-shadow:    0 1px 2px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
  box-shadow:         0 1px 2px rgba(0,0,0,.5); 
  -webkit-border-radius: 6px;
  border-radius:         6px;   
  
}

.audio .audio_id3 div {
  font-weight: bold;
  margin: 0 0 2px 0;
}

.audio .audio_id3 em{
  font-size: 11px;
  color: #717a82;
  display: block;
  font-weight: normal;
  margin-bottom: -5px;
  font-style: normal;
}


/************************
Video Posts
************************/
.video {
  padding: 30px 30px 15px 30px;
}

.video .caption {
  padding: 10px 0 0 0;
}

/************************
Conversation Posts
************************/

.conversation {
  padding: 30px 30px 0px 30px;
}

.conversation ul {
  list-style: none;
}

.conversation ul li {
  padding: 4px 8px;
}

.conversation ul li .label {font-weight: bold;}

.conversation li.odd {
  background: #e9edee url(http://static.tumblr.com/snnreod/8dZl8fjqo/blue_texture.jpg) top left repeat;
  border: 1px solid #e0e6e8;
  padding: 4px 7px;
}


#nav-bar {
		width:650px;
		margin:0px auto 0px;
		text-align:center;
		height:49px;
		overflow:hidden;
        background: #000 url(http://static.tumblr.com/f4v0hcn/Ucjlx66f1/nav-bg.png);
	}

		#nav {
			height:35px;
			-webkit-padding-start:0;
			margin:9px auto;
			position:relative;
			display:inline-block;
			opacity:1;
		}

		#nav:after {
			content:'.';
			display:block;
			text-indent:-9999px;
			position:absolute;
			left:1px;
			right:0px;
			top:0px;
			height:29px !important;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
			-webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2);
			-moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2);
			box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2);
		}
		
		#nav li {
			float:left;
			list-style-type:none;
			display:block;
			overflow:hidden;
			-webkit-box-shadow:0px 1px 1px #171717;
			-moz-box-shadow:0px 1px 1px #171717;
			box-shadow:0px 1px 1px #171717;
			border-left:1px solid #313131;
			border-bottom:1px solid #313131;
			position:relative;
			z-index:10;
		}

		#nav li:first-child {
			-webkit-border-top-left-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-bottomleft: 4px;
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
			overflow:hidden;
		}


		#nav li:last-child, #nav li:last-child a {
			-webkit-border-top-right-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			-moz-border-radius-topright: 4px;
			-moz-border-radius-bottomright: 4px;
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
		}

			#nav li a {
				font-family:'Helvetica', sans-serif;
				font-weight:700;
				-webkit-text-stroke:0.1px;
				display:block;
				color:#ddd;
				text-decoration:none;
				text-shadow:0px -1px 0px #141414;
				height:29px;
				padding:0 20px;
				font-size:15px;
				line-height:29px;
				-webkit-transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-o-transition: all .25s ease-in-out;
				transition: all .25s ease-in-out;
			}

			#nav li:hover {

			}

			#nav li:hover a {
				
				color: #f0f0f0;
			}

            #search {
			float:right;
			
			height:38px;
			width:150px;
		}

		#search input {
			line-height:14px;
			padding-right:17px;
			padding-left:25px;
			height:46px;
			width:200px;
			background:none;
			outline:none;
			border:none;
			color:#555;
			font-size:14px;
			font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
			font-weight:300;
			letter-spacing:1px;
		}