/* Theme Name: Invitations
/*CSS Document*/

*{outline:0px; margin:0px;padding:0px;}

body{margin:30px 0px 0px 0px;min-height:100%;height:auto !important;height:100%;padding:0px;background: #330033 url(images/iobg.jpg) repeat-x;}

div, span, p, td, from{margin:0px;padding:0px;font-family:"Trebuchet MS";color:#353535;font-size:12px;line-height:20px;}
p{margin:0px 0px 10px 0px;padding:0px;font-family:"Trebuchet MS";color:#353535;font-size:12px;line-height:20px;}

img {border:0px;}
.Clear {clear:both;}

.LeftFloat{float:left;margin:5px 10px 0px 0px;}
.RighFloat{float:right;margin:5px 10px 0px 0px;}

.myButton {
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #ababab;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	padding:2px 12px;
	text-decoration:none;
}.myButton:hover {
	background-color:#ffffff;
}.myButton:active {
	position:relative;
	top:1px;
}

h1{clear:both;display:block; margin:0px;padding:0px 0px 15px 0px;font-size:26px;color:#000000;font-weight:bold;}
h1 span{font-size:26px;color:#449713;font-weight:bold;}
h3{clear:both;display:block; margin:0px;padding:0px 0px 15px 0px;font-size:18px;font-weight:normal;}
h4{clear:both;display:block; margin:0px;padding:0px 0px 0px 0px;font-size:15px;font-weight:bold;color:#353535;}
a:link, a:visited {color:#0055ff;text-decoration:none;}
a:hover{color:#666;}

#Container{width:942px;margin:0 auto;background:#FFFFFF;padding:12px 9px 10px 9px;}
#MainDiv{float:left;width:942px;padding:8px 0px 0px 0px;}
/*Main Navigation CSS Starts*/
#MenuBg{float:left;width:942px; height:39px;color:#ffffff;}


#MenuSearch{width:170px;float:left;padding:8px 10px 0px 17px;}
#MenuSearch input{border:1px solid #000000;width:162px;height:15px;padding:3px 5px;float:left;font-size:11px;color:#8b8b8b;}
/*Main Navigation CSS Ends*/

/*Header Section CSS Starts*/
#Header{width:942px;float:left;height:120px;}
.Logo{width:216px;float:left;padding:20px 0px 0px 22px;}
.SearchBox{width:275px; float:left;padding:0px 0px 0px 428px;}
.SearchBox h2{font-size:18px;text-align:right;padding-right:8px;line-height:21px;display:block;clear:both;margin-bottom:10px;}
.SearchBox h2 span{font-size:26px;color:#89ba12;text-align:right;}
.NameInput{border:1px solid #878787;width:162px;height:15px;padding:3px 5px;margin-bottom:5px;float:left;}
.EmailInput{border:1px solid #878787;width:100px;height:15px;padding:3px 5px;float:left;}
.SearchBox label{width:90px;float:left;text-align:right;padding:3px 5px 5px 0px;font-size:13px;}
.Searchbtn{float:left;margin-left:5px;}
/*Header Section CSS Ends*/

/*Mid Content CSS Starts*/
.ProdImg{width:942px;float:left;line-height:15px;padding:0 0 10px 0; }
.ProdImg ul{margin:0px;padding:0px;}
##.ProdImg li{margin:0px;padding:0px 0px 2px 0px;list-style:none;float:left;}
.ProdImg li{margin:5px;padding:5px;float:left;list-style:none;width:200px;height:275px;border:1px solid #c4c4c4;background:#ffffff;}


.RightSpece{padding:0px 0px 0px 8px;}
.Details{float:left;padding:0 0 0 9px;}
.Content{float:left;width:600px;height:100%;padding:0 0 0 10px;}
.Partners{float:left;width:932px;padding:0 0 0 10px;}
.Title{color:#472605;}
.LeftSide{float:left;width:308px;padding:0px 0px 0px 22px;}
.Testimonials{float:left;width:272px;margin:10px 0px 0px 0px;background:#e5e5e5;border:1px solid #c3c3c3;padding:15px 18px;font-size:11px;line-height:16px;color:#626262;}
.Testimonials h2{font-size:18px;padding-right:8px;line-height:21px;display:block;clear:both;margin-bottom:10px;}
.Testimonials h2 span{font-size:26px;color:#89ba12;}
.Testimonials a:link, .Testimonials a:visited{color:#1476d1;text-decoration:none;}

.ReadMore{float:left;color:#1476d1;}
.ReadMore a:link, .ReadMore a:visited{float:left;color:#1476d1;text-decoration:none;}
.ReadMore a:hover{color:#000000;}

.ContactButton{position:absolute;right:0;top:0;margin:124px 0px 0px 0px;}
.img{padding:0 20px 0 20px;}
.img1{padding:0 15px 0 15px;}
/*Mid Content CSS Ends*/

/*Footer CSS Starts*/
#Footer{width:960px;margin:0 auto;padding:5px 0px 10px 0px;color:#FFFFFF;}
/*Footer CSS Ends*/

/*Inner Parts Css Starts*/
.BradCiram{background:#dfa3d6;display:block;float:left;color:#343434;font-weight:bold;font-size:12px;padding:0px 5px;width:auto;}
.BradCiram a:link, .BradCiram a:visited{background:url(images/arrow-icon.png) no-repeat 0px 5px;color:#343434;font-size:12px;display:block;float:left;padding:0 15px;text-decoration:none;}
.BradCiram a:hover{color:#555;}
.BradCiram1{}
.BradCiram1 a:link, .BradCiram1 a:visited{color:#343434;font-size:12px;display:block;float:left;padding:0 15px;}
.BradCiram p{ margin:0px;}
.BradCiram strong{background:url(images/arrow-icon.png) no-repeat 0px 5px;color:#343434;font-size:12px;display:block;float:left;padding:0 15px;text-decoration:none;}


.LeftContent{float:left;width:221px;border:1px solid #cecece;background:#eaeaea;padding:18px;}
.RightContent{float:left;width:668px;padding:0 0 0 15px;}
.LeftTitle{width:220px;font-size:18px;color:#3f3f3f;padding:0 0 9px 0;font-weight:bold;}
.LeftLink{margin:0px;padding:0px 0px 18px 0px;float:left;width:220px;}
.LeftLink li{margin:0px;padding:0px;list-style:none;font-size:13px;line-height:18px;}
.LeftLink li a:link, .LeftLink li a:visited{font-size:13px;color:#4c4c4c;text-decoration:none;}
.LeftLink li a:hover{color:#000000;}

.InnerContent{float:left;width:668px;padding:15px 0 0 0;}
.Padding{padding-bottom:10px;}

.WeddingCard{float:left;width:668px;}
.WeddingCard ul{margin:0px;padding:0px;}
###.WeddingCard li{margin:5px;padding:5px 5px 0px 0px;list-style:none;float:left;}
.WeddingCard li{margin:5px;padding:5px;float:left;list-style:none;width:200px;height:240px;border:1px solid;}

.ItemsCard{float:left;width:668px;}
.ItemsCard ul{margin:0px;padding:0px;}
.ItemsCard li{margin:5px;padding:5px;float:left;list-style:none;width:200px;height:300px;border:1px solid;}



/*Footer Ends*/

#page { background-color: white; border: 1px solid #959596; text-align: left; }
#headerimg { margin: 7px 9px 0; height: 192px; width: 740px; }
.widecolumn .entry p { font-size: 1.05em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }
.postmetadata { background-color:#efefef }
.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }
small { font-size: 0.9em; line-height: 1.5em; }
#headerimg .description { font-size: 1.2em; text-align: center; }
h2.pagetitle { font-size: 25px; }
#sidebar h2 { font-size: 16px; color:#fff }
#sidebar div, #sidebar span, #sidebar p { color:#fff }
#sidebar ul li { color:#fff }
#sidebar ul li a:link, #sidebar ul li a:visited { color:#fff }
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }
.entry p a:visited { color: #FC5404; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentmetadata { font-weight: normal; }
small, .nocomments, blockquote, strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
a, h2 a:hover, h3 a:hover { color: #333; text-decoration: none; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Typography & Colors */



/* Begin Structure */
#page { background-color: white; margin: 20px auto; padding: 0; width: 760px; border: 1px solid #959596; }
.narrowcolumn { float: left; padding: 0 0 20px 45px; margin: 0px 0 0; width: 450px; }
.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }
.post { text-align: left; padding: 10px 10px 10px 30px; }
.post hr { display: block; }
.widecolumn .post { padding: 10px 20px; }
.postmetadata {padding:10px; margin-top:5px; margin-bottom:5x; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.postmetadata{clear: left; width:900px;}
.postmetadatablog{clear: left; width:300px;}
/* End Structure */
/*Begin Headers */
h3.comments { padding: 0; margin: 40px auto 20px; }
/* End Headers */
/* Begin Images */
p img { padding: 0; max-width: 100%; }
.clear { clear: both; }
/* End Structure */


/*	Begin Headers */

h2.pagetitle { margin-top: 30px; text-align: center; }
#sidebar h2 { margin: 5px 0 0; padding: 0; }
h3.comments { padding: 0; margin: 40px auto 20px; }
/* End Headers */

/* Begin Images */
p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
/* End Entry Lists */

/* Begin Form Elements */
#searchform { }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#respond { padding:5px; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; margin-left:10px; }
h3#comments { margin-left:10px; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Sidebar */
#sidebar { padding:10px; width:255px; float:left }
#sidebar form { margin: 0; }
/* End Sidebar */
/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
hr { border:solid 1px #CCCCCC }
a img { border: none; }
.navigation {display: block; text-align: left; margin-top: 20px; margin-bottom: 30px; clear:both; padding-left:10px; padding-right:10px; float:left; width:97%}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */
.PostBox{ }
.PostContent{ padding-top:10px; }

.ProdContent{ float:left; width:942px;}

.ProdBox{ float:left; width:942px; padding:8px 0px;}
.ProdBigImg{ float:left; width:300px; border:1px solid #bcbcbc;}
.ProdImageBox{ float:left; width:97px; padding:0px 0px 0px 5px;}
.ProdImageBox img{ border:1px solid #c0c0c0; margin:0px 0px 4px 0px}
.ProdDetail{ float:left; width:600px; padding:0px 0px 0px 28px;}

.hr{ border:1px solid #e5e5e5; margin:10px 0 10px 0;}
.BoxLeft {float:left; width:260px;}
.BoxRight {float:left; width:257px;}
.Select{ float:right; border:1px solid #d0cfcf; color:#535353; font-size:11px; padding:2px 0px;}
.Price{ float:right; font-weight:bold; clear:right; padding:5px 0 5px 0;} 
.Price1{ float:right; font-weight:bold; padding:15px 0 0 0; color:#8bbb16; font-size:16px;}  
.Price1 span{ color:#8bbb16; font-size:20px;}  
.Btn{ float:left; width:155px; text-align:right;}
.Btn img{ padding:0 0 0 7px;}
.Line{ float:left; border-bottom:1px solid #e5e5e5; height:10px; width:518px; margin:0 0 15px 0;}

/*=== FANCY BUTTONS
=======================================================*/

.button, 
.button span 					{ display: inline-block; }
.button 		{
	position:relative;
	zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
	overflow: visible; 
	outline: none;
	line-height:1em;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #999;/* IE Hack*/
	border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	/* FF3.5+ */
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);

	/* Safari 4+, Chrome */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
}

button::-moz-focus-inner 		{ border: none; /* overrides extra padding on sides FF3.5 */ }
button.button  					{ padding:0px; margin:0; }
.button.full, 
.button.full span 				{ display: block; }

.button:hover, 
.button.hover 					{
			/* FF3.5 */
			background: -moz-linear-gradient(
				center top,
				rgba(255, 255, 255, .2) 0%,
				rgba(255, 255, 255, .1) 100%
			);

			/* Safari4+, Chrome */
			background: -webkit-gradient(
				linear,
				center bottom,
				center top,
				from(rgba(255, 255, 255, .1)),
				to(rgba(255, 255, 255, .2))
			);
			
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
			}

.button:active, 
.button.active 				{
			top:1px;
			/* FF3.5 */
			background: -moz-linear-gradient(
				center top,
				rgba(0, 0, 0, .1) 0%,
				rgba(255, 255, 255, .1) 100%
			);
			/* Safari4+, Chrome */
			background: -webkit-gradient(
				linear,
				center bottom,
				center top,
				from(rgba(255, 255, 255, .1)),
				to(rgba(0, 0, 0, .1))
			);

			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
		}


.button span {
	border-top:1px solid rgba(255, 255, 255, 0.25);
	position: relative;
	color:#fff;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari, Google Chrome margin fix */
	button.button span {
		margin-top: -1px;
		margin-left:-2px;
		margin-right:-2px;
	}
}
.button.small span 	{ font-size:10px; text-transform:uppercase; font-family:Tahoma, Arial, Verdana, sans-serif; }
.button.medium span { font-size:14px; }
.button.large span 	{ font-size:18px; }

button.button:hover, 
a.button:hover 		{ background-color:#444; }

/*=== FANCY BUTTONS COLOR SCHEME
=======================================================*/
.button.dsearch				{ background-color: #788409; } .button.dsearch:hover			{ background-color: #919F13; }

.button.gray 				{ background-color: #666666; } .button.gray:hover				{ background-color: #666666; }
.button.brown 				{ background-color: #A52A2A; } .button.brown:hover 				{ background-color: #A52A2A; }
.button.cyan 				{ background-color: #00FFFF; } .button.cyan:hover 				{ background-color: #00FFFF; }
.button.orange 				{ background-color: #ff5c00; } .button.orange:hover				{ background-color: #ff5c00; }
.button.red 				{ background-color: #e62727; } .button.red:hover 				{ background-color: #e62727; }
.button.magenta 			{ background-color: #A9014B; } .button.magenta:hover 			{ background-color: #A9014B; }
.button.yellow 				{ background-color: #ffb515; } .button.yellow:hover 			{ background-color: #ffb515; }
.button.blue				{ background-color: #00ADEE; } .button.blue:hover				{ background-color: #00ADEE; }
.button.pink 				{ background-color: #e22092; } .button.pink:hover 				{ background-color: #e22092; }
.button.green 				{ background-color: #91bd09; } .button.green:hover 				{ background-color: #91bd09; }
.button.black 				{ background-color: #333333; } .button.black:hover 				{ background-color: #333333; }
.button.white 				{ background-color: #FFFFFF; }
.button.white span			{ color: #666666; }