/* -------------------------------------------------------------- 

	Theme Name: Marry Me Group
	Theme URI: http://www.marrymegroup.com
	Description: The theme for the Marry Me Group.
	Author: Ethan Marsh
	Author URI: http://www.emdsgn.com
	Version: 1.2
	Tags: portfolio, theme, marrymegroup

-------------------------------------------------------------- */




/* RESETS */

html, body, div, span, applet, object, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; border: 0; outline: 0; font-size: 100%; margin: 0 0 0 0; 	/*width: auto;  disabled--messes up image placeholder size*/ 
}
body { line-height: 1;}
ol, ul { list-style-type: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none;}
:focus { outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5{margin:0; padding:0;}




/* PRIMARY STRUCTURE */

* { margin: 0; } 
html, body { height: 100%;  } 

#swirls { width: 613px; height: 358px; left: 50%; position: absolute; z-index: 0; background-image: url(images/bkgd-swirls.jpg); background-repeat: no-repeat; margin-left: -20px; } 
#swirls-bottom { width: 450px; height: 320px; left: 50%; position: fixed; z-index: 0; background-image: url(images/bkgd-swirls-bottom.jpg); background-repeat: no-repeat; margin-left: -620px; bottom: 0px; margin-bottom: -20px; background-position: 640px bottom; } 
#wrapper { width: 1300px; left: 50%; position: absolute; margin-left: -650px; padding-left: 200px; z-index: 100; background-image: url(images/bkgd-swirls-bottom.jpg); background-repeat: no-repeat; background-position: 30px bottom; overflow: visible; } 
#header { width: 900px; height: 150px; clear: both; } 

#page { width: 900px; min-height: 400px; clear: both; } 
#page-title { text-align: center; } 

#sidebar { width: 200px; float: left; margin-left: 30px; padding: 0; min-height: 200px; padding-bottom: 20px; margin-top: 20px; } 
#content { width: 670px; float: left; min-height: 400px; padding-bottom: 15px; } 
#content-home { width: 900px; float:left; } 

#footer { width: 900px; clear: both; height: 100px; } 

#wrapper-bkgrd { width: 100%; height: 31px; position: fixed; top: 0px; margin-top: 0px; z-index: 90; } 
#wrapper-edge-btm { background:url('images/bkgrd-edge-btm-drkgry.jpg'); width: 100%; height: 31px; float: left; } 


#features { width: 900px; clear: both; margin: 15px 0 25px 0; } 
#features-panel { width: 200px; float: left; margin-right: 33px; padding: 0; } 
#features-panel-end { width: 200px; float: left; margin-right: 0; padding: 0; } 





/* HEADER */

#header-left { float: left; text-align: right; margin: 10px 10px 10px 15px; }
#header-right { float: left; margin-top: 40px; width: 650px; }




/* NAVIGATION-MAIN */

#navigation-logo{ float: left; width: 220px; }
#navigation-logo ul { padding:0; margin:0; list-style:none; clear: both; }
#navigation-logo li { height:137px; line-height:137px; float:left; padding:0; margin:0; }
#navigation-logo a { height:137px; line-height:137px; display:block; text-decoration:none; }
#navigation-logo a span {display:none;}


#navigation-logo li.home{ width:220px; }
#navigation-logo li.home a{ background:url('images/marryme-header-logo-UP.jpg') no-repeat;}
#navigation-logo li.home a:hover{ background:url('images/marryme-header-logo-DN.jpg') no-repeat; }
#navigation-logo li.home a.active{background:url('images/marryme-header-logo-DN.jpg') no-repeat;}



#navigation-main{ float: left; width: 650px; }
#navigation-main ul { padding:0 0 0 13px; margin:0; list-style:none; clear: both; }
#navigation-main li { height:43px; line-height:43px; float:left; padding:0; margin:0 40px 5px 0; }
#navigation-main a { height:43px; line-height:43px; display:block; text-decoration:none; }
#navigation-main a span {display:none;}


#navigation-main li.freewedding{ width:300px; }
#navigation-main li.freewedding a{ background:url('images/nav-freewedding-blk.png') no-repeat;}
#navigation-main li.freewedding a:hover{ background:url('images/nav-freewedding-prp.png') no-repeat; }
#navigation-main li.freewedding a.active{background:url('images/nav-freewedding-prp.png') no-repeat;}

#navigation-main li.shop{ width:112px; }
#navigation-main li.shop a{ background:url('images/nav-shop-blk.png') no-repeat;}
#navigation-main li.shop a:hover{ background:url('images/nav-shop-prp.png') no-repeat; }
#navigation-main li.shop a.active{background:url('images/nav-shop-prp.png') no-repeat;}

#navigation-main li.events{ width:95px; }
#navigation-main li.events a{ background:url('images/nav-events-blk.png') no-repeat;}
#navigation-main li.events a:hover{ background:url('images/nav-events-prp.png') no-repeat; }
#navigation-main li.events a.active{background:url('images/nav-events-prp.png') no-repeat;}


#navigation-main li.gallery{ width:104px; }
#navigation-main li.gallery a{ background:url('images/nav-gallery-blk.png') no-repeat;}
#navigation-main li.gallery a:hover{ background:url('images/nav-gallery-prp.png') no-repeat; }
#navigation-main li.gallery a.active{background:url('images/nav-gallery-prp.png') no-repeat;}

#navigation-main li.blog{ width:74px; }
#navigation-main li.blog a{ background:url('images/nav-blog-blk.png') no-repeat;}
#navigation-main li.blog a:hover{ background:url('images/nav-blog-prp.png') no-repeat; }
#navigation-main li.blog a.active{background:url('images/nav-blog-prp.png') no-repeat;}

#navigation-main li.about{ width:119px; }
#navigation-main li.about a{ background:url('images/nav-about-blk.png') no-repeat;}
#navigation-main li.about a:hover{ background:url('images/nav-about-prp.png') no-repeat; }
#navigation-main li.about a.active{background:url('images/nav-about-prp.png') no-repeat;}

#navigation-main li.contact{ width:112px; }
#navigation-main li.contact a{ background:url('images/nav-contact-blk.png') no-repeat;}
#navigation-main li.contact a:hover{ background:url('images/nav-contact-prp.png') no-repeat; }
#navigation-main li.contact a.active{background:url('images/nav-contact-prp.png') no-repeat;}




/*SIDEBAR*/
#sidebar-header { width: 200px; height: 24px; float: left; margin: 0; background:url('images/bkgd-sidebar-top.jpg') no-repeat; }
#sidebar-title { height: 58px; clear: both; margin: 0; text-align: center; }
#sidebar-content { float: left; margin: 0px 15px 20px 15px; padding: 0; width: 170px; }
#sidebar-content-vendors { float: left; margin: 0px 15px 20px 15px; padding: 0; width: 180px; }
#sidebar-content-home { float: left; margin: 0px 15px 15px 15px; padding: 0; width: 170px; height: 270px; }
#sidebar-content-home p{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }
#sidebar-content-home-vendors { float: left; margin: 0px 5px 15px 15px; padding: 0; width: 180px; height: 270px; }
#sidebar-block-search { width: 150px; float: left; margin: 0; padding: 0; height: 100px; }
#sidebar-footer { width: 200px; height: 24px; float: left; margin: 0 0 30px 0; background:url('images/bkgd-sidebar-btm.jpg') no-repeat; }

#sidebar-link { width: 180px; margin: 0; text-align: right; padding-right: 15px; font-size: 10px; }
#sidebar-link a{ font-size: 11px; color: #B86382; }
#sidebar-link a:hover{ bold; color: #000; }

#sidebar-content a { color: #B86382; }
#sidebar-content a:hover { color: #000; }

#sidebar-content-home a { color: #B86382; }
#sidebar-content-home a:hover { color: #000; }



#sidebar-text { color: #000; font-size: 10px; margin: 0px 15px 20px 15px; }
#sidebar-text a { font-size: 10px; color: #B86382; letter-spacing: 0.2em; }
#sidebar-text a:hover { color: #000; }

#sidebar-text h1 { font-size: 10px; font-weight: bold; }
#sidebar-text h1 a { font-size: 11px; font-weight: bold; color: #B86382; letter-spacing: 1px; margin: 0; padding: 0; padding-top: 0px; line-height: 14px; }
#sidebar-text h1 a:hover { color: #000; }

#sidebar-tags { text-align: right; color: #000; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 5px; font-size: 10px; line-height: 1.7em; }
#sidebar-tags li { margin-top: 7px; }
#sidebar-tags a { font-size: 10px; color: #B86382; }
#sidebar-tags a:hover { color: #000; }

#sidebar-post-date { margin: 0 0 5px 0; }


#sidebar-postlist h1, h2, h3, h4, h5 { font-size: 13px; font-weight: bold; margin-bottom: 10px; text-align: center; line-height: 20px;}
#sidebar-postlist a { font-size: 13px; }
#sidebar-postlist ul { margin-top: 0; }
#sidebar-postlist ul li { margin-top: 4px; }
#sidebar-postlist li { margin: 5px 0 15px 0; }

#sidebar-vendors li{ margin: 0 10px 10px 0; width: 80px; float: left; list-style-type: none; }

#sidebar-categories { margin: 0 0 0 10px; font-size: 13px; line-height: 20px; }
#sidebar-categories li { margin-bottom: 5px;  }

#sidebar-readmore { margin-top: 3px; float: left; position: relative; width: 57px; height: 14px; margin-left: 5px; }
#sidebar-data { margin-right: 5px; margin-bottom: 3px; padding: 1px; word-wrap: break-word; }
#sidebar-excerpt p{ font-size: 10px; }
#sidebar-share { float: right; }

#sidebar-title-search { text-align: right; margin-top: 3px; margin-right: 6px; float: right; }
#search { margin-bottom: 20px; margin-top: 10px; margin: 0 0 0 10px; }



/*CONTENT*/

#content { color: #000; }
#content h1{ color: #B86382; }
#content h2{ color: #B86382; }
#content h3{ color: #B86382; line-height: 30px; }
#content h4{  }
#content h5{ color: #B86382; margin-top: 10px; }
#content a:link { text-decoration: none; color: #B86382; border: 0; }
#content a:hover { text-decoration: none; color: #FEE15C; }
#content a:visited { text-decoration: none; color: #B86382; }
#content a:visited:hover { text-decoration: none; color: #FEE15C; }

#content-header { width: 670px; height: 42px; float: left; margin: 0; background:url('images/bkgd-content-top.jpg') no-repeat; }
#content-mid { width: 670px; background:url('images/bkgd-content-mid.jpg'); padding-bottom: 15px; }
#content-footer { width: 670px; height: 42px; float: left; margin: 0; background:url('images/bkgd-content-btm.jpg') no-repeat; }



#content-home { color: #000; background:url('images/bkgd-home-mid.jpg'); }
#content-home h1{ color: #B86382; }
#content-home h2{ color: #B86382; }
#content-home h3{ color: #B86382; line-height: 30px; }
#content-home a:link { text-decoration: none; color: #B86382; border: 0; }
#content-home a:hover { text-decoration: none; color: #FEE15C; }
#content-home a:visited { text-decoration: none; color: #B86382; }
#content-home a:visited:hover { text-decoration: none; color: #FEE15C; }

#content-header-home { width: 900px; height: 46px; clear: both; margin: 0; background:url('images/bkgd-home-top.jpg') no-repeat; }
#content-mid-home { width: 900px; background:url('images/bkgd-home-mid.jpg'); padding-bottom: 15px; }
#content-footer-home { width: 900px; height: 46px; clear: both; margin: 0; background:url('images/bkgd-home-btm.jpg') no-repeat; }



#content-category { height: 338px; float: left; margin-right: 200px; width: 668px; }
#content-featured { float: left; margin-right: 20px; }
#content-project { height: 340px; float: left; margin-right: 260px; width: 670px; z-index: 30; }

#cateogrylist {padding:0; margin:0;	white-space:nowrap; list-style-type: none; float: left; }
#cateogrylist li{display: inline; float: left; padding: 50px; }

#content-single { margin: 0 50px 0 50px; }
#content-panel { margin-left: 20px; float: left; margin-bottom: 30px; }
#content-nav a { height:14px; display:block; text-decoration:none; }


#post-navigation{ clear: both; height: 14px; margin: 0 0 0 0; }
#post-prev{ width: 200px; float: left; height: 14px; }
#post-next{ width: 202px; float: right; height: 14px; text-align: right; }


#page { clear: both; width: 900px; }

#pagetitle { clear: both; color: #B86382; }

#page-entry { margin: 15px 10px 0 10px; }
#page-entry-contest { margin: 15px 10px 0 10px; text-align: center; }

#page-entry-links { margin: 15px 10px 0 10px; list-style-type: none; float: left; vertical-align: top; }
#page-entry-links img{ float: left; vertical-align: top; margin-right: 15px; }
#page-entry-links li{ width: 600px; margin: 0 0 20px 10px; list-style-type: none; vertical-align: top; }

#page-home-entry { width: 370px; margin: 15px 10px 0 10px; float: left; text-align: center; }
#page-home-entry h3{ color: #B86382; line-height: 30px; }
#page-home-image { width: 400px; margin: 15px 0 10px 10px; float: left; text-align: center; }
#page-home-image h3{ color: #B86382; line-height: 20px; }

#page-contest-entry { width: 300px; margin: 15px 0 0 25px; float: left; vertical-align: middle; }
#page-contest-entry h3{ color: #B86382; line-height: 30px; }
#page-contest-image { width: 300px; margin: 20px 0 0 10px; float: left; text-align: center; }
#page-contest-image h3{ color: #B86382; line-height: 20px; }

#page-contest-form { margin: 15px 10px 0 10px; font-size: 11px; }

#page-vendorlist-image { width: 500px; height: 100px; float: left; vertical-align: top; font-size: 12px; line-height: 1.2; }
#page-vendorlist-image p{ margin-top: 8px; }




#post { clear: both; margin: 10px 0 30px 10px; }
#post ul{ list-style:none; margin: 0px; }
#post li{ clear: both; }

#post-date { margin-bottom: 5px; }

#post-entry { margin: 5px 10px 10px 10px; }

#post-break { text-align: center; }

#post-brief { margin-right: 5px; top: 149px; position: absolute; float: left; z-index: 20; margin-top: 200px; margin-left: 5px; }
#post-brief ul{ list-style:none; line-height:1; }
#post-brief li{ margin-bottom: 10px; }

#post-brief-share { float: left; }

#post-category-image { float: left; width: 150px; height: 100px; }
/*#post-category-image a { float: left; width: 150px; min-height: 100px; border: solid #242420 1px; }
#post-category-image a:hover { float: left; width: 150px; min-height: 100px; border: solid #7C8700 1px; }*/
#post-category-data { float: left; width: 480px; margin-left: 10px; }

#post-metadata { margin-top: 3px; margin-left: 10px; }
#post-metadata-share { float: left; margin-right: 20px; }
#post-metadata-tags { float: left; margin-top: 3px; margin-left: 10px; color: #B86382;}

#post-img { position: absolute; float: left; margin-top: -178px; z-index: 30; top: 178px; }

#post-data { margin-left: 10px; margin-bottom: 3px; }

#addtoany { margin: 7px 0 0 0; }

#respond { margin: 20px 0 0 0; }
#respond li{ margin: 20px 0 0 0; }
#respond h4{ color: #B86382; line-height: 25px;}

#comment { margin: 0 0 20px 0; }
#comment li{ margin: 20px 0 20px 0; }
#comment-metadata { line-height: 25px;}
#comment-author vcard { font-size: 13px; margin: 20px 0 0 0; }


#links { float: left; width: 155px; margin-right: 7px; margin-bottom: 10px; }
#links ul{ float: left; margin-top: 5px; margin-left: 10px; margin-bottom: 10px; }
#links li{ float: left; margin-bottom: 10px; }


#postList { width: 110px; 
	float: left; height: 520px; top: 40%; overflow: scroll; margin-top: -305px;/* half of the height */ position: relative; }
#postList li { margin-bottom: 15px; }



/* FOOTER */
#footer-left { float: left; font-weight: bold; line-height: 20px; margin: 20px 0 0 10px; letter-spacing: 1px; font-size: 10px; }

#footer-right { float: right; width: 200px; line-height: 20px; margin: 20px 10px 0 0; text-align: right; letter-spacing: 1px; font-size: 10px; }

#footer-bkgrd { width: 100%; height: 25px; top: 100%; margin-top: -35px; position: fixed; z-index: 90; } 
#footer-box { background:url('images/bkgrd-drkgry.jpg'); width: 100%; height: 20px; float: left;  } 
#footer-edge-top { background:url('images/bkgrd-edge-top-drkgry.jpg'); width: 100%; height: 31px; float: left; } 

#footer-navigation { float: right; } 
#footer-share { float: right; margin-right: 10px; } 





/* TYPOGRAPHY & COLORS */

body, html { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; margin: 0; padding: 0; background-color: #FEE15C; }

p { font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
h1 { font-size: 24px; line-height: 1.2em; }
h2 { font-size: 20px; line-height: 1.2em; }
h3 { font-size: 16px; line-height: 1.2em; }
h4 { font-size: 14px; line-height: 1.2em; }
h5 { font-size: 11px; line-height: 1.2em; }
a:link { text-decoration: none; color: #000; border: 0; }
a:hover { text-decoration: none; color: #B86382; }
a:visited { text-decoration: none; color: #000; }
a:visited:hover { text-decoration: none; color: #B86382; }

.texta { font-size: 11px; color: #000000; width: 140px; margin: 0 20px 0 0; }
.texta-browse { font-size: 11px; color: #000000; width: 400px; margin: 0 10px 0 0; }

.buttons { font-size: 11px; color: #FEE15C; background-color: #B86382; border: 0; padding: 2px 0 2px 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-top: 5px; }

