/*  
Theme Name: Reforma
Theme URI: http://shop.studioreforma.com
Description: Design store REFORMA
Version: 1.0
Author: Studio Reforma
Author URI: http://www.studioreforma.com/

*/

* html {
height:1%;
}

body {
	font-size:15px;
	font-family: Corbel, "Trebuchet MS", Arial, sans-serif;
	height:100%;
	background-image:url(images/background.png);
	background-repeat:repeat;
	position:relative;
	text-align:left;
	width:920px;
	margin:0 auto;
}

a {
	text-decoration:none;
}

a img,
a:hover img {
	border:0 !important;
	border-bottom-style:none;
	border-style:none !important;
	text-decoration: none;
}



/* page
--------------------------------------------------*/

#page {
	width:880px;
	line-height:22px;
	height:100%;
	margin:20px;
	padding:0px;
}

#wrap {
	width:880px;
	height:100%;
	background-color: #ffffff;
}


/* header
--------------------------------------------------*/
#header {
	width:820px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 6px;
	padding-left: 30px;
	margin: 0px;
	background-color: #ffffff;
}


#navigationproducts {
	margin-top: 25px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}

#navigationproducts a {
	font-size: 17px;
	font-weight: bold;
	color: #06F;
	background-color: #FFF;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	text-transform: uppercase;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
								
#navigationproducts a:hover,
#navigationproducts li a:hover {
	color: #FFF;
	background-color: #333;
}

#navigationproducts li {
	font-size: 17px;
	font-weight: bold;
	float:left;
	list-style:none;
	background-color: #EEEEEE;
	margin:0 0 0 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#navigationproducts li a {
	position:relative;
	color: #333;
	background-color: #FFFD87;
	padding-top: 7px;
	padding-right: 13px;
	padding-bottom: 7px;
	padding-left: 13px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#navigationproducts li.current-cat a {
	color: #000000;
	background-color: #EEE;
}

#links {
	width:860px;
	height:19px;
	margin:0;
	padding:30px 20px 0px 0;
	border:0;
}

#navigationpages {
	height:19px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	float: right;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#navigationpages a {
	color: #0066FF;
	background-color: #ffffff;
}

#navigationpages li {
	float:left;
	margin:0 0 0 20px;
	list-style:none;
	list-style-image: none;
	list-style-type: none;
}

#navigationpages li a {
	position:relative;
	padding: 4px;
	font-size: 14px;
	background-color: #ffffff;
}

#navigationpages a:hover,
#navigationpages li a:hover {
	color: #333333;
	background-color: #FFFD87;
}

#navigationpages .current_page_item a {
	color: #ffffff;
	background-color: #0066FF;
}

/* sidebar
--------------------------------------------------*/
#sidebar {
	float:right;
	width:190px;
	height:100%;
	background-color: #ffffff;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 30px 0px 0px 0px;
}

#sidebar a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #FFF;
	color: #06F;
}

#sidebar a:hover {
	color:#333;
	background-color: #FFFD87;
}

#sidebar h3 {
	margin-top:20px;
	color: #333;
	font-family: Corbel, Arial, sans-serif;
	text-transform: uppercase;
	font-size:18px;
	font-weight: bold;
	text-align:right;
	background-color: #EEEEEE;
	padding: 3px;
	width: 184px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#designers ul {
	list-style-image: none;
	text-decoration: none;
	list-style-type: none;
	text-align: left;
	padding: 0px;
	font-size: 10px;
	font-weight:bold;
	text-transform: uppercase;
}

#voucher {
	font-family: Corbel, "Trebuchet MS", Arial, sans-serif;
	text-transform:none;
}

#voucher a {
	color:#000;
	background-color: #FFFD87;
	text-transform:none;
	font-size:15px;
}

#voucher a:hover {
	color:#fff;
	background-color: #000;
}

.latest {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 18px;
}

/* content
--------------------------------------------------*/

#content {
	background-color: #FFFFFF;
	margin-left: 30px;
	width: 600px;
	Padding-top: 30px;
}

#content a {
	color:#000;
	background-color: #FFFD87;
}

#content a:hover {
	color:#fff;
	background-color: #000;
}

#content a img {
	text-decoration:none;
	border: 0;
	border-style: none;
	padding: 0px;
	margin: 0px;
}

#content h1 a{
	color:#000;
	background:#FFFD87;
	line-height:37px;
	padding:1px 3px;
}

#contentarchive {
	background-color: #ffffff;
	margin-left: 30px;
	width: 600px;
	Padding-top: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-decoration: none;
}

.pagetitle {
	font-family:Helvetica, Arial, sans-serif;
	width:600px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 32px;
	color: #33DD99;
	line-height: 28px;
}

.leadimage {
	font-size:10px;
	text-transform:uppercase;
}

.leadimage a {
	color:#000;
	background-color: #FFFD87;
}

.leadimage a:hover {
	color:#fff;
	background-color: #000;
}

.postmetadata {
margin-bottom:50px;
}


#mainphoto {
	background-color: #FFFFFF;
	margin-left: 30px;
	width: 600px;
	Padding-top: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-decoration: none;
}

#mainphoto a {
	background:#FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#mainphoto a:hover {
	background:#FFFFFF;
	border:0
}

/* index boxes
--------------------------------------------------*/

#index-boxes {
	width:600px;
	float:left;
	margin-top:40px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-left: 0px;
}

.clearfloat {
display:block;
padding:0 0 30px;
}

Float Properties
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}

.box-left {
	float:left;
	width:240px;
	background-color: #EEEEEE;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.box-left h2,
.box-right h2 {
	margin-top:15px;
	color: #333333;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	text-transform: uppercase;
}

.box-left ul {
	list-style-image: none;
	text-decoration: none;
	list-style-type: none;
	text-align: left;
	padding: 0px;
	font-size:10px;
	text-transform:uppercase;
}

.box-right {
	background-repeat:repeat;
	float:right;
	width:260px;
	background-color: #EEEEEE;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

	
/* posts
--------------------------------------------------*/

.post,.entry {
	width:600px;
}

.left,
.alignleft {
float:left;
}

.right,
.alignright {
float:right;
}


/* previous + next links
--------------------------------------------------*/
.navigation {
	width:600px;
	padding-bottom:15px;
	height:20px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.navigation a {
	color:#333333;
	padding:1px 3px;
	background-color: #FFFD87;
}

.navigation a:hover {
	color:#FFFD87;
	padding:1px 3px;
	background-color: #333333;
}


/* search
--------------------------------------------------*/
#s {
	font-size:12px;
	width:184px;
	background-repeat:repeat;
	border:1px solid #AFAFAF;
	padding-left:2px;
	padding-right:2px;
	padding-top:6px;
	padding-bottom:6px;
	margin:0;
	background-color: #EEEEEE;
}

#contactform {
	font-family:Corbel, "Trebuchet MS", Arial, sans-serif;
	font-size:15px;
	border:1px solid #AFAFAF;
	margin-top:3px;
	background-color: #FFFFFF;
}


/* footer
--------------------------------------------------*/
#footer {
	clear:both;
	font-size: 9pt;
	color: #666666;
	background-color: #FFFFFF;
	margin-top:30px;
	margin-left: 30px;
	margin-right: 30px;
}

#footer a {
	color:#000;
	background-color: #FFFD87;
}

#footer a:hover {
	color:#fff;
	background-color: #000;
}

/* wp-stuff
--------------------------------------------------*/
.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:1px;
optionalroundedcornersforbrowsersthatsupportit-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

.aligncenter,
div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}


/* archives
--------------------------------------------------*/





/* yarpp
--------------------------------------------------*/

.yarpp {
	background-color: #FFFFFF;
	margin:0;
	padding: 0px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.yarpp a {
	background:#FFFFFF;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}

.yarpp a:hover {
	background:#FFFFFF;
	border:0;
	text-decoration: none;
}

/* frontpage
--------------------------------------------------*/

#frontpage {
	width:600px;
	float:left;
	margin-top:40px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-left: 0px;
}

.clearfloat {
display:block;
padding:0 0 30px;
}

Float Properties
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}




/* comments
--------------------------------------------------*/
#comments,
#respond {
width:590px;
}

.commentlist {
line-height:150%;
width:590px;
margin:0;
padding:0;
}

.commentlist li {
background-image:url(images/background.png);
background-repeat:repeat;
list-style:none;
width:590px;
float:left;
margin:0 0 30px;
padding:20px;
}

.comment-btm {
padding:100px 20px;
}

.commentlist cite,
.commentlist cite a,
.commentlist cite a:visited {
font-style:normal;
}

.commentlist small {
margin-bottom:5px;
display:block;
font-size:87%;
}

#commentform {
margin-top:10px;
font:110%;
width:590px;
}

#commentform p {
margin:0;
padding:6px 0;
}

#commentform input {
width:250px;
background:#FFFFDF;
border:1px solid #AFAFAF;
margin-top:3px;
font-family:georgia;
padding:4px;
}

#commentform textarea {
width:500px;
height:150px;
background:#FFFFDF;
border:1px solid #AFAFAF;
margin-top:3px;
font-family:georgia;
line-height:1.5;
padding:4px;
}

#commentform textarea:focus,
#commentform input[type="text"]:focus {
background:#fff;
}

#commentform #submit {
background:#fffd87;
border:1px solid #AFAFAF;
font:100% georgia;
color:#000;
float:left;
width:160px;
height:28px;
cursor:pointer;
}