/*
Theme Name: Valley Social Magazine
Theme URI: http://www.valleysocialmag.com/
Description: This WordPress theme created by Peer Pressure Creative is for use by Valley Social Magazine Only.
Author: Peer Pressure Creative
Author URI: http://www.peerpressurecreative.com
*/


/** ALL MIGHTY RESET **/
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, font, img, ins, kbd, q, s, samp, strike, sub, 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-family: inherit; vertical-align: baseline;}

* 						{margin: 0;}
:focus 					{outline: 0;}
body 					{line-height: 1; font-size: 62.5%; font-family: Arial; color: white; background: #000000 url("images/bg.jpg") repeat-x;}
ol, ul 					{list-style: none;}
table 					{border-collapse: separate; border-spacing: 0;}
caption, th, td 		{text-align: left;font-weight: normal;}

/* LAYOUT & POSITIONING -------------------------------------------------------------------------------------------------------------------------- */
/* GENERAL STUFF */
.clear 						{clear: both;}
#blackstrip					{width: 100%; height: 4.6em; padding: 2.5em 2em 0 2em; background: url("images/nav-bg.jpg") repeat-x; z-index: -1; position: absolute; top: 17.8em;}
#wrap						{width: 88em; margin: 0 auto; padding-top: 1.4em;}

/* HEADER */
#header						{padding: 0 1em; height: 17.1em;}
#logo a						{background: url("images/logo.jpg") no-repeat; width: 353px; height: 103px; margin-top: 50px; float: left; display: block; text-indent: -99999px;}
#mags						{width: 480px; height: 171px; overflow: hidden;}

/* NAV */
#nav						{height: 2.7em; padding: 1.1em 2em 0 0;}
#nav ul li					{display: inline; position: relative; padding: .2em .8em 0 .8em; border-left: 1px solid #999999;}
#nav ul li.first			{border: none;}
#nav ul li.rss				{background: url("images/rss.jpg") no-repeat right; padding-right: 1.6em;}
#nav ul li.rss a			{margin-left: .2em;}

/* CONTENT */
#content					{padding: 4em 2.5em;}
#currentmag					{width: 32em; margin-top: 1.3em; float: left;}
#current-cover a			{width: 308px; height: 315px; background: url(images/covers/currentmag.jpg) no-repeat; display: block; text-indent: -99999px;}
#read-online a				{width: 162px; height: 65px; background: url(images/readonline.jpg) no-repeat; display: block; margin: 10px auto; text-indent: -99999px;}
#subscribe-btn a			{width: 216px; height: 51px; background: url(images/subscribe.jpg) no-repeat; display: block; margin: 20px auto; text-indent: -99999px;}
#currentmag img.center		{display: block; margin: 2em auto 0 auto;}
#video						{width: 48em; height: 48em; background: #000000; border: 1px solid #FFFFFF; float: right;}
ul#event-pics				{width: 292px; height: 264px;}
#events ul li				{min-height: 65px;}

/* BOTTOM */
#bottom						{width: 78em; height: 69em; background: url("images/body-bg.jpg") no-repeat; padding: 5em;}
#bottom .column				{float: left;}
#bottom #cover				{width: 17em; margin-right: 5em;}
#bottom #cover img			{display: block; margin: 0 auto 1em auto;}
#bottom #events				{width: 22em; margin-left: 4em;}
#bottom h2					{margin-bottom: 1em;}
#bottom h2#goingon			{margin-bottom: .3em;}
#bottom h2.pink				{margin-bottom: .2em;}
#bottom #cover p			{width: 15em; margin-left: 1em}
#bottom #events h2			{margin-left: -2em;}
#bottom #events span		{display: block;}
#bottom #events ul li		{padding: .8em 0; border-bottom: 1px solid #333333;}
#bottom #events ul li.last	{border: none;}
#bottom #events .date		{height: 3.6em; width: 3.6em; background: url("images/cal.jpg") no-repeat; float: left; margin: .7em .2em 0 0;}
#events .date p.month		{margin: -.1em 0 0 .5em;}
#events .date p.day			{width: 2.5em;}

#signup						{width: 100%; height: 7.5em; margin-top: 3.5em; padding-top: 2.5em; background: url("images/signup-bg.jpg") no-repeat 1em 0;}
#signup form p				{float: left; margin-right: 2.5em;}
#signup h3					{float: left; margin: -.2em 1em 0 1em;}
#signup p input				{height: 1.6em; width: 10.5em; margin-top: -.4em; padding: .6em 0 0 .5em; background: white url("images/input-bg.jpg") repeat-x top; border: 0;}
#signup #submit				{margin: -1.4em 0 0 -.8em;}
#signup #submit input		{height: auto; width: auto; background: none; margin: 0;}

#ad							{width: 78em; height: 18em; border: 1px solid #FFFFFF; background: #000000; margin: 2em 0;}


.rotator-img				{background: url(images/placeholder-bg.jpg) no-repeat; width: 292px; height: 264px; padding: 11px 0 0 11px;}
.rotator-img img			{border: none !important;}
.ngg-singlepic				{border: none !important;}


/* FOOTER */
#footer						{width: 100%; margin-top: 1em; border-top: 1px solid #666666; padding-top: 1em;}
#footer ul					{width: 74em; display: block; margin: 0 auto;}
#footer ul li				{display: inline; padding: 0 .7em;}

/* LINKY */
#tagline					{height: 2.5em; padding: 0 5em;}
#tagline #copyright			{float: left;}
#tagline #us				{float: right;}
/*#tagline #us span#ppc		{background: url("images/littlelogo.jpg") no-repeat; padding-left: 1.6em; margin-left: .5em;}*/

/* SUBSCRIBE */
div.subscribe-wrap			{padding: 2em 0; border-bottom: 1px solid #666666;}
div.subscribe-wrap#first	{padding-top: 0;}
div.subscribe-wrap#last		{border: 0;}
div.subscribeimage-left		{width: 40em; height: 28em; border: 1px solid #FFFFFF; float: left; margin-right: 2em; background: #3D94C8;}
div.subscribeimage-right	{width: 40em; height: 28em; border: 1px solid #FFFFFF; float: right; background: #3D94C8;}

div.subscribeinfo-wrap		{float: left; width: 40em;}
div.subscribeinfo-wrap h2	{margin-bottom: 1em;}

div.subscribeinfo			{width: 21em; float: left;}
div.subscribeinfo p			{margin-bottom: 1em;}

/* TRAVEL */
div.travel-wrap				{padding: 2em 0; border-bottom: 1px solid #666666;}
div.travel-wrap#first		{padding-top: 0;}
div.travel-wrap#last		{border: 0;}
div.imagespot-left			{width: 40em; height: 28em; border: 1px solid #FFFFFF; float: left; margin-right: 2em; background: #3D94C8;}
div.imagespot-right			{width: 40em; height: 28em; border: 1px solid #FFFFFF; float: right; background: #3D94C8;}

div.info-wrap				{float: left; width: 40em;}
div.info-wrap h2			{margin-bottom: 1em;}

div.features				{float: left; width: 12.5em; background: url("images/feature-bg.jpg") repeat-x bottom; border-bottom: 1px solid #666666; margin-right: 2em;}
div.features-middle			{float: left; width: 12.5em; background: url("images/feature-bg-middle.jpg") repeat-x bottom; border-bottom: 1px solid #666666; margin-right: 2em;}
div.features-bottom			{float: left; width: 12.5em; background: url("images/feature-bg-bottom.jpg") repeat-x bottom; border-bottom: 1px solid #666666; margin-right: 2em;}
div.info-wrap ul li			{padding: .38em 0;}
div.info-wrap li.last		{border-bottom: 1px solid #111111;}
div.info-wrap li.price		{border-top: 1px solid #444444;}

div.info					{width: 21em; float: left;}
div.info p					{margin-bottom: 1em;}

div.info2					{width: 33em; float: left;}
div.info2 p					{margin-bottom: 1em;}

/* SHOP */
div.shopinfo				{width: 33em; float: left;}
div.shopinfo p				{margin-bottom: 1em;}

/* CONTACT */
div.contact p				{margin-bottom: .2em;}
div.contact p.space-above	{margin-top: 1em;}


/* TYPOGRAPHY -------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER */
#header a					{text-indent: -99999px;}

/* NAV */
#nav ul a					{font: 1.4em Arial; text-transform: uppercase; color: #FFFFFF; text-decoration: none;}
#nav ul a.here				{color: #F261B5;}
#nav ul a:hover				{color: #F261B5;}
#nav ul li.rss a:hover		{color: #F57D21;}

/* CONTENT */
#video p					{font: 2.6em Arial; margin: 8em 0 0 7em;}
#ad p						{color: #000000; font: 2.6em Arial;}
p.event-copy				{padding-top: 5px;}

/* BOTTOM */
#bottom h2					{font: 1.8em Georgia; font-style: italic; text-align: center; text-transform: capitalize;}
#bottom h2.pink				{font-size: 2.4em; color: #F261B5;}
#bottom #cover p			{font: 1.2em Arial; line-height: 1.8em;}
#bottom #events ul li		{font: 1.2em Arial; line-height: 1.4em;}
#events span.event-title	{font-size: 1.2em; font-weight: bold; color: #F261B5;}
#events span.event-title a	{font-size: 1.2em; font-weight: bold; color: #F261B5; text-decoration: none;}
#events .date p.month		{font-weight: bold; text-transform: uppercase;}
#events .date p.day			{color: #000000; text-align: center; font: 1.2em 'Arial Black';}
#events	h2					{padding-left: 25px;}
#signup h3					{font: 2.6em Georgia;}
#signup input				{font: bold 1.6em Arial; color: #666666;}

/* FOOTER */
#footer ul li a				{font: 1.2em Arial; text-transform: uppercase; color: #FFFFFF; text-decoration: none;}
#footer ul li a.here		{color: #F261B5;}
#footer ul li a:hover		{color: #F261B5;}
#footer ul li.rss			{background: url("images/rss.jpg") no-repeat right; padding-right: 1.6em;}
#footer ul li.rss a:hover	{color: #F57D21;}

/* LINKY */
#tagline div p				{font: 1.2em Arial; color: #FFFFFF;}
#tagline div p a			{color: #FFFFFF; text-decoration: none;}
#tagline div p a span#ppc	{color: #CC5722;}
#tagline span#ppc:hover		{text-decoration: underline;}

/* SUBSCRIBE */
div.subscribeinfo-wrap h2	{font: 2.4em Georgia; text-transform: uppercase;}

div.subscribeinfo			{font-size: 1.2em; line-height: 1.8em;}
div.subscribeinfo p			{color: #CCCCCC;}

/* SHOP */
div.shopinfo				{font-size: 1.2em; line-height: 1.8em;}
div.shopinfo p				{color: #CCCCCC;}
div.shopinfo a				{color: #F261B5; text-decoration: none;}
div.shopinfo a:hover		{color: #F261B5; text-decoration: underline;}
p#price						{color: #F261B5; font-size: 25px; font-family: Georgia;}
h2.pink						{font-size: 2.4em; color: #F261B5;}

/* TRAVEL */
div.info-wrap ul li			{font: 1.1em Arial; text-align: center; color: #666666;}
div.info-wrap h2			{font: 2.4em Georgia; text-transform: uppercase;}
div.info-wrap ul li.price	{font: 1.6em Georgia; color: #FFFFFF;}
.pink-blog-title a			{font-size: 25px; color: #F261B5; text-decoration: none; text-transform: uppercase;}
.pink-blog-title			{font-size: 25px; color: #F261B5; text-decoration: none; text-transform: uppercase;}

div.info					{font-size: 1.2em; line-height: 1.8em;}
div.info p					{color: #CCCCCC;}

div.info2					{font-size: 1.2em; line-height: 1.8em;}
div.info2 p					{color: #CCCCCC;}
div.info2 a					{color: #F261B5; text-decoration: none; font-size: 13px;}
div.info2 a:hover			{text-decoration: underline;}

/* CONTACT */
div.contact p				{font: 1.4em Arial;}
div.contact p a				{color: #F261B5; text-decoration: none;}
div.contact p a:hover		{text-decoration: underline;}

/* EVENTS */

ul#eventslist				{float: left; display: block; width: 100%; margin-top: 20px;}
li.event					{margin-bottom: 25px; float: left; width: 100%;}
li.event a					{color: #F261B5;}
.events-wrap				{font: 1.3em Helvetica; color: #FFFFFF;}
.events-wrap h2				{font: 2.4em Georgia; text-transform: uppercase; margin-top: 1em;}
span.eventpgtitle			{font-size: 1.2em; font-weight: bold; color: #F261B5; position: relative;}
.eventsdate					{height: 3.6em; width: 3.6em; background: url("images/cal.jpg") no-repeat; float: left; margin-right: 1em;}
p.month						{color: #FFFFFF; margin: 0 0 0 .3em; font-weight: bold; text-transform: uppercase;}
p.day						{color: #000000; width: 2.4em; text-align: center; font: 1.1em 'Arial Black';}

/* THANK YOU */
p#thanks					{margin-bottom: 70px; font-size: 30px; font-family: Georgia; text-align: center; color: #F261B5;}

/* 404 */

#error						{color: white; font-family: Georgia;}
#error a					{color: #e6319c;}
#colorize					{color: #e6319c; font-family: Georgia; font-size: 150px; margin: 30px 0 0 0; text-align: center;}
#error h2					{font-size: 50px; margin: 50px 0 0 0; text-align: center;}
#error p					{margin: 20px 0 0 0; font-size: 15px; text-align: center;}