/*
Theme Name: maile lani photography blog
Theme URI: http://wordpress.org/
Author: Maile Lani
Author URI: http://www.mailelaniphotography.com/
*/

/* Reset CSS */

html, body, div,  applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, 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-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; color:#000;}

:focus 	{ outline: 0;}
body 	{ line-height: 1; color: black; background: white;}
ol, ul 	{ list-style: none;}

table 	{ border-collapse: separate; border-spacing: 0;}
table img	{padding:0; margin:0; border:0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q 	{ quotes: "" "";}
address {font-style:normal;}


.clrflt	{clear:both; line-height:1px; height:0; margin:0; padding:0; font-size:1px}
.clrrt	{clear:right; line-height:1px; height:0; margin:0; padding:0; font-size:1px;}
.clrlft	{ clear:left; line-height:1px; height:0; margin:0; padding:0; font-size:1px; }
.fltrt		{float:right;}
.fltlft		{float:left; }

.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix 		{display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End Reset CSS */

body {margin: 0 auto; text-align: center;  background-color: #ffffff;}

.pink {color: #ff67cb;}
.blue {color: #92c7d1;}
.grey {color: #888988;}
.smallh2 {font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #92c7d1;}
.imgpad {padding-bottom: 10px;}

.imgbrd {border: 1px dashed #dd2296; text-align: center; padding: 5px;}

a {color: #92c7d1; text-decoration: none;}
a:hover {color: #ff67cb; text-decoration: none;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #888988; line-height: 20px; padding-bottom: 30px;}
.tiny {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; line-height: 20px; color: #777777; padding-top: 5px;}


h2 {font-family: "Arial Black"; font-size: 30px; color: #888988; padding-bottom: 10px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #888988; padding-bottom: 10px; font-style: italic;}
h4 {font-family: "Arial"; font-size: 21px; color: #ff67cb; padding-bottom: 10px; font-weight: bold;}

#container {margin: 0 auto; width: 100%;}
#menu {width: 980px; margin: 0 auto; background-color: #ffffff; padding: 15px 0; text-align: center;}
#menu ul {padding-top: 15px; text-transform: none;}
#menu li {display: inline; color: #888988; font-family: Arial, Helvetica, sans-serif; font-size: 12px; position: relative;  padding: 0 2px 15px 2px;}
#menu li:hover {color: #ff67cb;}
#menu li a {color: #888988; text-decoration: none;}
#menu li a:hover {color: #ff67cb; text-decoration: none;}
#menu ul li .dropdown {display:none; width: 140px; padding: 0; background-color: #ffffff;}
#menu ul li:hover .dropdown {border: 1px dashed #ff67cb; display:block; position: absolute; top: 25px; left: -40px;}
#menu ul li .dropdown ul {padding: 0; text-align: center;}
#menu ul li .dropdown li {display: block; padding: 5px 0;font-size: 13px; letter-spacing: 0; font-weight: normal; color: #dd2296; text-align: center; text-transform: none;}
#menu ul li .dropdown li:hover {display: block; padding: 5px 0;font-size: 13px; letter-spacing: 0; font-weight: normal; color: #ffffff; width:140px; text-align: center; background-color: #ff67cb;}
#menu ul li .dropdown li:hover a {color: #ffffff; padding: 5px}

#menu ul li .dropdown2 {display:none; width: 140px; padding: 0; background-color: #ffffff;}
#menu ul li:hover .dropdown2 {border: 1px dashed #ff67cb; display:block; position: absolute; top: 25px; left: -40px;}
#menu ul li .dropdown2 ul {padding: 0; text-align: center;}
#menu ul li .dropdown2 li {display: block; padding: 5px 0;font-size: 13px; letter-spacing: 0; font-weight: normal; color: #dd2296; text-align: center; text-transform: none;}
#menu ul li .dropdown2 li:hover {display: block; padding: 5px 0;font-size: 13px; letter-spacing: 0; font-weight: normal; color: #ffffff; width:140px; text-align: center; background-color: #ff67cb;}
#menu ul li .dropdown2 li:hover a {color: #ffffff; padding: 5px}

#banner {width: 100%; height: 1px; border-bottom: 1px dashed #dd2296;}
#bluerepeat {width: 100%; background: url(/blog/wp-content/themes/emptyblog/images/blueborder.gif) repeat-x; height: 33px;}
#white {background-color: #ffffff;}
#content {margin: 0 auto; width: 980px; padding-bottom: 30px; background-color: #ffffff;}
#left {width: 680px; float: left; padding: 30px 0 0 0; text-align: left; padding-right: 30px; padding-left: 20px;}
#left p {width: 600px;}
#right {width: 200px; float: right; text-align: right; padding: 30px 20px 0 20px;}

#flowerborder ul {padding-top: 30px;}
#flowerborder li {display: inline; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding:0 8px 0 5px; border-right: 1px solid;}
#flowerborder li.noborder {border-right: none;}
#flowerborder p {font-size: 11px; padding-top: 5px; color: #333333;}

cite.fn {font-family: Arial; color: #6c6c6c; font-size: 13px;}
.says {font-family: Arial; color: #6c6c6c; font-size: 13px;}
.commentmetadata {font-family: Arial; color: #6c6c6c; font-size: 13px; padding: 5px 0 10px 0;}

.comform {width: 385px;}
.comform label {float: left; clear: both; font-size: 13px; color: #6c6c6c;}
.comform input {float: right;}

.submitbtn {background-color: #ffffff; border: 1px dashed #dd2296; padding: 5px; color: #dd2296;}
.submitbtn:hover {background-color: #dd2296; border: 1px dashed #ffffff; padding: 5px; color: #ffffff;}

.wpcf7 {float: left; width: 500px;}
.wpcf7 label {width: 200px; float: left; clear: both; font-size: 13px; color: #6c6c6c;}
.wpcf7 input {width: 200px; float: left;}
.wpcf7 textarea {width: 300px;}
.sendbutton input {width: auto; background-color: #ffffff; border: 1px dashed #dd2296; padding: 5px; color: #dd2296;}
.sendbutton input:hover {background-color: #dd2296; border: 1px dashed #ffffff; padding: 5px; color: #ffffff;}