/*
Theme Name: Rivka Galchen
Author: Ravi Rajakumar
Author URI: http://ravirajakumar.com
*/

/* Reset all css rules */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

a:link {
  color: inherit;
  text-decoration: none;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

body {
  min-height: 2000px;
  font-family: serif;
  color: black;
  font-size: 16px;
  padding: 3em 2em;
  margin: 10em 0 0;
  background-color: #fff;
  background-image: url(/wp-content/themes/rivka/images/bg05.png);
}

#page {
  max-width: 40em;
  position: relative;
  line-height: 1.5;
}

#central {
  position: relative;
  margin-top: 0em;
}

#central h1 {
  position: relative;
  color: #bb4100;
}  

#writing {
  font-family: 'Roboto', serif;
  font-weight: 300;
  position: absolute;
  top: 0em;
  left: 18.5em;
  width: 100%;
}

#writing .content {
  max-width: 20em;
  font-size: .8em;
  margin-top: .5em;
}

#writing h1 {
  font-weight: 400;
  font-size: 2em;
  font-weight: 400;
  margin: .5em 0 3em;
  line-height: 1em;
}

#writing a:link, #writing a:visited {
  font-family: 'Roboto', serif;
  color: #cc5200;
}

#writing a:hover {
  font-weight: 400;
}

#writing a:hover {
  decoration: underline;
}

#writing p {
  margin-bottom: 1.5em;
}

article {
  margin: 0em 0 6em;
  position: relative;
  max-width: 35em;
}

article img {
  max-width: 34em;
}

article p {
  font-family: 'Roboto', serif;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: 300;
}

article .entry-title {
  z-index: 150;
  font-size: 2.75em;
  margin: 0 0 2.75 em;
  font-family: 'Roboto', serif;
  font-weight: 400;
  color: #bb4100;
  line-height: 1em;
}

img.alignright {
  float: right;
  margin: 1em 0 1em 1em;
}

img.alignleft {
  float: right;
  margin: 1em 1em 1em 0;
}

.fragment {
  position: absolute;
  top: 3em;
  left: 1em;
}

#line_left, #line_right, #line_top {
  position: absolute;
}

#line_top, #line_bottom img {
  margin-left: -3em;
}

#line_bottom img {
  margin-top: -7em;
}

/* Phone styles */

@media only screen and (max-device-width: 480px) {
  #writing {
    width: 40em;
  }

  #writing .content {
   max-width: 15em;
  }
}