/* colors 

yellow: ffeb6a
lavender: a2a2f5
tan: fdf6dd
darkest blue text: 013758


end colors */
/* ~~~~~~~~~ common ~~~~~~~~~~ */

@font-face {
    font-family: 'RageItalic';
    src: url('Fonts/rageitalic.eot');
    src: url('Fonts/rageitalic.eot?#iefix') format('embedded-opentype'),
         url('Fonts/rageitalic.woff') format('woff'),
         url('Fonts/rageitalic.ttf') format('truetype'),
         url('Fonts/rageitalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, select, input, textarea, a 	
{
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color: #3e1c75;
}
body {
	 background-image:url(Images/192.gif);
	background-repeat:repeat;
	 
}


h1 {
	font-weight: normal;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: xx-large;
	margin: 0.05em 0 0;
}

.blogTitle
{
	color: #000;	
}

h2 {
	font-weight: normal;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: x-large;
	margin: 0.02em 0;	
}
section p, section ul, section ol,
aside p, aside ul, aside ol {
	
	margin: .1em 0;
}
section ul {
	margin-left: 1em;
}
section ol {
	margin-left: 1.4em;
}
img
{
	border: 0px;
}

/* ~~~~~~~~~ layout ~~~~~~~~~~ */
.clear {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.inline {
    display: inline;
}

.editor-label {
    clear: both;
}

.icon {
    height:16px;
    width: 16px;
    display: inline;
}

#login {
	width: 900px;
	margin: 0px auto 0px auto;
}

#container {
	width: 900px;
    clear: both;
	margin: 10px auto 0px auto;
	background: #FFF;
	padding: 4px;
	overflow: hidden;
	border:2px solid #a2a2f5;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

ul {
    list-style:none;
}

li {
    text-align: left;
}
.horizontalList {
    list-style:none;
	display:inline-block;
    margin-left: -40px;
	
}

.horizontalList li {
    float: left;
    margin-left: 15px;
}

.galleryPhoto {
    float: left;
    display: inline;
    z-index: 4;
    margin: 2px;
    width: 150px;
    height: 150px;
    horiz-align: center;
    vert-align: middle;
}

.deleteButton 
{
    position: absolute;
    margin-left: 2px;
    display: none;
    z-index: 5;
}

.deleteButton img {
    width: 15px;
    height: 15px;
}

/* ~~~~~~~~~ header ~~~~~~~~~~ */
#page-header { 
}

#logo {
}

#headercanvas {
	margin-left:10px;
}

#main-navigation 
{
    height: 64px;
}
#main-navigation ul {
	list-style:none;
	display:inline-block;
}
#main-navigation li {
	float: left;
	margin:1px;
	padding-left:16px;
	background-repeat:no-repeat;
    text-shadow: -1px -1px #444;
}
#main-navigation li a 
{
    /*-webkit-transform: rotate(-6deg); 
    -moz-transform: rotate(-6deg);	*/
	display: inline-block;
    font-size: 36px;
    text-decoration: none;
    font-weight: normal;
    font-family:'RageItalic';
    color: #a2a2f5;
}
#main-navigation li.current {
    background-image: url(Images/flower_yellow.png);
    text-shadow: -1px -1px #ffeb6a , -1px 0 #ffeb6a, 0 1px #ffeb6a, 1px 0 #ffeb6a, 0 -1px #ffeb6a;
}
#main-navigation li:hover {
	background-image: url(Images/flower_yellow.png);
	text-shadow: -1px -1px #ffeb6a, -1px 0 #ffeb6a, 0 1px #ffeb6a, 1px 0 #ffeb6a, 0 -1px #ffeb6a;
}
#main-navigation li.current a{

}
#main-navigation li a:hover {
}

/* ~~~~~~~~~ article ~~~~~~~~~~ */

article {
	overflow: hidden;
    clear: both;
}

section {
	border: 1px solid #a2a2f5;
	margin:2px 14px 14px 14px;
	 padding: 10px;
	 overflow: hidden;
}

/* footer */
footer {
    text-align: center;
}


/* forms */
fieldset {
    padding: 4px;
    border: 0;
}

    fieldset legend {
        
    }
    
    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 2px;
        }

    fieldset label {
        font-size: 1em;
        font-weight: 600;
    }

    fieldset label.checkbox {
        display: inline;
    }

    fieldset input[type="text"],
    fieldset input[type="password"] {
        border: 1px solid #e2e2e2;
        color: #333;
        margin: 2px 0 6px 0;
        padding: 2px;
        width: 300px;
    }

        fieldset input[type="text"]:focus,
        fieldset input[type="password"]:focus {
            border: 1px solid #7ac0da;
        }

    fieldset textarea {
        border: 1px solid #e2e2e2;
        color: #333;
        margin: 2px 0 6px 0;
        padding: 2px;
        width: 400px;
        height: 70px;
    }
    
    fieldset input[type="submit"] {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1em;
        font-weight: 600;
        padding: 7px;
         float: none;
    display: block;
        width: 220px;
    margin: 10px auto;
    }

/* About Me Page */
    .aboutmeImage
    {
	    display:inline;
	    margin:-4px;
    }
    
    /*galleria*/
    #galleria {
        height:700px;
        width:860px;
        margin-left: auto;
        margin-right: auto;
    }
    
    /*validation*/
.field-validation-error, .validation-summary-errors 
{
    display: block;
    color: red;
}