/* BASIC CSS RESET */
@charset "utf-8";
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding: 0; border: 0; outline: 0;}
h1, h2, h3, h4, h5{padding:0px;margin:0px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
a {outline:none;padding:0;margin:0;border:0;}
* { outline: 0; }
html, body { min-height: 100%; }
body, ul, ol, dl { margin: 0; }
img { border: 0; }
article, aside, audio, footer, header, nav, section, video { display: block }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : 0px; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="submit"] { -webkit-appearance:none; }
img.right { float: right; margin-left: 5px; clear: right; }
img.left { float: left; margin-right: 5px; clear: left; }
table { border-collapse: collapse; }
th {color: #fff; }
td { padding: 1px; border: 1px solid black; }
/* COMMON HTML TAGS
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {background:url(../images/body-background.jpg) repeat; color: #786f78; font-size:14px; font-family:Arimo, sans-serif; line-height:20px; position: relative;}
a {text-decoration:none;}
h1, h1 a {color: #744675; font-size:32px; font-family:Oswald, sans-serif; text-transform:uppercase; margin-bottom:30px;}
h2, h2 a { color: #df6296; font-size:29px; font-family:Oswald, sans-serif; text-transform:uppercase; margin-bottom:20px; line-height: 40px}
h3, h3 a { color: #3a3431;font-size:20px; font-family:Oswald, sans-serif; margin-bottom:20px; line-height: 40px}
h4, h4 a {color: #3a3431;font-size:18px; font-family:Oswald, sans-serif; margin-bottom:20px; line-height: 30px}
h5, h5 a {color: #3a3431;font-size:15px; font-family:Oswald, sans-serif; margin-bottom:10px; line-height: 30px}
p {margin-bottom:13px;}
.content img, .slider1-img {padding: 4px; background-color: #fff; border:1px solid #dcdcdc; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow:1px 1px 2px #d4d4d3; -webkit-box-shadow:1px 1px 2px #d4d4d3; -moz-box-shadow:1px 1px 2px #d4d4d3;}
.content a {color: #df6296; }
.content a:hover {color: #bf4376}
.content ul, .content ol {color: #df6296;}
.content ul li {background:url(../images/list-bg.png) no-repeat left; padding-left:25px;list-style:none; margin-bottom:10px;}
.content ol {margin:20px 0; }
.content ol li {margin-bottom:10px; }
.content ol li ul li, .content ol li ol li {margin-bottom:3px;}
.content ol li ul, .content ol li ol {margin:10px 0;}
.content ol p, .content ul p {color: #786f78; margin-bottom:0px;}
.content blockquote {background:url(../images/blockquote-bg.jpg) no-repeat; padding-left:88px; margin:20px 0; min-height:70px;color: #a599a5; font-style:italic; font-size:15px; line-height:24px;}
.widget ul, .widget ol {color: #786F78; padding-left:10px;}
table{ border-collapse: collapse; font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;font-size: 12px;text-align: left;border:1px solid #e1e1e1;}
thead {display: table-header-group; vertical-align: middle; background:#faf9fa;}
tr { display: table-row; vertical-align: inherit;}
table th {color: #744675;font-size: 14px;font-weight: normal;padding: 12px 15px;}
tbody {display: table-row-group; vertical-align: middle;}
table td { border:1px solid #e1e1e1;padding: 10px 15px;}
table tr:hover {background:#faf9fa;}
table.fl-left {margin-right:20px;}
table.fl-right {margin-left:20px;}
a.prettyphoto {display:block}
a.prettyphoto.fl-right {margin-left: 10px;}
a.prettyphoto.fl-left {margin-right: 10px;}
.dropcap1, .dropcap2, .dropcap3, .dropcap4 { border-radius: 100px 100px 100px 100px;-webkit-border-radius: 100px; -moz-border-radius: 100px;display: block;float: left;font-size: 18px;font-weight: bold;line-height: 35px;margin: 4px 8px 0 0;text-align: center;width: 35px;background-color: #ac8eac;color: #FFFFFF;}
.dropcap2 {font-family: 'Pinyon Script',cursive; font-size: 35px; background: #fff; color: #e36296}
.dropcap3 {font-family: Oswald,sans-serif; font-size: 35px; background: #fff; color: #734674; width: inherit;}
.dropcap4 { background: #df65ad; color: #fff; width: inherit; padding: 0 5px}
/* USEFUL CSS CLASSES
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.inblock { display:inline-block !important; }
.clear {clear:both; height:1px;}
.jusify {text-align:justify;}
.fl-left, .align-left {float: left;}
.align-left {margin-right: 10px;}
.align-right {margin-left: 10px;}
.fl-right, .align-right {float: right;}
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right:15px; }
.alignright { float:right; margin:5px 0 5px 15px; }
/* GENERAL ELEMENTS
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
header {width:1000px; margin: 0px auto 20px auto; position: relative; z-index:9999;}
.main-bg {background:url(../images/main-bg.jpg) repeat-x top left; min-height:900px;}
/* LOGO
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.logo {line-height: 80px;font-family: 'Oswald', sans-serif;position: absolute; display: block;background:url(../images/logo-bg.png) no-repeat; width:298px; height:159px; left:36%; color: #c03d74; font-size:31px; text-transform:uppercase; text-align:center;}
.logo span { background: url("../images/logo-sepparator.png") repeat-x scroll 0 0 transparent; color: #472D48; display: block; font-family: 'Pinyon Script',cursive; font-size: 29px; line-height: 45px; margin: 0 auto; text-shadow: 1px 1px 1px #FFFFFF; text-transform: lowercase; width: 210px; margin-top:-5px;}
/* MENU
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
nav ul.mainnav {font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; text-shadow:1px 2px 1px #000;}
.ie nav ul.mainnav {font-weight: 300; font-size: 15px}
nav ul {list-style:none;}
nav ul li { display: inline; }
nav ul li a {color: #fff;
-webkit-transition:color 0.2s ease-in-out;
-moz-transition:color 0.2s ease-in-out;
-o-transition:color 0.2s ease-in-out;
transition:color 0.2s ease-in-out;
}
nav ul li a:hover, nav ul li a.current {color: #e972a4;}
nav ul li a:hover {}
nav .fl-left {background:url(../images/left-menu-bg.png) no-repeat; width:421px; height:113px; line-height:111px;}
nav .fl-right {background:url(../images/right-menu-bg.png) no-repeat; width:380px; height:113px;line-height:111px;}
nav ul.fl-left li {margin-right:20px;}
nav ul.fl-right li {margin-left:20px;}
nav ul.fl-right li:first-child {margin-left:40px;}
nav ul.fl-right li ul li:first-child {margin-left:0px;}
/*- The dropdown menu
----------------------------------------------------------------------*/
ul.mainnav{}
ul.mainnav li {float:left;list-style:none; background: url(../images/topmenu_divider.png) no-repeat right 0px; padding:0 0px 0 0; margin:0 5px 0 0;}
ul.mainnav li ul li:last-child{background:url(../images/dropdown_bottombg.png) repeat-y left bottom!important; padding-bottom:2px;}
ul.mainnav li.back{border-bottom:6px solid #ef581d;width:9px;height:64px;z-index: 8;position: absolute;}
ul.mainnav li a{position:relative;overflow:hidden;z-index:10;}
ul.mainnav li.current a{text-decoration:none; color:#FFF; }
nav ul li a:hover{z-index:9999; position:relative}
nav ul li:hover{position:relative;z-index:9999; text-decoration:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
nav ul ul, nav ul:hover ul ul{position:absolute;left:-9999px;top:-9999px;width:100%;height:0;margin:0;padding:0;list-style:none;}
nav ul :hover ul{top:70px;left:-1px;padding:0; margin:0;width:206px;padding:17px 0 0 0!important;margin:0 !important;height:100%;display:inline-table;background:url(../images/dropdown_topbg.png) no-repeat 0 0;
}
nav ul :hover ul li {width:200px; padding:0 3px; margin:0; display:block;height:auto!important; background:url(../images/dropdown_bg.png) repeat-y 0 0!important; }
/**:first-child+html .menu :hover ul li{background:#0d0d0d; margin-left:-5px; width:100% }*/
nav ul :hover ul li a {color:#33271c!important; font-size:15px !important;text-align:left; float:left; margin:0 0 2px 4px; padding:7px 10px 5px 10px;display:block !important;
border-bottom:1px solid #FFF; width:86%; line-height:normal; height:auto; text-shadow:none!important;}
nav ul :hover ul li a:hover {color:#FFF!important; text-decoration:none; background:#ac8eac; ; }
nav ul :hover ul li:last-child a{border-bottom:none;}
/* Index_1.html - WELCOME AREA
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.welcome-area, .inner-welcome-area {width:1000px; margin: 0 auto;}
/* WELCOME LEFT AREA */
.welcome-area .fl-left {width:50%;}
.thedate {background:url(../images/thedate-bg.png) no-repeat; width:420px; height:440px; }
.thedate .day {font-family:'Oswald', sans-serif; font-size:120px; color: #c03d74;text-align:center; padding-top:80px;text-shadow:1px 1px 1px #FFFFFF, -1px -1px 2px #963853, -1px -1px 0 #C03D74; line-height:170px;}
.thedate .month {font-family:'Oswald', sans-serif; font-size:60px; color: #664067;text-align:center; line-height:40px; background:url(../images/logo-sepparator.png) repeat-x; width:250px; margin:0 auto; padding-top:28px;}
.thedate .time {font-family:'Arimo', sans-serif; font-size:23px; color: #664067; text-align:center; line-height:80px;}
.thedate sup {color: #664067; font-size:30px; text-shadow:none; line-height:0;}
.meetus {font-family:Oswald, sans-serif;background:url(../images/meetus.png) no-repeat; width:260px; height:75px; display: block; border:1px solid transparent; color: #fff; text-shadow:1px 1px 1px #2a192b; font-weight:300; margin-top:30px; margin-left:90px;}
.meetus:hover {background-position: 0 -79px;}
.meetus span.heart {background:url(../images/heart.png) no-repeat; display: block; height:76px; width:108px; text-align: center; font-size:18px;line-height:20px; padding-top:25px; margin-left:-45px; margin-top:-20px;}
.meetus span.buttontext {display: block;margin-top: -67px;text-align: center; font-size:24px; margin-left:20px;margin-bottom:5px;}
.ie .meetus span.buttontext {font-size: 20px}
.meetus span.buttonsubtitle {display: block; font-size:13px; font-family:Arimo, sans-serif; color: #f7f2f7; text-shadow:none; text-align:center;margin-left:15px;}
/* WELCOME RIGHT AREA - Index_1.html - BxSlider area */
.welcome-area .fl-right {width:44%; float: right; height:460px; margin-top:40px; margin-right:5px; background:url(../images/slider-outer-bg.png) repeat;border:1px solid #fff;padding:20px; position: relative;}
.slider-inner-bg {background:url(../images/slider-inner-bg.png) no-repeat; width:470px; height:517px; position: absolute; top:-20px; left:6px;}
.round-frame {padding: 5px; background:#fff; border-radius:150px 150px 150px 150px;-webkit-border-radius: 150px; -moz-border-radius: 150px; box-shadow:0px 0px 2px #8f8f8f;-webkit-box-shadow:0px 0px 2px #8f8f8f; -moz-box-shadow:0px 0px 2px #8f8f8f; margin-bottom:10px;}
.her {width:230px;height:230px;}
.him {width:200px;height:200px;position: absolute; top:30px; left:200px; margin-bottom:0px;}
.her img {border-radius:150px 150px 150px 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; width:230px;height:230px;}
.him img {border-radius:150px 150px 150px 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; width:200px;height:200px}
#slider1 {font-size:17px; line-height:27px;}
#slider1 .readmore {width: 90px; float: right;}
#slider1 li {position: relative; height:370px; padding:15px 0 0 5px; }
#slider1 li ul li {position: static; height:inherit; padding: 0px 0px 10px 0px;}
.bx-wrapper {height:96%; padding: 10px; padding: 90px 0 0 20px;}
.bx-pager { text-align:center; margin:15px auto 0 auto; width:20%; height:20px;}
.bx-pager a {background:url(../images/slider-nav.png) no-repeat; padding-right:15px;text-indent:-9999px; display: block; width:2px; float: left;}
.bx-pager a.pager-active, .bx-pager a:hover {background:url(../images/slider-nav-current.png) no-repeat;}
.fulltextslider .bx-pager {float: left; margin-left: 35px;}
/* index_2.html - full slider with text and images */
.fulltextslider {width: 1003px; margin-top: 60px}
.fulltextslider .slider-wrapper {width: 96%; float: none; margin-right: 0px; height: 468px;margin-top: 40px;padding: 20px;position: relative;background: url("../images/slider-outer-bg.png") repeat scroll 0 0 transparent; border: 1px solid #FFFFFF;}
.fulltextslider .slider-inner-bg {background:url(../images/slider-inner-bg-2.png) no-repeat; width: 1024px; margin-left: -30px; height: 527px}
.fulltextslider #slider1 li {padding: 15px 0 0 35px}
.fulltextslider.welcome-area .fl-right {margin-right: 2px; margin-top: 1px; height: 328px; color: #000}
.fulltextslider h2 {color: #000}
/* Index_3.html - FULL SLIDER AREA */
.header-wrapper {width: 1000px; margin: 0 auto;}
.header-wrapper header {position: absolute; opacity: 0.9}
/* HOME PAGE CONTENT AREA
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.content-wrapper {width:1000px; margin: 20px auto; background:url(../images/content-wrapper-bg.png) repeat; border:1px solid #fff; box-shadow:0px 0px 2px #a8a7a8; -webkit-box-shadow:0px 0px 2px #a8a7a8; -moz-box-shadow:0px 0px 2px #a8a7a8; padding: 5px; position: relative; z-index: 9998}
.content-top {background:url(../images/content-top.png) no-repeat; height:20px; margin-bottom:-5px; margin-left:-3px; z-index:100; position: relative;}
.content {background:#fff; padding:20px 20px 40px 20px;box-shadow:0px 0px 2px #cfcecf;-webkit-box-shadow:0px 0px 2px #cfcecf; -moz-box-shadow:0px 0px 2px #cfcecf; }
.content-over-slider {margin-top:-50px; position: relative;}
.homecontent-left {width:390px; float: left; margin-right:40px; }
.homecontent-center {width:250px; float: left; margin-right:30px;}
.homecontent-right {width:250px; float: left; }
.homecontent-left h2, .homecontent-center h3, .homecontent-right h3 {margin-bottom:30px;}
.homecontent-center img, .homecontent-right img {margin-bottom:20px;}
.readmore {display: block; background:#ac8eac;text-align:center; color: #f7f2f7!important; font-size:13px; padding: 1px; margin-top:14px;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
.readmore span {
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
.readmore:hover, .readmore span:hover {background:#a062a2; color: #fff; }
.readmore span {background:#ac8eac; border:1px solid #d1c0d1; display: block;padding: 2px 7px; }
/* INNER PAGE WELCOME AREA
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.inner-welcome-area{position: relative;color: #786f78; text-shadow:1px 1px #fff;}
.inner-welcome-area a {color: #df6296;}
.inner-welcome-area a:hover {color:#bf4376;}
.inner-welcome-area .round-frame {padding: 3px;}
.inner-welcome-area .her, .inner-welcome-area .her img {width:150px;height:150px;}
.inner-welcome-area .him, .inner-welcome-area .him img {width:130px;height:130px;}
.inner-welcome-area .him {left:120px; top:20px;}
.inner-welcome-area .fl-left {width:300px;}
.inner-welcome-area .fl-right {width:700px; font-size:17px; line-height:28px; padding-top:30px;}
/* INNER PAGE CONTENT
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.inner-page{padding-top:0px; color: #786f78;}
.inner-header {background:url(../images/inner-header-bg.jpg) repeat-x; height:60px; margin-bottom:40px;}
.inner-header h1 {color: #df6296; font-size:25px; text-transform:none; line-height:50px}
#breadcrumbs a {background:url(../images/breadcrumb-arrow.png) no-repeat right; padding:0 15px 0 10px;}
.inner-header .fl-right {line-height:50px;}
/* blogpage_1.html */
.post {padding-bottom:35px;margin-bottom:35px; border-bottom:1px solid #e2e2e2;}
.post h2 a { color: #3f2840;font-size:25px; text-transform:none; }
.post h2 a:hover {color: #bf4376;}
.inner-page .meta span {color: #DF6296;}
.meta {font-size:13px; margin:13px 0 7px 0;}
.meta h2 { margin-bottom:0px}
.post-date {background:#fff; box-shadow:0 0 2px #8F8F8F; -webkit-box-shadow:0px 0px 2px #8F8F8F; -moz-box-shadow:0px 0px 2px #8F8F8F; border-radius:150px 150px 150px 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; width:50px; height:50px; font-family:Oswald, sans-serif; margin: 0 auto;}
.post-date span{ display: block; width:30px; margin: 0 auto; text-align:center; padding-top:5px;}
.thumbnail {margin-bottom:20px; }
.post-content .fl-right {width:540px;}
.content-col {width:670px;}
.sidebar-col {width:260px;}
.sidebar-col h3 {color: #df6296; margin-bottom:20px;}
.mini-post {margin-bottom:10px; padding-bottom:10px;border-bottom:1px solid #e2e2e2; }
.mini-post img {padding: 2px;}
.mini-post .fl-right {width:190px;}
.mini-post h4 a, .mini-post h4 {color: #3F2840; margin-bottom:0px; line-height:24px;}
.mini-post .meta {margin:0;}
.widget {margin-bottom:40px;}
.image-bg {position: relative;}
.image-background {border:none!important;padding: 0px!important; background-color:transparent!important; position: absolute; display: block; bottom:30px; box-shadow:none!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; left:4px;}
#search {position: relative;}
.widget #send_message { background:url(../images/search-button.png) no-repeat; width:38px; height:33px; border:none; position: absolute; right:55px;}
.widget #send_message:hover {cursor: pointer;}
.tagcloud {line-height:29px;}
.tagcloud a {color: #a095a0;}
.content-col .post:last-child {border-bottom:none;}
.pagination a, .pagination span {padding-right:3px;}
.widget #search-button { background:url(../images/search-button.png) no-repeat; width:38px; height:33px; border:none; position: absolute; right:55px;}
.widget #search-button:hover {cursor: pointer;}
/* blogpage_2.html */
.post2 {padding-bottom:35px;margin-bottom:35px; border-bottom:1px solid #e2e2e2;}
.post2 h2 a { color: #3f2840;font-size:25px; text-transform:none; }
.post2 h2 a:hover {color: #bf4376;}
.post2 .post-content {width:320px;}
.post2 .readmore {width:90px; margin-top:50px;}
.post2 .meta {width:600px;}
.post2 .post-date {margin-top:20px;}
.content-col .post2:last-child {border-bottom:none;}
/* single post page */
.single .meta {width:600px;}
.single .meta h2 {margin-top:0px;;}
.single .post-date {margin-bottom:20px;}
.single img.fl-left {margin:0px 20px 20px 0;}
.single h2{ color: #3f2840;font-size:25px; text-transform:none;}
.single h1 {text-transform:none; margin-top:30px;}
.single-details {border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; padding: 20px 0px; margin:20px 0;}
.single-details li {padding-left:20px; color: #786f78;}
.single-details li:first-child {background:url(../images/categories-bg.jpg) no-repeat;}
.single-details li:last-child {background:url(../images/tags-bg.jpg) no-repeat;}
.comments img {border-radius: 150px 150px 150px 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; height: 100px;width: 100px; margin:-3px auto 0 -3px; display: block; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; padding: 0px;}
/* single post comments */
.comments-list {margin:50px 0 70px 0; }
.content .comments-list {color: #786F78;}
.content .comments-list {padding-left:0px;}
.content .comments-list li {background:none;padding-left:0px;clear: both;}
.comment-meta {width:120px; text-align:center; background-color:#fff;}
.comment-meta .round-frame {margin-bottom:10px; width:95px; height:95px;}
.comment-content {width:480px; padding: 20px; background:#fff; border:1px solid #DCDCDC; box-shadow:0px 0px 2px #D4D4D3; -webkit-box-shadow:0px 0px 2px #D4D4D3; -moz-box-shadow:0px 0px 2px #D4D4D3;}
.comment-children {width:467px; float: right; border-left:1px solid #DCDCDC; padding: 0px; margin-top:4px; margin-bottom:50px;}
.comment-children .comment-content {width:350px;}
.comment-children li {margin-left:-60px; padding-top:50px;}
.comment-children .comment-meta {padding:4px 0;}
.content .comment-children li {margin-bottom:0px;}
#commentform {margin-top:30px;}
#commentform #comment {width:98%;}
#commentform .textbox {border:1px solid #e1e1e1;padding:8px; margin-bottom:20px; margin-right:10px; width:200px; }
#commentform #send_comment {display: block; background:#ac8eac;text-align:center; color: #f7f2f7!important; font-size:13px; padding: 7px; margin-top:14px; border:none;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;}
#commentform #send_comment:hover {background:#a062a2; color: #fff; cursor: pointer}
#commentform .fl-right {width:300px;}
#commentform .fl-right input {margin-top:20px; }
/* the wedding page */
.full-col {width:960px;margin-bottom: 00px;}
.single {}
.left-branch {border-right: 1px solid #e2e2e2; margin-top: 60px; padding: 0px; width: 35%; margin-bottom: 100px}
.content .left-branch li, .content .right-branch li {background: none; padding: 0px; position: relative; margin-bottom: 90px;} /* overwrite the default list settings */
.content .left-branch li:last-child, .content .right-branch li:last-child {margin-bottom: 0px;}
.content .left-branch li h4, .content .right-branch li h4 {color: #DF6296; font-size: 25px}
.content .left-branch li h5 , .content .right-branch li h5{font-family: arimo, sans-serif; color: #887988; font-style: italic;}
.content .left-branch .bride {display: block; height: 300px; margin-bottom: 0px } /* the list item containing the bride info */
.left-branch .bride h3 {text-align: right; font-size: 25px; color: #DF6296}
.left-branch .round-frame {right: -90px}
.bride .round-frame {right: -125px} /* the div containing the bride photo */
.left-branch .participant-details {width: 230px;}
.left-branch .round-frame, .right-branch .round-frame {height: 170px;width: 170px; position: absolute;}
.left-branch .round-frame img, .right-branch .round-frame img {border-radius: 150px 150px 150px 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; height: 170px; width: 170px;border: none; box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow:none;padding: 0px}
.right-branch {border-left: 1px solid #e2e2e2;margin-top: 60px; padding: 0px; width: 35%}
.content .right-branch .groom {display: block; height: 300px; margin-bottom: 0px} /* the list item containing the groom info */
.right-branch .groom h3 {text-align: left; font-size: 25px; color: #DF6296}
.right-branch .groom-name {left:-70px;}
.right-branch .round-frame {left: -90px;}
.right-branch .groom .round-frame {left: -125px} /* the div containing the groom photo */
.bride .round-frame, .groom .round-frame {height: 230px;width: 230px;}
.left-branch .bride-name, .right-branch .groom-name {position: absolute; top: -40px; width: 450px; right: -95px}
.bride .round-frame img, .groom .round-frame img{height: 230px;width: 230px; }
.left-branch .participant-details .round-frame, .right-branch .participant-details .round-frame {position: static;width: 100px; height: 100px; padding: 3px;}
.right-branch .participant-details {width: 230px}
.right-branch .groom .participant-details {width: inherit;}
.right-branch .participant-details .round-frame {margin-right: 0px; margin-left: 20px}
.left-branch .participant-details .round-frame img, .right-branch .participant-details .round-frame img {background: none repeat scroll 0 0 #FFFFFF;border-radius:150px; -webkit-border-radius: 150px; -moz-border-radius: 150px;box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow:none;width:100px; height: 100px;}
.content .participant-details li, .content .participant-details { padding: 0px}
.participant-details li {font-family: Oswald,sans-serif; font-size: 20px; margin-bottom:0px!important;}
.participant-details li img {border:none;border-radius: 150px 150px 150px 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px;height: 100px;padding: 0;width: 100px;}
.participant-details .readmore {cursor: pointer}
.parentname {display:block; line-height:25px; margin-top:30px;width:110px;}
.groom .parentname {text-align: right; width: 100px;}
/* the registry page */
.registry-entry {float: left;margin-right: 30px;width: 300px; margin-top: 30px; margin-bottom: 50px}
.registry-entry:nth-child(3n+1) {margin-right: 0px}
.registry-entry img {margin-bottom: 10px}
.registry-entry p {margin-bottom: 0px}
.registry-entry h3 {font-size: 22px; color: #DF6296; margin-bottom: 20px}
/* full-width page */
.onehalf {width: 45%; float: left; margin:20px 0;}
.onehalf.firstcol {margin-right: 60px;}
.onethird {width: 30%; float: left;margin:20px 0;}
.onethird.firstcol, .onethird.secondcol {margin-right: 40px;}
.onefourth {width: 20%; float: left; margin:30px}
.onefourth.firstcol {margin-left: 0px;}
.onefourth.lastcol {margin-right: 0px;}
/* The Gallery Page 1 */
figure.entry {width:290px; float: left; position: relative; margin:30px 30px 0 0;}
figure.logo {background:none; display: inherit; height:inherit; position: static; line-height:inherit; }
figure span.title {position: absolute; bottom:10px; width:268px; left:5px; background: url("../images/content-wrapper-bg.png") repeat; padding: 10px 0px 10px 10px; text-align:center; color: #000;}
.portfoliofilter {margin-top:50px;}
.portfoliofilter ul {padding: 0px; margin:0px;}
.portfoliofilter ul li {background:none; padding-left:15px;}
.portfoliofilter ul li:first-child {padding: 0px; color: #786f78;}
.portfoliofilter ul li:nth-child(2){background:url("../images/list-bg.png") no-repeat scroll left center transparent; margin-left:5px;padding-left:25px;}
.portfoliofilter .readmore {padding:4px 1px; display: inline;}
.portfoliofilter .readmore span {display: inline;}
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
/* The Gallery Page 2 */
.roundportfolio img {}
.image-overlay-bg {background: url('../images/image-overlay-bg.png') no-repeat scroll center center #fff; bottom: 0; display: block;left: 0;position: absolute;right: 0;top: 0;z-index: 1; opacity: 0}
.entry .roundcontainer .roundhidden {overflow: hidden;border-radius: 150px 150px 150px 150px;-webkit-border-radius: 150px; -moz-border-radius: 150px;height: 190px;width: 190px;}
.entry .roundcontainer { border: 1px solid #DCDCDC;border-radius: 150px 150px 150px 150px;-webkit-border-radius: 150px; -moz-border-radius: 150px;box-shadow: 1px 1px 2px #D4D4D3; -webkit-box-shadow:1px 1px 2px #D4D4D3; -moz-box-shadow:1px 1px 2px #D4D4D3; height: 190px;padding: 5px;width: 190px;}
.entry .roundcontainer img {background:none; border:none; border-radius: 0;-webkit-border-radius: 0px; -moz-border-radius: 0px; box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow:none; padding: 0; display: block;margin-left: -10%;}
.roundcontainer span.title {background: url("../images/content-wrapper-bg.png") repeat scroll 0 0 transparent;bottom: 20px;color: #000000;left: 9px;padding: 10px 25px;position: absolute;text-align: center;width: 147px;}
.roundhidden .image-overlay-bg { width: 209px}
/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer {padding-top:20px; text-shadow:1px 1px 1px #fff;}
footer h3 { color: #DF6296;font-family: Oswald,sans-serif;font-size: 29px; margin-bottom: 10px; text-transform: uppercase; margin-bottom:40px;}
.footer-left {width:500px; padding: 20px;}
.footer-left h3 {color: #3a3431;}
.footer-right img.alignleft {margin-top:3px;}
.footer-right {width:420px;padding: 20px;}
/* the contact form */
footer .contact-left {width:200px; margin-top:2px;}
footer .textbox, footer #message, .sidebar-col .textbox {padding:8px; border-radius:4px;-webkit-border-radius: 4px; -moz-border-radius: 4px; background:#fdfdfc; border:1px solid #fff; box-shadow:inset 1px 1px 2px #c8bebd;-webkit-box-shadow:inset 1px 1px 2px #c8bebd; -moz-box-shadow:inset 1px 1px 2px #c8bebd;}
footer .textbox, .sidebar-col .textbox {margin-bottom:20px; width:170px;}
.sidebar-col .textbox {margin-bottom:0px;}
footer #message {width:280px; height:180px; font-family:Arimo,sans-serif; font-size:13px;font-style:italic;}
footer .submit-button {background: none repeat scroll 0 0 #DF6296; padding: 2px; width:185px; margin-top:20px;
-webkit-transition:background-color 0.3s ease-in-out;
-moz-transition:background-color 0.3s ease-in-out;
-o-transition:background-color 0.3s ease-in-out;
transition:background-color 0.3s ease-in-out;
}
footer #send_message { background: none repeat scroll 0 0 #DF6296;border: 1px solid #eda5c3; margin:0px; box-shadow: none;-webkit-box-shadow:none; -moz-box-shadow:none; color: #FFFFFF;padding: 4px 20px;font-family: Oswald,sans-serif; font-size:20px; text-shadow:1px 1px 1px #4d304e; width:185px;
-webkit-transition:background-color 0.3s ease-in-out;
-moz-transition:background-color 0.3s ease-in-out;
-o-transition:background-color 0.3s ease-in-out;
transition:background-color 0.3s ease-in-out;
}
footer #send_message:hover, footer .submit-button:hover {cursor: pointer; background:#c03d74; }
footer .radiobutton {font-size:11px;}
#contact_form {position: relative;}
#mail_fail {margin-bottom: -43px;}
.notcompleted {background: #FFBABA!important; color: #D8000C; text-shadow:1px 1px 1px #fff; }
/* contact */
#cf_submit_p { text-align:right; margin:0px; position: absolute; bottom: 6px; left: 0 }
.error {display: none; padding:10px;color: #D8000C;font-size:12px;background-color: #FFBABA;}
.success {display: none;padding:10px;color: #044406;font-size:12px;background-color: #B7FBB9;margin-top: 20px;}
#contact_logo { vertical-align: middle; }
.error img { vertical-align:top; }
/* the ceremony icons */
.footer-right h3 {width:200px;}
.footer-icons { width:220px; padding: 0px;}
.footer-icons li { list-style:none; display: inline; margin-right:4px;}
.footer-icons li:last-child {margin-right:0px;}
.footer-icons li span {background:#ac8eac; padding: 10px 8px 4px 8px; border-radius:3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer;
-webkit-transition:background-color 0.3s ease-in-out;
-moz-transition:background-color 0.3s ease-in-out;
-o-transition:background-color 0.3s ease-in-out;
transition:background-color 0.3s ease-in-out;
}
.footer-icons li span:hover {background:#a062a2; }
/* the tooltip */
.minitip-content {font-size: 11px;padding: 8px 10px;color: #fff;text-shadow: 0 0 2px #000;background-color: #3C3C3C;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.gray .minitip-content{border:1px solid #dad6db; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #000; text-shadow:1px 1px 1px #fff; font-size:12px; text-align:center; width: 120px; padding-top: 7px;
background: #fcfcfc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #fcfcfc 32%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#fcfcfc), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfcfc 32%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfcfc 32%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfcfc 32%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(top, #fcfcfc 32%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-8 */
opacity: 0.9;
-moz-opacity: 0.9;
filter:alpha(opacity=9;0.9;);
}