/*

Theme Name: Wedding Bells

Theme URI: 

Description: Theme for wedding & marriage related blogs. Equipped with photoblog functionality, custom widgets and theme options.

Version: 1.0.1

Author: Lauri Liimatta

Author URI: http://lauriliimatta.com

Tags: light, blue, white, two-columns, custom-header, threaded-comments

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/



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,

b, u, i, center,

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-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul { list-style: 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; }

/* end of css reset */



html, body {

	height: 100%;

}

body {

	background: #0F0F3D;

	font-size: 62.5%;

	font-family: Helvetica, Arial, sans-serif;

}

h1, h2, h3, h4, h5, h6 {

	font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;

}

a {

	color: #E5EAA7;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

#wrapper {

	

	margin: 0 auto;

	width: 900px;

	background:#6d0288;

	padding:20px;

	

	

}





#shadow {

	box-shadow: 0 0 1em #e3eaf4;

	-moz-box-shadow: 0 0 1em #e3eaf4;

	-webkit-box-shadow: 0 0 1em #e3eaf4;

	width: 900px;

	float: left;

	margin-bottom: 40px;	

}

#toparea {

	width: 900px;

	float: left;

}

#header {

	width: 900px;

	height:600px;

	float: left;

	background:url(images/matuto_header.jpg);

}

#header h1 {

	font-size: 3em;

	color: #2e2c6a;

	margin-bottom: 9px;

}

#header h2 {

	font-size: 1.6em;

	color: #55548f;

	font-style: italic;

}

#menulist {

    background-color: #7A0203; /* fallback color */

    background-image: none; /* fallback image */

	width: 900px;

	height:27px;

	min-height: 25px;

	float: left;

	border-top: none;

	border-bottom: none;

}

#page-wrap {

	background: #8D8F8C;

	width: 900px;

	height: 100%;

	float: left;

	border-top: none;

	border-bottom: none;

}

#content {

	float: left;

	width: 900px;

	height: 100%;

	color: #2e2c6a;

	border-right: none;

	margin-top:30px;

}

#content_home {

	float: left;

	width: 440px;

	height: 100%;

	color: #000;
	
	background: #8D8F8C;

	border: none;

	margin-top:20px;

}

#content_WS {

	float: left;

	width: 700px;

	height: 100%;

	color: #2e2c6a;

	border: none;

	margin-top:25px;

}







#content.full {

	width: 900px;

	height: 100%;

	float: left;

}

#sidebar {

	width: 440px;

	float: right;

	border-left:1px solid #6d0288;

	margin-top:40px;

}

#sidebar_WS {

	margin-top:100px;

	width: 160px;

	float: right;

	

}

#footer {

	width: 900px;

	height:30px;

	float: left;

	color: #2e2c6a;

	text-align: left;

	padding: 0px;

	background:#8D8F8C;

	margin-top:-28px;

	

}

#footer p {

	font-size: 1.2em;

	margin: 0px 30px;

	

}



/* menu styles */

#nav {

	list-style: none;

	float: left;

	margin: 0px 0px 0px 80px;

}

#nav li {

	position: relative;

	display: block;

	float: left;

}

#nav li a {

	float: left;

	display: block;

	text-decoration: none;

	color: #E9EAA7;

	font-weight: bold;

	font-size: 1.4em;

	padding: 6px 23px;

}

#nav li a:hover {

	color: #E9EAA7;

	text-decoration: none;

	background-color: rgb(243, 247, 253);

	background-color: rgba(255, 255, 255, 0.4);

	

	padding: 6px 23px;

}

#nav ul {

	position:absolute;

	top: 49px;

	left:0;

}

#nav ul li {

	border: 1px solid #dae7f4;

	margin-top: -1px;

}

#nav ul li a {

	width: 140px;

	background: #f6faff;

	border: 0;

	padding: 17px 26px;

}

#nav ul li a:hover {

	background: #f3f7fd;

	border: 0;

	padding: 17px 26px;

}

#nav ul li ul {

	top: 0;

	left: 192px;

}



/* post styles */

.post-wrap {

	background: #8D8F8C;

	padding: 0px 30px 10px 30px;

}



.post {

	padding: 20px 0px;

	border-bottom: none;

}

.post h2 {

	font-size: 2.4em;

	line-height: 1.8em;

}

.post h2 a {

	color: #3f2274;

}

.post small {

	font-size: 1.2em;

	line-height: 1.5em;

	font-style: italic;

	display: block;

}

.post .entry {

	margin: 10px 0px 0px 0px;

}

.sticky { }

.entry h1,

.entry h2,

.entry h3,

.entry h4,

.entry h5,

.entry h6 {

	margin: 5px 0px 10px 0px;

}

.entry h1 {

	font-size: 2.2em;

}

.entry h2 {

	font-size: 2em;

}

.entry h3 {

	font-size: 1.8em;

}

.entry h4 {

	font-size: 1.6em;

}

.entry h5 {

	font-size: 1.4em;

}

.entry h6 {

	font-size: 1.3em;

}

p.tags {

	background: #fff;

	font-size: 1.3em;

	margin: 20px 0px 20px 0px;

}

.entry ul {

	list-style-type: disc;

	margin: 15px 0px;

}

.entry ul li {

	margin: 0px 0px 0px 15px;

	font-size: 1.4em;

	line-height: 1.6em;

}

.entry ul li ul li {

	font-size: 1.0em;

}

.entry ol {

	list-style-type: decimal;

	margin: 15px 0px;

}

.entry ol li {

	margin: 0px 0px 0px 20px;

	font-size: 1.4em;

	line-height: 1.6em;

}

.entry ol li ol li {

	margin: 0px 0px 0px 20px;

	font-size: 1.0em;

}

.entry a.more-link {

	font-weight: bold;

}

.entry p  { 

	padding-bottom: 13px; 

	font-size: 1.4em; 

	line-height: 1.6em; 

}

.entry img {

	padding: 0px;

	background: none;

	border: 1px solid #e4ecf9;

}

.entry img.alignleft {

	float: left;

	margin: 10px 15px 10px 0px;

}

.entry img.alignright {

	float: right;

	margin: 10px 0px 10px 15px;

}

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%;

	height: auto; 

}

.entry blockquote {

	border-top: 1px solid #e4ecf9;

	border-bottom: 1px solid #e4ecf9;

	padding: 15px 15px 0px 15px;

	margin: 10px 0px;

	font-style: italic;

	color: #6E6DAF;

}

.entry table {

	font-size: 1.3em;

	padding: 10px;

	margin: 15px 0px;

}

.entry table tr th,

.entry table td {

	padding: 10px;

}

.entry dl {

	margin: 10px 0px;

}

.entry dt {

	font-size: 1.4em;

	font-weight: bold;

}

.entry dd {

	font-size: 1.4em;

}

.postmetadata {

	font-size: 1.2em;

	margin: 5px 0px 0px 0px;

	padding: 18px 0px 0px 0px !important;

	border-top: 1px solid #e4ecf9;

}

.navigation {

	margin: 40px 0px 0px 0px;

	font-size: 1.2em;

	background: #fff;

}

.alignright { float:right;}

.alignleft { float:left; }

.aligncenter,img.aligncenter { display: block; margin: 10px auto; }

.navigation .alignright a,

.navigation .alignleft a {

	background: #f2f7fe;

	padding: 10px;

	display: block;

	border: 1px solid #e4ecf9;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}

.clear { clear: both; }



/* photoblog */

.photoblog img {

	margin: 0;

}

img.attachment-photoblog-big-size {

	padding: 7px;

	border: 1px solid #e4ecf9;

	margin: 15px 0px;

	display: block;

}



/* archive */

#content h2.pagetitle {

	padding: 20px 0px 0px 0px;

	font-size: 2.4em;

	line-height: 1.6em;

}

.archive-post h3 {

	font-size: 1.8em;

	line-height: 1.6em;

}

.archive-post {

	border-bottom: 1px solid #e4ecf9;

}



/* sidebar */

#sidebar_WS ul {

line-height:20px;

}



#sidebar_WS ul li{

font-size:1.5em;

color:#000;



}

#sidebar_WS ul li a{

font-size:1em;

color:#E5EAA7;



}





#sidebar ul {

	list-style: none;

}

#sidebar ul.wrap { 

	margin: 25px 20px 0px 20px;

}

#sidebar ul li h2 {

	font-size: 1em;

	margin: 30px 0px 8px 0px;

	color: #E5EAA7;

}

#sidebar ul li.widget {

	margin-bottom: 25px;

}

#sidebar .textwidget p {

	color: #2e2c6a;

	font-size: 1.3em;

	line-height: 1.6em;

	padding-bottom: 10px;

}

#sidebar ul li ul li {

	padding: 10px 0px;

	border-bottom: none;

	font-size: 1.3em;

}

#sidebar ul li ul li a {

	display: block;

	color: #E5EAA7;

	text-decoration: none;

}

#sidebar ul li ul li a:hover {

	text-decoration: underline;

}

#sidebar .widget_tag_cloud a,

#sidebar h2 a {

	color: #E5EAA7;

}

#sidebar .widget_recent_comments ul li {

	display: block;

	padding: 10px 0px;

}

#sidebar .menu {

	background: none;

	width: 100%;

	height: 100%;

	float: none;

	border: 0;

}

#sidebar ul.menu,

#sidebar ul.sub-menu,

#sidebar ul.sub-menu ul.sub-menu {

	list-style: none;

	float: none;

}

#sidebar ul.menu li,

#sidebar ul.sub-menu li,

#sidebar ul.sub-menu li ul.sub-menu li {

 	float: none;

 	border: 0;

 	display: inherit;

}

#sidebar ul.sub-menu li {

	padding-left: 10px;

}

#sidebar ul.menu li a {

	font-size: 1.3em;

	display: block;

	color: #2e2c6a;

	text-decoration: none;

	padding: 10px 0px;

	border-bottom: 1px solid #e4ecf7;

}

#sidebar ul.menu li a:hover {

	text-decoration: underline;

}

#sidebar ul.sub-menu li a {

	font-size: 1.3em;

	display: block;

	color: #2e2c6a;

	text-decoration: none;

	padding: 10px 0px;

	border-bottom: 1px solid #e4ecf7;

	font-weight: normal;

}

#sidebar ul.sub-menu li a:hover {

	text-decoration: underline;

	border: 0;

	border-bottom: 1px solid #e4ecf7;

}

#sidebar .widget_calendar table {

	font-size: 1.3em;

}

#sidebar .widget_calendar table caption {

	font-weight: bold;

	padding: 5px 0px 15px 0px;

}

#sidebar .widget_calendar table tr th {

	padding: 10px;

	border: 1px solid #e4ecf7;

	color: #2e2c6a;

}

#sidebar .widget_calendar table tr td {

	padding: 10px;

	border: 1px solid #e4ecf7;

	text-align: center;

}

#sidebar .widget_calendar table tr td#next,

#sidebar .widget_calendar table tr td#prev,

#sidebar .widget_calendar table tr td.pad {

	padding: 10px;

	text-align: center;

}

#sidebar .widget_calendar table tr td.pad {

	background: #e4ecf7;

}

#sidebar .social {

	text-align: center;

	margin: 10px 0px;

	background: #fff;

	border: 1px solid #f3f3ff;

	padding: 15px 0px;

}

#sidebar .social a {

	margin: 0px 25px;

}

#sidebar .ad125 img {

	margin: 0px 10px 15px 0px;

}

#sidebar .widget_recent_photoblog_entries ul {

	clear: both;

}

#sidebar .widget_recent_photoblog_entries ul li {

	border: 0;

	margin: 5px 10px 10px 0px;

	padding: 0;

	float: left;

	width: 130px;

	height: 130px;

}

#sidebar .widget_recent_photoblog_entries ul li img {

	padding: 3px;

	background: #fff;

	border: 1px solid #f3f3ff;

}



/* seach box styles */

#searchform {

	margin: 10px 0px;

}

#sidebar #searchform #s {

	padding: 8px;

	border: 1px solid #c7d0df;

	width: 180px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 0px;

	-moz-border-radius-bottomleft: 5px;

	-moz-border-radius-bottomright: 0px;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 0px;

	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-bottom-right-radius: 0px;

	border-top-left-radius: 5px;

	border-top-right-radius: 0px;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 0px;

}

#sidebar #searchsubmit {

	padding: 7px;

	color: #2e2c6a;

	background-color: #d3dcea;

	border: 1px solid #c7d0df;

	margin-left: -3px;

	-moz-border-radius-topleft: 0px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-bottomleft: 0px;

	-moz-border-radius-bottomright: 5px;

	-webkit-border-top-left-radius: 0px;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-bottom-left-radius: 0px;

	-webkit-border-bottom-right-radius: 5px;

	border-top-left-radius: 0px;

	border-top-right-radius: 5px;

	border-bottom-left-radius: 0px;

	border-bottom-right-radius: 5px;

}



/* comments */

#respond h3 {

	font-size: 1.6em;

	line-height: 1.8em;

	margin: 15px 0px 5px 0px;

	font-family: Helvetica, Arial, sans-serif;

}

h3#comments {

	font-size: 1.6em;

	line-height: 1.8em;

	background: #fff;

	margin: 30px 0px 10px 0px;

	font-family: Helvetica, Arial, sans-serif;

}

#commentform p.logged-in-as {

	font-size: 1.3em;

	margin-bottom: 12px !important;

	display: block;

}

#commentform label {

	font-size: 1.2em;

	float: left;

	margin: 0px 0px 5px 0px;

}

.required {

	float: left;

}

.comment-notes .required {

	float: none;

}

.comment-notes,

.form-allowed-tags {

	font-size: 1.2em;

	line-height: 15px;

	margin: 0px 0px 10px 0px;

}

.form-allowed-tags code {

	font-size: 1.2em;

}

#commentform input {

	padding: 7px;

	margin: 0px 8px 8px 0px;

	border: 1px solid #c7d0df;

	width: 555px;

	font-size: 1.2em;

	font-family: Helvetica, Arial, sans-serif;

	float: left;

}

#commentform textarea {

	width: 555px;

	padding: 8px;

	border: 1px solid #c7d0df;

	margin: 0px 0px 8px 0px;

	font-size: 1.2em;

	font-family: Helvetica, Arial, sans-serif;

}

#commentform #submit {

	font-size: 1.2em;

	font-weight: bold;

	padding: 9px;

	color: #fff;

	background: #2e2c6a;

	border: 1px solid #c7d0df;

	width: 150px;

	margin: 0px 0px 0px 0px;

	float: none;

}

p.nocomments {

	font-size: 1.3em;

	margin-top: 20px;

}

ol.commentlist { list-style:none; }

ol.commentlist li { }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor {}

ol.commentlist li.byuser {}

ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment { padding: 15px 0px; }

ol.commentlist li.comment div.comment-author { margin: 5px 0px; }

ol.commentlist li.comment div.vcard { font-size: 1.4em; }

ol.commentlist li.comment div.vcard cite.fn { font-weight: bold; font-style: normal; }

ol.commentlist li.comment div.vcard cite.fn a.url { color: #00AFE7; text-decoration: none; }

ol.commentlist li.comment div.vcard cite.fn a.url:hover { text-decoration: underline; }

ol.commentlist li.comment div.vcard img.avatar { border: 1px solid #ccc; float: left; margin: 0px 8px 0px 0px; }

ol.commentlist li.comment div.vcard img.avatar-32 {}

ol.commentlist li.comment div.vcard img.photo {}

ol.commentlist li.comment div.vcard span.says { display: none; }

ol.commentlist li.comment div.commentmetadata { margin-bottom: 7px; }

ol.commentlist li.comment div.comment-meta { font-size: 1.1em; margin: 5px 0px 15px 0px; }

ol.commentlist li.comment div.comment-meta a { color: #000; text-decoration: none; font-style: italic; }

ol.commentlist li.comment div.comment-meta a:hover { text-decoration: underline; }

ol.commentlist li.comment p { margin:0 0 15px 0px; }

ol.commentlist li.comment ul { list-style:square; margin:0 0 1em 2em; }

ol.commentlist li.comment div.reply { font-size:1.2em; }

ol.commentlist li.comment div.reply a { font-weight:bold; color: #00AFE7; text-decoration: none; }

ol.commentlist li.comment div.reply a:hover { text-decoration: underline; }

ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }

ol.commentlist li.comment ul.children li { }

ol.commentlist li.comment ul.children li.alt {}

ol.commentlist li.comment ul.children li.bypostauthor {}

ol.commentlist li.comment ul.children li.byuser {}

ol.commentlist li.comment ul.children li.comment {}

ol.commentlist li.comment ul.children li.comment-author-admin {}

ol.commentlist li.comment ul.children li.depth-2 .comment-body { margin: 0px 0px 0px 15px; }

ol.commentlist li.comment ul.children li.depth-2,

ol.commentlist li.comment ul.children li.depth-3,

ol.commentlist li.comment ul.children li.depth-4,

ol.commentlist li.comment ul.children li.depth-5 { border-top: 1px solid #e4ecf9; margin:0 0 .25em 1.5em; }

ol.commentlist li.comment ul.children li.odd {}

ol.commentlist li.even { background: #fff; }

ol.commentlist li.odd { background:#fff; }

ol.commentlist li.parent { }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { background: #f7fafe; border-top: 1px solid #e4ecf9; border-bottom: 1px solid #e4ecf9; padding: 15px 10px; }

ol.commentlist li.thread-odd { padding: 15px 10px; }

.comment-body p {

	font-size: 1.3em;

	line-height: 17px;

}



/* mix */

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 5px;

   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: 4px 4px 5px;

   margin: 0;

}

.gallery-caption {

	font-size: 1.2em;

	margin: 0 0 12px;}

	

br.break {

    line-height: 3px;

}





/* changes padding and margins of image */



.custom img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {

    margin-bottom: -20px;

    margin-top: 30px;

    padding-left: 70px;

}