/*  
Theme Name: My Profession
Theme URI: http://www.mariacelina.net
Description: Theme for the Maria Celina weblog and portfolio.
Version: 1.0
Author: Maria Celina
Author URI: http://www.mariacelina.net
Credits: "Doc" Wordpress theme by Delicia
Tags: maria, celina, mariacelina, tck, rainbows, design, interior design, graphic design, web design, photography, architecture, culture, indonesia, red, orange, yellow, green, blue, indigo, violet, colours
*/ 

/* Theme */
body {
	margin: 0;
	background: #b3d4cd url(images/background.jpg) top center;
	font-family: "Georgia", Arial, Helvetica, sans-serif;
	font-size: 13px;
        line-height: 180%;
	font-weight: 100;
	color: #807b74;
	z-index: 9999;
}

p, ul, ol {
	padding-bottom: 10px;
}

ul {
	list-style: square;
}

li {
}

a {
	text-decoration: none;
	color: #f8a097;
}

a:hover {
	background: none;
	color: #a8a7a5;
}

h1, h2, h3, h4 {
	margin: 0;
	font-family: "Georgia";
	font-weight: normal;
}

h1 {
	background: url(images/h1background.jpg) no-repeat bottom left;
	color: #c8c64e;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-bottom: 12px;
	padding-top: 20px;
        width: 700px;
}

h1.jotter {
	background: url(images/h1background.jpg) no-repeat bottom left;
	color: #c8c64e;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-bottom: 12px;
	padding-top: 20px;
}

h1.work {
	background: url(images/h1background.jpg) no-repeat bottom left;
	color: #c8c64e;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-bottom: 12px;
	padding-top: 20px;
}

h1.pagetitle {
	color: #8d6678;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-bottom: 12px;
	padding-top: 10px;
}

h1 a {
	color: #c8c64e;
}

h1 a:hover {
	color: #9a9895;
}

h2 {
	font-size: 10px;
	text-transform: uppercase;
	padding-bottom: 10px;
	color: #9a9895;
	padding-left: 10px;
	margin-top: -5px;
}

h2.jotter a {
	text-decoration: none;
	color: #8d6678;
}

h2.jotter a:hover {
	background: none;
	color: #a8a7a5;
}

h2.work {
	font-size: 10px;
	text-transform: uppercase;
	color: #9a9895;
	padding-left: 10px;
	margin-top: -5px;
}


h3 {
	font-size: 20px;
        margin-left: 10px;
        padding-bottom: 5px;
        padding-top: 10px;
}

h4 {
	font-size: 12px;
        padding-bottom: 5px;
        color: #c0c0c0;
	font-style : italic;
}

/* Menu */

#menu, #navimenu {
	font-family: "Georgia", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px auto;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	margin-top: -20px;
	padding-bottom: 30px;
	width: 800px;
}

#menu ul, #navimenu ul {
	font-family: "Georgia", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px auto;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	margin-top: -20px;
	padding-bottom: 30px;
	width: 800px;
}

#menu li, #navimenu li {
	float: left;
	background: #d4e9e5;
	margin: 0;	
	list-style: none;			
}

#menu li a, #navimenu li a {
	text-decoration: none;
	text-align: center;
	display: block;
	width: 76px;
	padding: 0 12px;
	line-height: 40px;
	color: #fff;
}

#menu li a:hover, #menu li.active a, #navimenu li a:hover, #navimenu li.active a {
	color: #bd4367;
	background: url(images/bottommenuhover.png) no-repeat center center;
}

#menu abbr, navimenu abbr {
	border-bottom: 1px dotted #fff;
}

#topnavigation {
	font-size: 10px;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: -5px;
        color: #807b74;
}

#topnavigation a {
	color: #8d6678;
}

#topnavigation a:hover {
	color: #9a9895;
}

#bottommenu, #bottomnavimenu {
	font-family: "Georgia", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	height: 40px;
	width: 850px;
	text-align: center;
	}
				
#bottommenu li, #bottomnavimenu li {
	float: left;
	margin: 0;	
	width: 106px;
	list-style: none;
}
			
#bottommenu li a, #bottomnavimenu li a {
	text-decoration: none;
	text-align: center;
	display: block;
	color: #fff;
	padding-top: 10px;
	width: 106px;
	padding-bottom: 10px;
}
			
#bottommenu li a:hover, #bottommenu li.active a, #bottomnavimenu li a:hover, #bottomnavimenu li.active a {
	color: #bd4367;
	width: 106px;
	background: url(images/bottommenuhover.png) no-repeat center center;
}
			
#bottommenu ul, #bottomnavimenu ul {
	padding-top: 10px;
}

#bottommenu abbr, #bottomnavimenu abbr { 
	border-bottom: 1px dotted #fff; 
}

/* Structure */

#top {
}

#wrapper {
	width: 100%;
	margin: 0 auto;
        margin-top: 20px;
	padding: 0;
}

#polaroid {
	background: url(images/polaroid.png) no-repeat center left;
	width: 100%;
	margin: 0 auto;
	z-index: 500;
}

#container {
        width: 800px;
	background: #fff url(images/contentbackground.jpg) repeat-y top center;
	margin: 0 auto;
	text-align: justify;
	padding: 25px;
        margin-top: -55px;
}

/* HTML Elements */

html body div.clear, html body span.clear {
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

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

.clearfix {
	display : inline-block;
}

* html .clearfix {
	height : 1%;
}

.clearfix {
	display : block;
}

img, object {
	margin : 0;
	padding : 0;
	border : 0;
}

a img {
	border : 0;
}

p {
	margin : 0 0px 0 10px;
}

em {
	font-style : italic;
}

strong {
	font-weight : 600;
}

code, pre {
	font-family : Courier, 'Courier New';
	font-size : 11px;
	overflow : auto;
}

/* Page Elements */

/* Header */

#topheader {
	height: 272px;
	background: #b3d4cd url(images/topheader.jpg) repeat-x top center;
}

#header {
	margin: 0 auto;
	height: 240px;
	width: 930px;
	background: url(images/header.jpg) no-repeat top center;
}

/* Front Page */

#myslides {
        padding: 0;  
	margin-top:-20px;
	float: left;
} 
 
#myslides img {  
        height: 375px;
	margin-left: 0px;
}

.frontpagework {
	background: #d4e9e5;
}

.frontpagework p {
	font-size: 12px;
	padding: 10px;
        text-align: right;
        font-style: italic;
}

.frontpagework a {
	text-decoration: none;
	color: #fff;
        background: #8d6678;
        padding: 5px;
}

.frontpagework a:hover {
	background: none;
	color: #a8a7a5;
        background: #8d6678;
        padding: 5px;
}

.frontpagecontent {
        background: url(images/teacup.png) no-repeat top right;
}

.frontpageposts {
	margin-left: 50px;
	margin-right: 50px;
	font-size: 13px;
	padding-bottom: 20px;
}

.frontpageposts ol {
	list-style: square;
}
.frontpageposts ul {
	list-style: square;
	margin-left: 10px;
	margin-right: 10px;
}

.frontpageposts ol li a, .frontpageposts ul li a {
	font-weight : 400;
}

.frontpagetwitter {
	background: #d4e9e5 url(images/twittertop.png) no-repeat top left;
}

.frontpagetwitter h3 {
	color: #c8c64e;
	font-size: 28px;
	font-weight: 500;
	padding-left: 250px;
        width: 500px;
}

.frontpagetwitter p {
	padding: 10px;
        margin-left: 250px;
        font-style: italic;
}

.frontpagesocial {
	background: #d4e9e5;
}

.frontpagesocial h3 {
	color: #c8c64e;
	font-size: 28px;
	font-weight: 500;
        width: 500px;
}

.frontpagesocial ul {
}

.frontpagesocial li {
        font-size: 11px;
        border-bottom: 1px solid #fff;
        font-style: italic;
}

/* Social Networks */
li.twitter {
        list-style: none;
        padding-left: 25px;
        background: url(images/social/twitter.png) no-repeat center left;
        display: block;
}

li.tumblr {
        list-style: none;
        padding-left: 25px;
        background: url(images/social/tumblr.png) no-repeat center left;
        display: block;
}

li.goodreads {
        list-style: none;
        padding-left: 25px;
        background: url(images/social/goodreads.png) no-repeat center left;
        display: block;
}

li.flickr {
        list-style: none;
        padding-left: 25px;
        background: url(images/social/flickr.png) no-repeat center left;
        display: block;
}

li.lastfm {
        list-style: none;
        padding-left: 25px;
        background: url(images/social/lastfm.png) no-repeat center left;
        display: block;
}

li.dopplr {
        list-style: none;
        padding-left: 25px;
        background: url(images/social/dopplr.png) no-repeat center left;
        display: block;
}

li.technorati {
        list-style: none;
        padding-left: 25px;
        background: url(images/social/technorati.png) no-repeat center left;
        display: block;
}

li.email {
        list-style: none;
        padding-left: 25px;
        background: url(images/social/email.png) no-repeat center left;
        display: block;
}

/* About Page */

#profilepic {
	margin-left: 50px;
	margin-right: 50px;
	font-size: 13px;
	z-index: 999;
}

#profilepic img.wide {
	margin-left: -40px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 750px;
	border: 1px #f2f2f2 solid;
	padding: 5px;
	background: #fff;
}

#profilepic span {
        height: 350px;
        width: 750px;
        margin-top: -10px;
        margin-left: -45px;
        position: absolute;
        background: url(images/profilebackground.png) no-repeat;
}

/* Blurb */

#blurb {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 50px;
	margin-right: 50px;
	font-size: 13px;
}

#blurb p {
	font-size: 12px;
        padding-bottom: 5px;
        color: #c0c0c0;
	font-style : italic;
}

#blurb a {
        color: #8d6678;
}

#blurb a:hover {
	background: none;
	color: #a8a7a5;
}

/* Footnote */

#footnote {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 50px;
	margin-right: 50px;
	font-size: 13px;
}

#footnote p {
	font-size: 12px;
        padding-bottom: 5px;
        color: #c0c0c0;
	font-style : italic;
}

#footnote a {
        color: #8d6678;
}

#footnote a:hover {
	background: none;
	color: #a8a7a5;
}

/* Search */

#s {
	border: 1px solid #807b74;
	padding: 5px;
	width: 100%;
	font-family: Courier New;
	font-size: 13px;
	color: #575041;
	background: #fff;
}

#searchsubmit {
	text-align: center;
	width: 50%;
	border-top: 2px solid #c36d86;
	border-left: 2px solid #c36d86;
	border-bottom: 2px solid #983150;
	border-right: 2px solid #983150;
	font-family: "Georgia", Arial, sans-serif;
	font-size: 28px;
	padding: 5px;
        font-weight: 100;
	color: #fff;
	background: #bd4367;
}

#imagenav {
        background: url(images/imagenav.jpg) top center no-repeat;
        height: 220px;
        border-top: 1px solid #ddedea;
        border-bottom: 1px solid #ddedea;
}

#imagenav img, #imagenav img a {
        border: 1px #f2f2f2 solid;
	padding: 5px;
	background: #fff;
}

/* Post Styles */

.post {
	margin-left: 50px;
	margin-right: 50px;
	font-size: 13px;
}

.post ol {
}
.post ul {
	list-style: square;
	margin-left: 10px;
	margin-right: 10px;
}

.post ol li a, .post ul li a {
	font-weight : 400;
}

.post img {
	border: 1px #f2f2f2 solid;
	padding: 5px;
	background: #fff;
}

.post img.wide, .post img.attachment-large {
	margin-left: -40px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 750px;
	border: 1px #f2f2f2 solid;
	padding: 5px;
	background: #fff;
}

.post img.attachment-medium, .post img.attachment-medium a, .post img.attachment-medium a:visited, .post img.attachment-thumbnail, .post img.attachment-thumbnail a, .post img.attachment-thumbnail a:visited {
	padding: 5px;
	background: #fff;
        border: 1px #f2f2f2 solid;
}

.post img.work {
	margin-left: -35px;
	margin-bottom: 10px;
	width: 750px;
	background: #fff;
}

.gallery { 
	margin: auto; 
	margin-left: 20px; 
}

.gallery .gallery-item { 
	float: left; 
	margin-top: 5px; 
	text-align: center; 
}

.gallery img { 
	border: 1px solid #f2f2f2; 
}

.gallery .gallery-caption { 
	margin-left: 0; 
}

.text {
	text-align: justify;
        font-size: 13px;
}
.social {
	text-align: center;
}

.social ul li {
	display : inline;
	margin : 0 5px;
}

.navigation {
	font-size : 14px;
	margin : 10px 10px;
	padding : 0 10px;
	height: 10px;
	font-family : Georgia;
	font-style : italic;
}

.navigation a {
	text-decoration: none;
	color: #8d6678;
	font-weight : 500;
}

.navigation a:hover {
	background: none;
	color: #a8a7a5;
}

.sticky .text {
	font-style : italic;
}
.category-x{
}

.tag-y{}
/* Replace 'x' and 'y' with a category/tag slug; 
this classes will apply different styles to posts filled in the specified cat/tag. 
You can use this pattern to set different styles to all cats/tags. */

/* Image Classes */

caption {
	color: #807b74;
}

img.alignleft {
	margin-bottom: 10px;
	margin-right: 25px;
	width: 150px;
	padding-right: 25px;
	border: 1px #f2f2f2 solid;
	padding: 5px;
	background: #fff;
}

img.alignright {
	margin-bottom: 10px;
	margin-left: 25px;
	width: 150px;
	padding-left: 25px;
	border: 1px #f2f2f2 solid;
	padding: 5px;
	background: #fff;
}

.aligncenter {
	display : inline;
	text-align : center;
}

p.wp-caption-text {
	padding : 5px;
	background: #fff;
	color: #807b74;
}

/* Comment Styling */

#com {
	padding-left: 10px;
}

#comments {
	clear: both;
}

div.prevcomments {
	margin-left: 40px;
	margin-right: 40px;
	width: 700px;
	text-align: justify;
}

ol.commentlist {
	list-style: none;
	width: 700px;
}

ol#commentlist .author_comment {
	background: #f2f2f2;
	border: 1px solid #a09990;
	padding: 6px;
	color: #a09990;
}

ol#commentlist li {
	border: 1px solid #f2f2f2;
	padding: 10px;
	margin-bottom: 10px;
        list-style: none;
	margin-left: -30px;
}

ol#commentlist li a {
	color: #8d6678;
}

ol#commentlist li a:hover {
	color: #a8a7a5;
}


ol#commentlist li cite {
	background: #c8c64e;
	border-top: 1px solid #c1c067;
	border-left: 1px solid #c1c067;
	border-bottom: 1px solid #b3b147;
	border-right: 1px solid #b3b147;
	color: #fff;
	padding: 6px;
	margin-left: -15px;
}

ol#commentlist li cite a {
	color: #8d6678;
}

ol#commentlist li cite a:hover {
	color: #fff;
}

.comment-div {
	display : block;
}

.commentlist ul li {
	border-bottom : none;
	margin-bottom: 10px;
}

.commentlist li {
	margin : 0px 0 0 0;
	margin-bottom: 10px;
}

ol.commentlist {
	list-style : none;
}

li.comment {
	padding: 10px;
	border: 1px #f2f2f2 solid;
	margin-bottom: 10px;
}

li.comment a {
	text-decoration: none;
	color: #8d6678;
}

li.comment a:hover {
	background: none;
	color: #a8a7a5;
}

ol.commentlist li.comment div.comment-meta {
	font-size : 11px;
}

ol.commentlist li.comment div.comment-meta a {
	color : #666;
}
ol.commentlist li.comment p {
	font-size : 13px;
	margin : 0 0 0px;
}
ol.commentlist li.comment ul {
	font-size : 11px;
	list-style : circle;
	margin : 0 0 0px 0px;
}
ol.commentlist li.comment div.reply {
	font-size : 12px;
	text-align : right;
	padding : 0px 0px;
}
ol.commentlist li.comment div.reply a {
	font-weight : 500;
}
ol.commentlist li.pingback div.reply {
	font-size : 12px;
	text-align : right;
	padding : 0px 0px;
}
ol.commentlist li.pingback div.reply a {
	font-weight : 500;
}
ol.commentlist li.comment ul.children {
	list-style : none;
	margin : 0px 0 0;
	text-indent : 0;
}

#commentform p {
	font-size : 12px;
}

#com label {
}

/* Forms */

#author, #ec_name  {
	border: 1px solid #807b74;
	padding: 5px;
	width: 50%;
	font-family: Courier New;
	font-size: 13px;
	color: #575041;
	background: #fff;
}

#email, #ec_email  {
	border: 1px solid #807b74;
	padding: 5px;
	width: 50%;
	font-family: Courier New;
	font-size: 13px;
	color: #575041;
	background: #fff;
}

#url, #ec_url, #ec_subject, #ec_math_a  {
	border: 1px solid #807b74;
	padding: 5px;
	width: 50%;
	font-family: Courier New;
	font-size: 13px;
	color: #575041;
	background: #fff;
}

textarea#comment, #ec_message {
	border: 1px solid #807b74;
	padding: 5px;
	font-family: Courier New;
	font-size: 13px;
	padding: 3px;
	color: #807b74;
	background: #fff;
	text-align: justify;
	width: 99%;
}

#submit, #contactsubmit {
	text-align: center;
	width: 50%;
	border-top: 2px solid #c36d86;
	border-left: 2px solid #c36d86;
	border-bottom: 2px solid #983150;
	border-right: 2px solid #983150;
	font-family: "Georgia", Arial, sans-serif;
	font-size: 28px;
	padding: 5px;
        font-weight: 100;
	color: #fff;
	background: #bd4367;
}

fieldset div.form-submit input {
	text-align: center;
	width: 50%;
	border-top: 2px solid #c36d86;
	border-left: 2px solid #c36d86;
	border-bottom: 2px solid #983150;
	border-right: 2px solid #983150;
	font-family: "Georgia", Arial, sans-serif;
	font-size: 28px;
	padding: 5px;
        font-weight: 100;
	color: #fff;
	background: #bd4367;
}

form fieldset {
clear: both;
border: none;   
margin: 0;
}

/* Link Styles */

.linklist {
	margin-left : 50px;
	margin-right : 50px;
	font-size : 13px;
}

div.links-a {
        width: 375px;
	margin-left : 10px;
        float: left;
        text-align: justify;
}


div.links-a li, div.links-b li {
        list-style: none;
}

div.links-a h2, div.links-b h2 {
	background: url(images/h1background.jpg) no-repeat bottom left;
	color: #c8c64e;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-top: 10px;
        text-transform: none;
}

div.links-b {
        width: 375px;
	margin-left : -10px;
        float: left;
        text-align: justify;
}

.linklist ol li a, .post ul li a {
	font-weight : 400;
}

/* Pre-footer */

#prefooter {
        width: 800px;
        height: 60px;
	background: url(images/prefooter.png) no-repeat top center;
	margin: 0 auto;
	text-align: right;
	padding: 25px;
}

#prefooter a, #prefooter a:visited {
        text-transform: uppercase;
        background: #b3d4cd;
        color: #fff;
	padding: 2px;
}

#prefooter a:hover {
        text-transform: uppercase;
        color: #a8a7a5;
}

#prefooter p {
        margin-top: -45px;
}

/* Footer */

#bottomfooter {
	margin: 0 auto;
	font-family: "Georgia", Arial, Helvetica, sans-serif;
	color: #958d81;
	height: 300px;
	background: #b3d4cd url(images/bottomfooter.jpg) repeat-x bottom center;
}

#footer {
	margin: 0 auto;
	font-family: "Georgia", Arial, Helvetica, sans-serif;
	color: #958d81;
	height: 300px;
	background: url(images/footer.jpg) no-repeat bottom center;
}

#footer-frontpage {
	width: 930px;
	margin: 0 auto;
	font-family: "Georgia", Arial, Helvetica, sans-serif;
	color: #958d81;
}

#footer p, #footer-frontpage p {
	margin: 0;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;}
	
#footer a, #footer-frontpage a {
	color: #cd2679;
}

#footer a:hover, #footer-frontpage a:hover {
	color: #946681;
	}

#commentform {
}

#comment {
	width: 600px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

#respond {
	margin: 0;
	padding-top: 10px;
}

.navigation {
	padding-top: 20px;
}

.pagetitle {
	padding-bottom: 20px;
}

hr {
	background-color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #f2f2f2;
	height: 1px;
        width: 790px;
        margin-left: -45px;
}

blockquote {
	color: #a8a7a5;
	font-size: 16px;
	padding: 5px;
	line-height: 180%;
}

abbr { border-bottom: 1px dotted #807b74; }