/*
------------------------------------------------------------------------
Theme Name:Breathe
Theme URI:http://marcodonnarumma.com
Description:Portfolio multimedia style WordPress theme.
Version:1.0
Author:Marco Donnarumma
Author URL:http://marcodonnarumma.com
------------------------------------------------------------------------
*/


/*
-----------------------------------------
RESET
----------------------------------------- 
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold;font-size:1.1em}
em{font-style:italic}

.cv-events em{font-style:normal;font-weight:bold}
.cv-events a{text-decoration:none;color:#222222}


a img{border:none}
.separator {margin:1.5em 0em 3em 0em;border-bottom:5px solid #D2D2D2}

h1, h2, h3, h5, h5, h6{font-weight:bold}

/* HIDE WP-STATS SMILEY */
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}



/* FONTS */

@font-face {
  font-family: 'dinprolight';
  src: url('fonts/dinprolight.eot');
  src: url('fonts/dinprolight.eot?#iefix') format('embedded-opentype'), url('fonts/dinprolight.woff') format('woff'), url('fonts/dinprolight.ttf') format('truetype'), url('fonts/dinprolight.svg#dinprolight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sleep';
  src: url('fonts/sleep.eot');
  src: url('fonts/sleep.eot?#iefix') format('embedded-opentype'), url('fonts/sleep.woff') format('woff'), url('fonts/sleep.ttf') format('truetype'), url('fonts/sleep.svg#dinprolight') format('svg');
  font-weight: normal;
  font-style: normal;
}




/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:10px auto}
.alignleft{float:left;padding-right:60px}
.alignright{float:right;padding-left:20px}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}
.clear-query{clear:both;height:4em}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{height:100%}

body{font-size:63.5%; font-family:dinprolight,sans-serif; color:#222; margin:0 auto -80px; text-align:center;background:#ece9e6 url(images/body-bg.jpg) repeat-x top center}

#page-wrap{width:720px; min-height:100%; height:auto !important; height:100%; margin:50px auto -80px; padding-left:10px; padding-right:10px; text-align:left}

.content{width:720px; float:left}
.content-blog{width:550px; float:left;padding-top: 3em;}
.content-archive-blog{width:550px; float:left;}
.content-bio{width:800px; float:left}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/
p{color:#222; font-size:1.4em; line-height:2.3em; margin-top:1.5em; margin-bottom:1em; text-align:left;}

p a, p a:visited{border-bottom:1px dotted #333333; color:#222222; text-decoration:none}

p a:hover{color:#000000; text-decoration:none}

.archive-header{font-size: 94%;background-color: #222222;margin: 2.9em 0px 4em 0px;padding-left:1em;}
.archive-header p{color:#d1d1d1;}

hr{ width:80%; background-color:#c1c1c1; margin:30px auto;}

h1{font-size:1.4em; font-weight:bold; }

h1, h2, h3, h4 {font-family:'dinprolight';}


blockquote {font: 1em italic Times, serif;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  background-color: #dadada;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
  background-image: url(images/openquote4.gif);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;}
blockquote p {color:#222222; }

.post h2{text-transform:none; padding-bottom:9px; border-bottom:1px solid #C9C9C9; margin-top:0; margin-bottom:0;font-weight:normal;color:#616161;letter-spacing:0.05em;font-size:2em;text-shadow:0 0 10px #B4B4B4;background-color:transparent}

h4 {font-size:1.8em; color:#222; padding-bottom:4px; border-bottom:; margin-top:22px; margin-bottom:28px; font-weight:bold}
h2 {font-size:1.8em; color:#c1c1c1; padding:4px; border-bottom:; margin-top:22px; margin-bottom:28px; font-weight:bold;}

h3{color:#131313; font-size:2.2em; font-weight:bold; padding-bottom:4px}

h3 a{text-decoration:none; color:#222}

h5 {margin-top:34px}

h5 a {font-weight:bold;background-color:#474747;color:#FFFFFF;padding:5px;text-decoration:none;margin-top:20px}

h5 a:hover {background-color:#FFFFFF;border:1px solid #BCBCBC;color:#222222}

.post ul li, 
.post ol li, .tab_areas ol li, .tab_areas ul li {font-size:1.2em; list-style-type:circle; margin:5px 0 5px 15px}
.tab_areas a:link, .tab_areas a:visited {background-color: #A0CDEC;color: #222222;padding: 3px;text-decoration: none;border-bottom:none}


#reply{border-bottom:4px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px}

.wp-caption-text {font-size:1em;text-align:center;margin:0px;}

.wp-caption{-moz-border-radius:3px 3px 3px 3px;background-color:#F3F3F3;border:1px solid #DDDDDD;padding-top:4px;text-align:center;}

/*
-----------------------------------------
TOP
----------------------------------------- 
*/
#top{margin-top:55px; padding-bottom:150px}

#intra-link{width:17%;float:right;margin-top:12px;}

#intra-link a, #intra-link a:visited{color:#fff;background-color:#BCB2AA;text-decoration:none;letter-spacing:0.3em;padding:0.7em;border-radius:1em 4em; -moz-border-radius:1em 4em; -webkit-border-radius:1em 4em;font-size:1.15em;letter-spacing:0.1em}

#intra-link a {transition:background-color 0.7s ease;}

#intra-link a:hover{background-color:#222222}

#site-description {float:right;text-align:right;width:283px;}

h1.logo {width:393px;height:35px;float:left;background:transparent url(images/name-logo.jpg) no-repeat top center;margin-bottom:30px}

h1.logo a{color:#8C8C8C;float:left;font-family:"Din",sans-serif;font-size:1.2em;font-weight:normal;height:35px;letter-spacing:0.5em;text-decoration:none;text-indent:-9999px;text-transform:uppercase;width:100%;}

#navbar{clear:left;float:left;margin-top:1em;width:100%;font-family:"Din", sans-serif}


#nav {font-family:'sleep';float:left; list-style:none}

#nav li{display:inline}
#nav a * {display:none}
#nav a, #nav a.hover{font-size:1.8em;text-decoration:none;text-transform:uppercase;letter-spacing:0.4em;margin-right:10px;padding:5px;float:left;}

#nav a {transition: color 0.6s ease; color:#9C9C9C;padding-left:9px}
#nav a:hover{color:#131313;}

#nav a.current_page_item, #contact a.current_page_item {color:#A61B1B; text-decoration:none;border-bottom:2px solid #383838}



#contact{font-family:'sleep';float:right;list-style:none;margin-right:30px;margin-top:4px}
#contact ul{width:100%}
#contact li{display:inline}
#contact a * {display:none}

#contact a, #contact a.hover{font-size:1.8em;text-decoration:none;text-transform:uppercase;letter-spacing:0.4em;margin-right:10px;padding:5px;}


#contact a {transition: color 0.6s ease; color:#131313;}
#contact a:hover{color:#9C9C9C;}



/*
-----------------------------------------
PAGE XTH SENSE
----------------------------------------- 
*/

.col1{display:block;float:center;display: block;padding: 20px;width: 680px;}
.col1 a{color:#333333;text-decoration:none;font-weight:bold;text-shadow: -1px 7px 1px #E0E1E2;}
.col1 a:hover{color:#222222}
.col1 ul li, .col1 ol li{list-style:none;display:inline;font-size:2em}
.col1 ul li{padding:10px 18px 10px 10px;}
.tabs-bio {padding:17px 0px 0px 0px}

.col2{width:720px;float:left;background-color: #F5F5F5;padding-bottom:2em; border-radius:3em; -webkit-border-radius:3em; -moz-border-radius:3em}
.col2 p, .col2 h4, .col2 ol, .col2 ul {padding: 0px 20px;}
.col2 em {font-style: normal;font-weight: bold;}

.terms{padding:10px 20px; background-color:#d2d2d2;font-color:#454545;line-height:1.8em;font-size:13px;text-align:justify;width:600px;margin: 30px 0 30px 40px;}

/*
-----------------------------------------
PAGE BIO
----------------------------------------- 
*/

.col1new{display:block;float:right;width:70px;}
.col1new a{color:#424242;text-decoration:none;font-size:1.1em}
.col1new a:hover{color:#222222}
.col1new ul li, .col1 ol li{list-style:none;border-bottom:1px dotted #c2c2c2}
.col1new ul li{padding:10px 0px 10px 0px;}


.col2new{width:700px;float:left;border-right:1px dotted #c2c2c2;padding-right:20px}
.col2new h5{font-weight:normal}



/*
-----------------------------------------
FEATURED WORKS
----------------------------------------- 
*/

#featured{margin-top:17px;width:120%}

.front-post{width:240px; height:180px; margin-right:0px; position:relative; margin-bottom: 120px;}

.front-post-last{width:240px; float:left}

.featured-content{position:relative; width:240px}

.featured-content p{margin-top:1em}

.featured-post{position:relative; width:720px; height:180px; margin-bottom:0}

.featured-title h2 {border-bottom:0 none;font-size:1.1em;line-height:1.4em;margin:-134px 18px 7px;padding-bottom:6px;text-transform:none;}
.featured-cal-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0}
.featured-title h2 a{font-size: 3.1em;display: block;font-weight: normal;color: #ffffff;text-decoration: none;border-bottom: 0;line-height: 41px;text-align: center;}
.featured-title h2 a:hover, .featured-cal-title h2 a:hover{color:#fff}

.featured-title{background:transparent; display:block; z-index:101; width:42%; height:28px; bottom:0;position:absolute; z-index:2;opacity:0.5}

.featured-image{position:absolute; z-index:1}

.featured-content h2{margin-top:15px}
.featured-content h2 a{color:#0b96d0; text-decoration:none}
.featured-content h2 a:hover{color:#000}

.featured-description{border-left:1px dotted #999999;height:58px;margin-top:2em;margin-bottom:4em;position:relative;text-align:left;width:720px}
.featured-description p {font-size:1.2em;padding:15px;text-align:left}
.featured-description a:link, .featured-cal-description a:link {text-decoration:none}
.featured-description a:hover, .featured-description a:visited, .featured-cal-description a:hover, .featured-cal-description a:visited {text-decoration:none}

/* RESEARCH BLOG */

#blog{margin-top:17px;width:100%}

.front-blog, .front-blog-g {border-bottom:10px solid #222222;float:left;margin-bottom:8em;margin-right:0;margin-top: 0.4em;width:550px;}
.featured-blog{position:relative; width:550px;height:31px; margin-bottom:0}

.blog-description{border-left:1px dotted #999999;height:100%;margin-top:1em;margin-bottom:4em;position:relative;text-align:left;width:550px}
.blog-description p{padding-left:15px}
.blog-description ul{padding-left:30px;line-height:1.6em;word-spacing:0.06em;}
.blog-description li{list-style:disc outside none;}
.blog-description li a{border-bottom:1px dotted #333333;color:#222222;text-decoration:none;}

.blog-title{display:block; bottom:0;position:absolute; z-index:2;border-bottom:1px dotted #999999;width:550px}
.blog-title h2 a{font-weight:normal;color:#222222; text-decoration:none; border-bottom:0}
.blog-title h2{ margin:8px 10px 7px; line-height:1.4em; font-size:2em; text-transform:none; padding:0px; border-bottom:0;font-weight:normal;color:#222222;background-color: transparent;}

.blog-date {float:right;margin-top:9px}

.post-metadata{background-color:#222222;color:#F2F2F2;padding:10px 0 0 15px;}
.post-metadata a, .post-metadata a:visited{color:#F2F2F2}
.post-metadata a:hover{color:#F2F2F2;text-decoration:none}

.post-meta-key{visibility:hidden}

.event-title{float:left;width:550px;margin:0px}
.event-title p {background-color:#222222;color:#FFFFFF}

.past-events{float:left;width:550px}

.pages{margin:10px}
.pages a{color: #222;font-size: 1.5em;margin-bottom: 0;margin-top: 28px;text-align: left;background-color: transparent;padding: 0px 0px 4px 0px;}
.older{float:left}
.newer{float:right}


/*
-----------------------------------------
PRESS ICONS
----------------------------------------- 
*/

#press-icons {width:100%;float:right;text-align:center;margin-top: 30px;}
#press-icons li{display:inline;margin-bottom: 35px}
#press-icons li a {border:transparent;background: none}

.press-weave, .press-cdm, .press-cs, .press-gatech, .press-inspace, .press-rtvees {clear: right;
float: left;
height: 50px;
margin: 0px 17px 20px 38px;
text-align: center;}


.press-weave {width:210px;background: transparent url(http://marcodonnarumma.com/wp-content/themes/Breathe1.0/press-icons/weave.png) no-repeat scroll top left}
.press-cdm {width:106px;background: transparent url(http://marcodonnarumma.com/wp-content/themes/Breathe1.0/press-icons/cdm.png) no-repeat scroll top left}
.press-cs {width:106px;background: transparent url(http://marcodonnarumma.com/wp-content/themes/Breathe1.0/press-icons/cs.png) no-repeat scroll top left}
.press-gatech {width:282px;background: transparent url(http://marcodonnarumma.com/wp-content/themes/Breathe1.0/press-icons/gatech.png) no-repeat scroll top left}
.press-inspace {width:148px;background: transparent url(http://marcodonnarumma.com/wp-content/themes/Breathe1.0/press-icons/inspace.png) no-repeat scroll top left}
.press-rtvees {width:160px;background: transparent url(http://marcodonnarumma.com/wp-content/themes/Breathe1.0/press-icons/rtvees.png) no-repeat scroll top left}


.press-weave a, .press-weave a:visited {width:210px; height:50px;clear:right;float:left;}
.press-cdm a, .press-cdm a:visited {width:106px; height:50px;clear:right;float:left;}
.press-cs a, .press-cs a:visited {width:106px; height:50px;clear:right;float:left;}
.press-gatech a, .press-gatech a:visited {width:282px; height:50px;clear:right;float:left;}
.press-inspace a, .press-inspace a:visited {width:148px; height:50px;clear:right;float:left;}
.press-rtvees a, .press-rtvees a:visited {width:160px; height:50px;clear:right;float:left;}


/*
-----------------------------------------
SHARE ICONS
----------------------------------------- 
*/

.featured-description .ssba {visibility:hidden}
.content-bio .ssba {visibility:hidden}


/*
-----------------------------------------
FEATURED MUSIC
----------------------------------------- 
*/

#featured{margin-top:17px;}

.album{margin:17px 0px 25px 0px;border:5px solid #FFFFFF}

.compilation{margin:17px 0px 25px 0px;border:5px solid #FFFFFF}

.dvd{margin:17px 0px 25px 0px;border:5px solid #FFFFFF}

.front-post-mu{width:180px; margin-right:0px; float:left}

.front-post-mu-static{width:180px; margin-right:0px; float:left}

.front-post-last-mu{width:180px; float:left}

.featured-content-mu{position:relative; width:180px}

.featured-content p{margin-top:1em}

.featured-post-mu{position:relative; width:180px; height:176px; margin-bottom:0em}

/*
.featured-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0}

.featured-title h2 a{font-size:1.1em; display:block;font-weight:normal;letter-spacing:0.02em;color:#B4B4B4; text-decoration:none; border-bottom:0}

.featured-title h2 a:hover{color:#fff}
*/

.featured-image{position:absolute; z-index:1}

.featured-content h2{margin-top:15px}
.featured-content h2 a{color:#0b96d0; text-decoration:none}
.featured-content h2 a:hover{color:#000}

/*
-----------------------------------------
SINGLE POST MUSIC
----------------------------------------- 
*/

#music-link {margin:40px 0px 40px 0px}

#music-link h5 {font-weight:bold}

#music-link h5 a:hover {background-color:#FFFFFF;border:1px solid #BCBCBC;color:#222222}

#music-link h5 a {font-weight:bold;background-color:#474747;color:#FFFFFF;padding:5px;text-decoration:none}

#tracklist {height:330px}

#tracks {float:right}


/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/
#sidebar{float:right; width:120px; padding-left:20px; overflow:hidden;font-size:0.8em}

#sidebar li a{display:block; margin:0; padding:8px 2px; list-style:none; border-bottom:1px dotted #C9C9C9; font-size:1.5em; list-style-type:none; text-decoration:none; color:#222}

#sidebar a{color:#e6e6e6; text-decoration:none}

#sidebar a:hover{color:#fff; background-color:#282828}

#sidebar h2{color:#222222;font-size:1.5em;margin-bottom:0;margin-top:28px;text-align:left;background-color: transparent;padding:0px 0px 4px 0px}

#cc-license {width:100px;margin-top:3em;font-size:1.2em;word-spacing: 0.3em;letter-spacing: 0.1em}
#cc-license p {line-height:1.6em}
#cc-license a:link, #cc-license a:visited{color:#222222;border:1px dotted #c2c2c2;}
#cc-license a:hover{color:#222222;background-color:transparent}

/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom{margin-top:36px}

#latest-wrap{float:left; width:680px}

.latest-post-wrap{float:left; width:162px; margin-right:8px}

.latest-post{position:relative; width:162px; height:118px}

.latest-image{position:absolute; z-index:1}

.latest-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1em; text-transform:none; padding-bottom:0; border-bottom:0}

.latest-title h2 a{display:block; color:#0B96D0; text-decoration:none}

.latest-title h2 a:hover{color:#fff}

.latest-title{background:#000; display:block; z-index:101; width:100%; bottom:0;position:absolute; z-index:2}

.latest-content{position:relative; width:162px; height:200px; margin-bottom:20px}

.latest-content h2{margin-top:15px}
.latest-content h2 a{color:#0b96d0; text-decoration:none}
.latest-content h2 a:hover{color:#000}

.latest-content p{color:#222; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left}

/*
-----------------------------------------
HTML5 PLAYER
----------------------------------------- 
*/
.audio_wrap {margin-left:10px}






/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#push{height:80px}

#footer{padding-top:20px; width:720px; margin:10px auto 0; height:80px; color:#4d4d4d}

#footer p{font-size:1.2em; color:#4d4d4d; line-height:1.5em; margin-bottom:0; margin-top:0.6em}

#footer p a{border-bottom:1px solid #c9c9c9; color:#4d4d4d; text-decoration:none}

#footer p a:hover{border-bottom:1px solid #c9c9c9; color:#0b96d0; text-decoration:none}

/* 
-----------------------------------------
NETWORK ICONS
----------------------------------------- 
*/

#network-icons {float:left;height:45px;margin-top:5em;margin-bottom:1em;padding-top:2.5em;padding-left:5em;border-top:1px solid #5F5F5F;width:93%;}

.rss, .facebook, .vimeo, .linkedin, .soundcloud, .twitter, .myspace, .youtube {clear:right;float:left;height:32px;margin:0 2px 20px 38px;text-align:center;width:32px;}

.rss {background:transparent url(http://marcodonnarumma.com/images/social-icons/rss-32.png) no-repeat scroll left top;}

.rss a {background:transparent url(http://marcodonnarumma.com/images/social-icons/rss-grey-32.png) no-repeat scroll left top;clear:right;float:left;height:32px;margin:0 0 20px;text-align:center;width:32px;}

.rss a:hover {background:transparent url(http://marcodonnarumma.com/images/social-icons/rss-32.png) no-repeat scroll left top;}

.facebook {background:transparent url(http://marcodonnarumma.com/images/social-icons/facebook-32.png) no-repeat scroll left top;}

.facebook a {background:transparent url(http://marcodonnarumma.com/images/social-icons/facebook-grey-32.png) no-repeat scroll left top;clear:right;float:left;height:32px;text-align:center;width:32px;}

.facebook a:hover {background:transparent url(http://marcodonnarumma.com/images/social-icons/facebook-32.png) no-repeat scroll left top;}

.vimeo {background:transparent url(http://marcodonnarumma.com/images/social-icons/vimeo-32.png) no-repeat scroll left top;}

.vimeo a {background:transparent url(http://marcodonnarumma.com/images/social-icons/vimeo-grey-32.png) no-repeat scroll left top;clear:right;float:left;height:32px;text-align:center;width:32px;}

.vimeo a:hover {
background:transparent url(http://marcodonnarumma.com/images/social-icons/vimeo-32.png) no-repeat scroll left top;
}
.linkedin {
background:transparent url(http://marcodonnarumma.com/images/social-icons/linkedin-32.png) no-repeat scroll left top;
}
.linkedin a {
background:transparent url(http://marcodonnarumma.com/images/social-icons/linkedin-grey-32.png) no-repeat scroll left top;
clear:right;
float:left;
height:32px;
text-align:center;
width:32px;
}
.linkedin a:hover {
background:transparent url(http://marcodonnarumma.com/images/social-icons/linkedin-32.png) no-repeat scroll left top;
}
.soundcloud {
background:transparent url(http://marcodonnarumma.com/images/social-icons/soundcloud-32.png) no-repeat scroll left top;
}
.soundcloud a {
background:transparent url(http://marcodonnarumma.com/images/social-icons/soundcloud-grey-32.png) no-repeat scroll left top;
clear:right;
float:left;
height:32px;
text-align:center;
width:32px;
}
.soundcloud a:hover {
background:transparent url(http://marcodonnarumma.com/images/social-icons/soundcloud-32.png) no-repeat scroll left top;
}
.twitter {
background:transparent url(http://marcodonnarumma.com/images/social-icons/twitter-32.png) no-repeat scroll left top;
}
.twitter a {
background:transparent url(http://marcodonnarumma.com/images/social-icons/twitter-grey-32.png) no-repeat scroll left top;
clear:right;
float:left;
height:32px;
text-align:center;
width:32px;
}
.twitter a:hover {
background:transparent url(http://marcodonnarumma.com/images/social-icons/twitter-32.png) no-repeat scroll left top;
}
.myspace {
background:transparent url(http://marcodonnarumma.com/images/social-icons/myspace-32.png) no-repeat scroll left top;
}
.myspace a {
background:transparent url(http://marcodonnarumma.com/images/social-icons/myspace-grey-32.png) no-repeat scroll left top;
clear:right;
float:left;
height:32px;
text-align:center;
width:32px;
}
.myspace a:hover {
background:transparent url(http://marcodonnarumma.com/images/social-icons/myspace-32.png) no-repeat scroll left top;
}
.youtube {
background:transparent url(http://marcodonnarumma.com/images/social-icons/youtube-32.png) no-repeat scroll left top;
}
.youtube a {
background:transparent url(http://marcodonnarumma.com/images/social-icons/youtube-grey-32.png) no-repeat scroll left top;
clear:right;
float:left;
height:32px;
text-align:center;
width:32px;
}
.youtube a:hover {
background:transparent url(http://marcodonnarumma.com/images/social-icons/youtube-32.png) no-repeat scroll left top;
}



/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/
.postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9}

.postMeta-featured{margin-top:8px; font-size:1.2em; width:303px}

.postMeta-front{margin-top:8px; font-size:1.2em}

.postMeta-post{font-size:1.2em; margin-bottom:18px; margin-top:8px; border-bottom:1px solid #c9c9c9; padding-bottom:10px}

.postMeta span.date, 
.postMeta-post span.date, 
.postMeta-featured span.date, 
.postMeta-front span.date{color:#8a8a8a; float:left}

.postMeta span.comments a, 
.postMeta span.date a, 
.postMeta-post span.comments a, 
.postMeta-post span.date a, 
.postMeta-featured span.comments a, 
.postMeta-featured span.date a, 
.postMeta-front span.comments a, 
.postMeta-front span.date a{float:left; color:#8a8a8a; text-decoration:none}

.postMeta span.comments, 
.postMeta-featured span.comments, 
.postMeta-post span.comments, 
.postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
.post-category{color:#8a8a8a; float:left; margin-bottom:8px}

.post-tags{color:#8a8a8a; float:right}

.post-category p, .post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em}
.post img {margin:0em 0em 1.5em;border-radius: 15em 3em;-moz-border-radius:15em 3em; -webkit-border-radius:14em 3em;}
.post blockquote p {margin:0 2.6em; font-style:italic}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/
.comment-heading{margin-bottom:26px; text-transform:none; border:none}

.commentwrap{border-top:3px solid #C9C9C9; padding-bottom:15px; padding-top:15px}

.commentpost{float:right; width:510px}

.commentpost p{margin-top:0}

.commentmetadata{float:left; width:20%; color:#2F2B23; line-height:1.5em; padding-right:20px; color:#999; font-size:1.1em}

.commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0}

.commentmetadata li a{border-bottom:1px solid #c9c9c9; color:#0B96D0; text-decoration:none}

.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}

#comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:160px}

#comments label span{line-height:27px}

#comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em}

#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}

#comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px}

#comments textarea{margin-top:10px; padding:4px 0px; width:100%; border:1px solid #E5E5E5}

.button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase}

.children {margin-left: 50px}

.children div {border:none}

.children .commentwrap {border-top: 1px solid #C9C9C9;}

.children .commentmetadata {padding-right:0px}

.children .commentpost {text-align:left; float:right; width:78%}


/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/
#searchform{float:left; margin-top:1em; height:2.3em}

#searchsubmit{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:right; background-color:#F0F0F0}

#s{float:left; width:204px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #E5E5E5; font-size:1.1em}


/*
-----------------------------------------
GOOGLE FORM
----------------------------------------- 
*/

.required-message {font-size:0.7em;  margin-top: 0.2em;}
.ss-question-list {padding-left: 0; text-align:center;font-size:2em;}
.nameit {font-size:3em; text-decoration:bold;}
.ss-form-question {padding-bottom: 2em;}
.ss-navigate {text-align:center;padding-bottom:3em}
.gform, .gform p {text-align:center;}


input[type=text]
{
    background-color: #BFBDBD;
    border:solid 1px #BFBDBD;
    color: #FFF;
    height: 28px;
    padding-left:10px;
    width:280px;
    box-shadow: 2px 2px 0 #828181 inset;
}
input[type=button]
{
    background-color: #1E1E1E;
    color: #979797;
    height: 24px;
    width:280px;
    color: #bbbbbb;
    text-transform:uppercase;
    box-shadow:-1px 2px #6E6B6A inset;
}

input[type=submit]
{
    background-color:#B7301B;
    color: #FFF;
    height: 34px;
    width: 103px;
    text-transform:lowercase;
}


input[type=button], input[type=text], input[type=submit]
{
    border: 0;
    border-radius:5px;
    font-size:1em;
    font-family:'dinprolight';
}









