/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, 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 {
	border: 0;
	font-family: inherit;
	font-size: 12px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #def;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}




/*univs*/

body {font-family: Arial; font-size: 11px; color: #675986;}

h1, h1 a {font-family: Arial; font-size: 40px; line-height: 45px;}

h2 {font-family: Arial; font-size: 25px; line-height: 35px; background: #e8f0e0;}

a {color: #6C7586; text-decoration: none;}
a:hover {color: #474246;}

a, input {-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.post-edit-link {display: none;}



/*frame*/
body {width: 100%; position: relative; margin: 0 auto 100px auto; background: #e8f0e0 url(images/header2.jpg) repeat-x center -60px}
#page {width: 730px; margin: 0 auto; }


/*top*/
#branding {padding-top: 18px;}
#site-title a {color: #3f3808; font-weight: semi-bold;}
#site-title a:hover {color: #cfd8b8; }

#site-description {
  position: relative;
  left: 36px;
  top: -13px;
}


.current-menu-item a {font-weight: bold;}


/*left*/
.menu-left-container {width: 90px; text-align: right; float: left; margin-top: 40px}
.menu-left-container a {font-size: 16px; padding-bottom: 20px; display: block;}


/*main*/
#primary {float: right; width: 615px; border-left: 1px solid black; margin-bottom: 20px;}

.entry-title{text-align: right; border-bottom: 1px solid black; position: relative; top: -25px; font-family: arial;}

h1.entry-title, h1.entry-title a { font-family: arial; font-size: 20px}

.attachment-small-feature { 
  float: left; 
  display: block; 
  margin: 25px 0px 25px 40px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, .3);
  box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, .3);
}

.entry-left {float:left; width: 240px;}

.entry-content {float: right; width: 350px; line-height: 16px; margin-top: 20px;}
.entry-content p {margin-bottom: 15px; font-family: arial; font-size: 12px;}
.entry-content a {font-family: arial; font-size: 12px; color: #33E;}
.entry-content a:hover {font-family: arial; font-size: 12px; color: #380;}



/*bottom*/
#colophon {clear: left; float: left; width: 645px; margin: 20px 0 0 0; padding: 3px 8px; background: url(images/footer3.jpg) repeat-y left top}
#colophon a {color: #33E; padding: 2px 0;}
#colophon a:hover {color: #BCC5D6; }

#vcard {float:left; width:600px;}

#vcard-left {float:left; width:160px; color: #FFF;}
#vcard-left a {color: white; padding: 2px 0;}
.tel {padding-bottom:15px; }

#vcard-right {float:right; margin-left:200px; line-height:14px; color: #675986; }
#vcard-right a {color:#33E; }
#vcard-right a:hover {color: #380; }