/*
............................................................................................................................

    :::::::::   :::::::::
    :::::::::   :::::::::
    :::::::::   :::::::::
    :::::::::   :::::::::

    :::::::::   :::::::::
    :::::::::   :::::::::
    :::::::::   :::::::::
    :::::::::   :::::::::

    squarehead design studio | 845.389.8953 :: www.squareheaddesignstudio.com :: sblissinc@me.com

............................................................................................................................
*/

/* 	base styles
---------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------*/
p, li { font-size: 1.4em; line-height: 1.5em; margin-bottom: .5em;}

/* ---------------> heads    */
.row.header h1 { 
	font-weight: bold; font-size: 5em; line-height: 1em; color: #333333; margin-bottom: 15px; }
.row.header h2 { 
	color: #444444; font-weight: normal; letter-spacing: .4em; font-size: 1.5em; line-height: 1em; margin-bottom: .5em; }
h3 { font-weight: normal; letter-spacing: -.03em; font-size: 2em; line-height: 1em; color: #352F2C; margin-bottom: .5em; }

/* ---------------> lists    */
ul { margin: 0 0 1em 1.5em;}
li { padding: 0 0 0.5em; }

/* ---------------> links    */
a, a:link, a:visited, a:active { color: #FC2B25; }
a:hover { color: #FC2B25; border-bottom: 1px dotted #FC2B25; }


/* 	articles
---------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------*/
.item { padding-bottom: 25px; float: left; width: 100%;}
.item h2.title { 
	padding-bottom: 20px; margin-bottom: 20px;  border-bottom: 2px dotted #AEA073;
	color: #54422A; font-weight: bold; font-size: 2.2em; line-height: 1.4em;}
.item h2 { color: #736650; font-weight: bold; font-size: 1.8em; line-height: 1.4em; margin-bottom: .5em;}
.item h3 { 
	color: #54422A; font-weight: bold; font-size: 1.7em; line-height: 1.4em; margin: 2em 0 .5em;}

.body { color: #736650; }
.body p, .body li { font-size: 1.5em; line-height: 1.5em; font-family: Georgia;}


/* ---------------> quotes    */
.body blockquote { 
	border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; background: #EEEEEE; padding: 10px 20px; margin: 20px 0;}
.body blockquote p { font-size: 1.8em; color: #666666; font-style: normal;}
.sidebar h2 { color: #333333; font-weight: normal; font-size: 2.8em; line-height: 1em; margin-bottom: .5em;}


/* 	pictures
---------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------*/
.inline_picture { background: transparent; padding: 6px; float: left; border: 1px solid #AEA073;}
.inline_picture img { float: left; border: 3px solid #AEA073;}
.inline_picture.right { float: right; margin: 5px 0 0 15px;}
.inline_picture.left { margin: 5px 15px 0 0;}
.inline_picture.none { clear: both; margin: 20px 0; width: 100%;}
.inline_picture.center { clear: both; margin: 20px 0; width: 100%; text-align: center;}

/* ---------------> captions    
					widths for captions must match the settings in the CMS		*/
.inline_picture .caption { 
	font-style: italic; color: #444444; font-size: 1.3em; line-height: 1.4em; 
	padding-bottom: 10px; border-bottom: 1px solid #AAAAAA; }
.inline_picture.thumbnail .caption { width: 158px;}
.inline_picture.medium .caption { width: 250px;}
.inline_picture.left.fullsize, .inline_picture.right.fullsize { margin: 10px 0 20px 0; width: 100%;}


/* 	events
---------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------*/
.item.event h3 { font-weight: bold;}
.sidebar .events h2 { font-size: 2.5em;}	
.sidebar .events .item.event h3 { color: #333333; font-size: 2em; font-weight: normal; margin: 0 0 .5em; }
.sidebar .events .item.event p.event-date { font-size: 1.8em; color: #333333; margin-bottom: 0;}

/* ---------------> past events    */
#past_events { float: left; margin: 20px 0;}
#past_events .item.event p { color: #666666; }
#past_events h2 { 
	color: #666666; border-top: 1px solid #AAAAAA;
	font-weight: normal; font-size: 2.8em; line-height: 1em; margin: 0 0 .5em 0; padding-top: .5em;}
#past_events .item.event h3 { color: #666666; font-size: 2em; }
#past_events .item.event p.event-date  { color: #666666; }

/* 	quotes
---------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------*/
.quote { float: left; margin-bottom: 20px; }
.quote p { 
	color: #736650; font-family: Georgia; font-style: italic; font-size: 1.6em; line-height: 1.5em;}
.quote .author { font-size: 1.2em; color: #FFFFFF; }