@import url(reset.css);

/* GLOBAL -------------------------------------------------- */
body {font: 13px Arial, Helvetica, Verdana, sans-serif;background: #f7b9eb url(images/bg_body.png) 600px 360px repeat-y;color:#444;}
a:link, a:visited, a:active, a:hover {text-decoration: none;color: #ED217C;}
a:hover {text-decoration:underline;}
#galleries a:hover {text-decoration:none;color:#000}
.divider {clear: both;height: 10px;width: 100%;display: block;font-size: 1px;line-height: 0%;}
h1.title {font-weight: bold;font-size: 25px;margin-bottom: 10px;}
h2.title {font-size: 14px;margin-bottom: 5px;}
h3 {color: #666;font-size: 14px;font-weight:bold;}
h3 a:link,h3 a:visited,h3 a:active {color: #D96528;}
h1 {font-weight: bold;line-height: 130%;font-size: 18px;}
img.middle {width: 280px;}
img.small {width: 100px;}

/* LAYOUT -------------------------------------------------- */
#wrapper {margin-top: 20px;width: 600px;line-height: 150%;background: #fff url(images/bg_content.png) right 140px repeat-y;}
#content {background:#FDEBF9;margin: 0 40px 20px 20px;min-height: 400px;}
#footer {width: 620px;height: 135px;background: url(images/bg_footer.png) left bottom no-repeat;padding: 0 15px;}

/* HEADER -------------------------------------------------- */
#header {width: 600px;height: 140px;margin: 0 auto;background: url(images/bg_header.png) 0 0 no-repeat;}
#logo a {display: block;width: 340px;height: 120px;text-indent: -9999px;outline:0;}
#navigation {background: #F9DCF3;margin-bottom: 15px;height:30px;}
#navigation ul {}
#navigation li {display: inline;}
#navigation li a {float: left;border-left: 1px solid #F7B9EB;outline: 0;padding: 5px 15px;color: #ED217C;font-size: 12px;}
#navigation li a:hover {}
#navigation li a.active {color: #000;background: #FDEBF9;}

/* POSTS -------------------------------------------------- */
#post {min-height: 400px;padding: 0 20px;}
#gallery li {font-weight:bold;font-size:12px;position:relative;width: 156px;float:left;margin-right: 10px;margin-bottom: 20px;}
#gallery li.clear {margin:0;width:100%;}
#gallery li img {width: 150px;height:100px;margin-bottom: 1px;border:3px solid #f2f2fc;}
#gallery li a:hover {text-decoration:none;color:#444;}
#gallery li .flower {position:absolute;top:86px;right:0;width:40px;height:20px;background:url(images/fl.png) 0 0 repeat;}
.prevnext {margin-top: 15px;width:500px;height:200px;position:relative;border-top: 3px solid #fff;}
.prevnext a b {display: block;margin-top:5px;}
a.prev {position:absolute;top:10px;left:0;width:150px;}
a.next {position:absolute;top:10px;right:0;width:150px;}
#post .g_info {padding: 15px 0;}
#messageboard {display:none;}
#addmessage {font-weight:bold;text-align:right;padding-right:25px;background: url(images/add.gif) right top no-repeat;}
form p {padding: 10px;font-size: 11px;}
label {display:block;font-weight:bold;margin-bottom: 3px;}
input,textarea {border: 1px solid #ddd;padding: 5px;width: 250px;}
textarea {width: 450px;}
#board ul {padding: 15px 5px;}
#board li,#blog li {margin-bottom: 10px;}
#board li .head {background: #F9C9F0;padding: 5px 10px;}
#board li .body,#blog li .body {padding: 10px 5px;}
#blog .postdate {padding: 5px 0 2px 20px;background: url(images/date.png) left center no-repeat;color:#999;}
#blog .postinfo {font-size: 14px;padding: 15px 0;font-weight:bold;}
#blog .postbody {padding-bottom: 15px;}

/* MESSAGES -------------------------------------------------- */
.loading {height: 30px;background:url(images/loader.gif) center center no-repeat;}
.messages {border: 1px solid #ececec;color: #666;font-size: 12px;margin: 15px 0;padding: 5px 10px 5px 35px;text-align: left;}
.done {background: #fff url(images/ok.png) 5px center no-repeat;}
.error {background: #fff url(images/error.png) 5px center no-repeat;}
.info {background: #fff url(images/info.png) 5px center no-repeat;}
.overlay {filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;background: #fff url(images/loading.gif) center center no-repeat;}

/* PAGINATION -------------------------------------------------- */
div.pagination {padding: 5px;margin: 15px 0;text-align:left;font-size: 11px;}
div.pagination a {border: 1px solid #ec008c;margin-right: 3px;padding: 5px 8px;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #c90000;background-color:#ec008c;color: #fff;}
div.pagination span.current {margin-right:3px;padding: 5px 8px;font-weight: bold;background-color:#ec008c;color: #fff;border: 1px solid #ec008c;}
div.pagination a.next {margin: 0 0 0 10px;}
div.pagination a.prev {margin: 0 10px 0 0;}
div.pagination a.next:hover, div.pagination a.prev:hover {border: 1px solid #c90000;}
div.pagination .disabled {color: #666;margin: 0 10px;}