/*  
Theme Name: MARII SADRAK make-up and hair
Description: Website for Marii Sadrak.
Version: 1.0
Author: Heikki Vaht
Author URI: http://www.trash-media.com

	Marii Sadrak Digital Portfolio
	http://www.mariisadrak.com

	This theme was designed and built by Heikki Vaht,
	whose blog you will find at http://www.trash-media.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


* { margin:0;padding:0; }
div { -moz-box-sizing:border-box;box-sizing:border-box;	}

body {
	
	margin: 0px;
	background-color: white;
	}

body, h2, a {font-family: trebuchet , 'Gil Sans', Helvetica, Arial, Tahoma, sans-serif; font-size: 11px;color: #575757;}
	h2 {color: black;}

#wrapper {
	xxxwidth: 1170px;
	}
	
	
	
	#top {
		float: none;
		width: 800px;}
		#top img {height: 154px; width: 379px;}
	
	/* vasen sarake, sidebar */
	#col1 {
		width: 237px;
		padding-top: 30px;
		float: left;
		}
		



							ul#navigation {
								display: block;
								padding-left: 68px;
								line-height: 18px;
								
								xxxxfont-size: 10px;
								}
								ul#navigation h2 {
									color: black;
									margin-top: 12px;
									font-size: 11px;
									}
								ul#navigation li {
									display: block;
									
									xxxxxfloat: left;
									}
									ul#navigation li ul li {
										zzdisplay: list-item;
										display: block;
										}
									
									ul#navigation li a {
										text-decoration: none;
										}
										ul#navigation li a:hover {
											color: blue;
											text-decoration: underline;
											}
							ul#navigation p {width: 200px;padding-left: 2px;}
							ul#navigation p.smaller {font-size: 8px;line-height: 12px;}


/*
#############
MAIN COLUMN
#############
*/		
	
	#col2 {
		width: right;
		xxxxwidth: 750px;
		margin-left: 235px;
		}	
		
		/* sisaltoalue */
		#content {
			padding-top: 12px;
			padding-bottom: 50px;
			}
			#content a {
				xxxcolor: #575757;
				}

			/* POST */
			#content .post {
				margin-bottom: 60px !important;
				}
			#content .post h2 {
				margin-top: 30px;		
				margin-left: -1px;
				margin-bottom: 0;		
				text-transform: normal;	
				font-size: 22px;
				font-weight: normal;
				letter-spacing: 0.02em;	
				}
				 #content .post h2 a {
				 		font-size: 22px;
				 		color: black; text-decoration: none; padding-top: 4px; padding-bottom: 2px;
				 		}
				#content .post h2 a:hover {xxxcolor: white; text-decoration: underline; xxxbackground-color: black;}
			#content .post small {
				display: block;
				xxxtext-transform: uppercase;
				margin-bottom: 12px;
				xxxcolor: #777;
				font-size: 10px;
				font-weight: normal;
				}
			#content .post .entry {
				line-height: 16px;
				}
				#content .post .entry img {
					border: none;
					}
			#content .post .postmetadata {
				margin-top: 20px;
				xxxcolor: #999;
				border-top: 1px dotted #999;
				border-bottom: 1px dotted #999;
				padding-top: 10px;
				padding-bottom: 10px;
				}
			#content .post p {
				margin-top: 8px;}
			#content .post .entry p {}
			
			#content .post p.postmetadata { 
				xxxpadding-bottom: 0; } /* jyrataan p-maaritykset */
			
			#content h3 {
				margin-top: 20px;
				}
			/* kasutatakse ntx cv rea-headerina */
			#content .post .rowHeader {
				display: inline-block; 
				width: 120px; 
				clear: none; 
				}
			#content .post img {margin-bottom:5px;margin-bottom: 0px; display: inline-block;}
			/* navigaatiopalkki postauksen yla- tai alapuolella */
			#content div.navigation { 
				display: block; 
				padding-top:4px; /* margin ei toimi firefoxissa */
				}
				#content div.navigation a {text-decoration: none; text-transform: uppercase; font-size: 10px;}
					#content div.navigation a:hover {text-decoration: underline;}
				#content div.navigation div.alignleft {
					float: left;
					}
				#content div.navigation div.alignright {
					float: right;
					}
		
		#content textarea#comment {
			/* erikoissaato */
			width: 490px;
			margin-bottom: 10px;
			margin-top: 10px
			}
		
		#col2 #footer {
			display: block;
			padding: 20px;
			xxxcolor: #999;
			}

/*
###############
WORDPRESS GALLERY
###############
*/

.gallery {margin: none !important; line-height: 1px;}
	.gallery dl.gallery-item {width: 300px; display: block; float: left;}
	.gallery img {border: none !important; }

/*
###############
LOPUT
###############
*/

.searchField {
	width: 70px;
	}
.searchButton {
	font-size: 9px;
	width: 30px;
	}
.bigger {font-size: 150%; line-height: 130%; color: #fff; background-color: black; text-transform: none; padding: 3px 4px 2px 4px; 
	display: inline !important;}
.pagetitle {padding-top: 30px;}