/*
Theme Name: MarneTheme
Theme URI: http://www.marneleigh.com
Description: Custom theme for marneleigh.com
Version: 1.8
Author: Sam Dodge
Author URI: http://svdodge.com
Tags: 
*/
/* Colors:
 * light blue: bac4e5
 * med blue: 005ccc
 * dark blue: 003366
 * 
 */

/*  Reset  */
* 					{ margin: 0; padding: 0; }
html 				{ overflow-y: scroll; }
html, body			{ height: 100%; }
body 				{ font-size: 62.5%; 
					  font-family: Georgia;
					  color: #555; }

ul 					{ list-style: square inside; }
ol 					{ list-style: decimal inside; }
a 					{ outline: none; text-decoration: none; }
a img 				{ border: none; }


/*
 * Core Elements
 */

 body				{ background-color: #eee; }
.wrap				{ margin: 0 auto; min-width: 700px; width: 700px; }

#container			{ background-color: #fff; }
#header				{ height: 70px; background: url(images/headerback1.png) no-repeat top left; background-position: -3px -2px; }
#main				{  }
#footer				{ height: 31px; background: url(images/footerback1.png) no-repeat top left; background-position: -3px 0; padding-top: 7px; color: #cc5c00; text-align: center; font-size: 1.4em; margin-top: 20px; }

#header h1			{ padding: 20px 0 0 20px; }
#header h1 a		{ color: #cc5c00; font-size: 1.8em; font-weight: normal; }


#main h2			{ font-size: 2em; font-weight: normal; font-variant: small-caps; color: #202020; margin-bottom: 6px; }
#main h2 a			{ color: #111; font-size: 1.6em; font-variant: normal; border-bottom: 1px dotted #555; }
#main h2 a:hover	{ color: #555; border-bottom: 1px dashed #111; }
#main h3			{ font-size: 1.6em; color: #202020; margin-bottom: 5px; }
#main h4			{ font-size: 1.4em; font-weight: normal; font-variant: small-caps; margin-left: 15px; color: #202020; margin-bottom: 5px; }
#main p				{ font-size: 1.4em; margin-bottom: 14px; line-height: 1.4em; }
#main ul			{ margin-bottom: 10px; list-style: disc inside; }
#main ol			{ margin-bottom: 10px; }
#main li			{ font-size: 1.4em; margin-bottom: 5px; margin-left: 10px; }

#main a				{ color: #555; border-bottom: 1px dotted #555; }
#main a:hover		{ color: #003366; border-bottom: 1px dashed #003366;  }

#rightnav			{ float: right; height: 600px; width: 144px; padding: 5px; }


/*
 * HomePage Stuff
 */

#mainlinks			{ margin-top: 80px; padding-left: 5px; display: inline; }
#updates			{ margin-top: 30px; margin-right: 15px; display: inline; }

.updatebox			{ margin-bottom: 10px; width: 250px; /*background-color: #ddd;*/ }
#whatsnew			{ height: 170px; background: url(images/whatsnew.jpg) no-repeat top left; }
#twitterfeed		{ height: 230px; background: url(images/twitterfeed.jpg) no-repeat top left; }
#internet			{ height: 130px; background: url(images/internetplaces.jpg) no-repeat top left; }

.updateboxinner		{ padding: 30px 0 0 40px; }
.updateboxinner ul	{ list-style: disc; }
.updateboxinner ul li	{ font-size: 1.6em; color: #333; margin-bottom: 3px; }
.updateboxinner ul li a	{ color: #333; border: none; }
.updateboxinner ul li a:hover	{ color: #555; border-bottom: 1px dashed #555; }

.sociallink			{ margin-top: 80px; margin-left: 5px; height: 48px; width: 48px; float: left; text-indent: -9999px; position: relative; }
.sociallinkfirst	{ margin-left: 25px; }
#twitter a			{ background: url(images/icon_twitter.png) no-repeat top left; height: 48px; width: 48px; position: absolute; top: 0; left: 0; }
#facebook a			{ background: url(images/icon_facebook.png) no-repeat top left; height: 48px; width: 48px; position: absolute; top: 0; left: 0; }


/* Main Page Links */

.linkbox			{ height: 141px; width: 210px; margin-bottom: 0px; margin-right: 0px; position: relative; text-indent: -9999px; border-bottom: none;  }

#aboutme a			{ background: url(images/mp-about.jpg) no-repeat 0 0; height: 141px; width: 210px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#blog a				{ background: url(images/mp-blog.jpg) no-repeat 0 0; height: 141px; width: 210px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#photos a			{ background: url(images/mp-photos.jpg) no-repeat 0 0; height: 141px; width: 210px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#travel a			{ background: url(images/mp-travel.jpg) no-repeat 0 0; height: 141px; width: 210px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#reviews a			{ background: url(images/mp-reviews.jpg) no-repeat 0 0; height: 141px; width: 210px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#links a			{ background: url(images/mp-links.jpg) no-repeat 0 0; height: 141px; width: 210px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#aboutme a:hover	{ background-position: 0 -141px; }
#blog a:hover		{ background-position: 0 -141px; }
#photos a:hover		{ background-position: 0 -141px; }
#travel a:hover		{ background-position: 0 -141px; }
#reviews a:hover	{ background-position: 0 -141px; }
#links a:hover		{ background-position: 0 -141px; }

/* Right Nav Stuff */
.rightnavbutton		{ width: 144px; height: 99px; margin-bottom: -5px; position: relative; text-indent: -9999px; border-bottom: none; }

#rn-about a			{ background: url(images/rn-about.jpg) no-repeat; height: 99px; width: 144px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#rn-blog a			{ background: url(images/rn-blog.jpg) no-repeat; height: 99px; width: 144px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#rn-travel a		{ background: url(images/rn-travel.jpg) no-repeat; height: 99px; width: 144px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#rn-photos a		{ background: url(images/rn-photos.jpg) no-repeat; height: 99px; width: 144px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#rn-reviews a		{ background: url(images/rn-reviews.jpg) no-repeat; height: 99px; width: 144px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#rn-links a			{ background: url(images/rn-links.jpg) no-repeat; height: 99px; width: 144px; position: absolute; top: 0; left: 0; border-bottom: none; overflow: hidden; }
#rn-about a:hover	{ background-position: 0 -99px; }
#rn-blog a:hover	{ background-position: 0 -99px; }
#rn-travel a:hover	{ background-position: 0 -99px; }
#rn-photos a:hover	{ background-position: 0 -99px; }
#rn-reviews a:hover	{ background-position: 0 -99px; }
#rn-links a:hover	{ background-position: 0 -99px; }


/*
 * Blog Stuff
 */

#bloghome			{ padding: 5px; float: left; width: 531px; }
#bloghead			{ width: 531px; text-align: right; font-size: 8em; font-weight: bold; color: #bac4e5; margin-bottom: -70px; }
/*#bloghead			{ font-size: 3.6em; border-bottom: 1px solid #555; }*/

.post-main			{ margin-top: 20px; margin-left: 10px; }
.post-date			{ margin-bottom: 10px; margin-left: 20px; color: #777; font-size: 1.2em; }
.post-content		{  }
.post-metadata		{ font-size: 1.2em; }
h2#single-post-title	{ color: #202020; font-size: 2.4em; font-variant: normal; margin-bottom: 20px; border-bottom: 1px dotted #ccc; }

p.post-metadata		{ border-top: 1px dotted #777; margin-top: 20px; padding-top: 10px; }

.pagenav			{ margin-top: 20px; font-size: 1.6em; border-top: 1px dotted #555; padding-top: 2px;  }

#comments-form		{ margin-left: 20px; }
#comments-form ol	{ font-size: 0.7em; }
#single-page-nav li	{ list-style: none; margin-top: 20px; }
cite 				{ font-style: normal; font-size: 1.4em; font-weight: bold; }

/* PageMain */
#pagemain			{ padding: 5px 15px 5px 15px; float: left; width: 511px; }
#pagehead			{ width: 531px; text-align: right; font-size: 8em; font-weight: bold; color: #bac4e5; margin-bottom: -50px; }
#pagemain h2		{ margin-left: 10px; font-variant: normal; font-size: 4em; font-weight: bold; color: #bac4e5; margin-bottom: -10px; }
#pagemain p			{ margin-left: 20px; }

/* AUX */
#mainlinks a:hover	{ border: none; }
#internet a			{ border: none; }
#internet a:hover	{ border: none; }
#rightnav a:hover	{ border: none; }


/* Review Page */    /* Also used for Link Page */
.reviewbox			{ margin-top: 20px; }
.reviewbox a		{ font-weight: normal; }
#reviewmorelink	a	{ color: #003366; border-bottom: 1px dashed #003366; }
#reviewmorelink a:hover	{ color: #555; }
.review-main-list	{ margin: 0 0 3px 25px; }

/* Link Page */

#linkpersonal		{ margin-top: 20px; margin-bottom: 100px; }
#linkpersonal h3	{ margin-bottom: -18px; }
#linkpersonal h3 a	{ font-variant: normal; font-size: 2.4em; font-weight: bold; color: #bac4e5; margin-bottom: -10px; border-bottom: none; }
#linkpersonal h3 a:hover	{ border-bottom: none; }
#linkcommercial		{  }
#linkcommercial h3	{ margin-bottom: -18px; }
#linkcommercial h3 a	{ font-variant: normal; font-size: 2.4em; font-weight: bold; color: #bac4e5; margin-bottom: -10px; border-bottom: none; }
#linkcommercial h3 a:hover	{ border-bottom: none; }

.linkcontainer		{ /*margin-top: 20px;*/ }
.linkcontainer a	{ font-weight: normal; }

.link-main-list		{ margin: 10px 0 3px 25px; }
.linkimage			{ margin-right: 15px; /* border: 3px solid #555; */ }
.linktext			{ width: 395px; }

h3.linkhead			{ margin-left: 10px; font-variant: normal; font-size: 4em; font-weight: bold; color: #bac4e5; margin-bottom: -10px; }


/* Photo Page Things */
.image-desc			{ margin-bottom: 100px; }



/*   Utility things   */
.italics			{ font-style: italic; }

.alignright  { float: right; }
.alignleft   { float: left; }
.post-metadata   { clear: both; }

.floatleft 				{ float: left; }
.floatright 			{ float: right; }
.clear 					{ clear: both; }