/*
Theme Name: 23 GTR
Description: The Wordpress Theme for 23 GTR
Author: Jonas Johansson
*/

@import url("http://23gtr.se/ui/css/core.css");
@import url("http://23gtr.se/ui/css/decor.css");

#header-wrapper		{ height: 240px; }

#footer-wrapper		{ height: 180px; }

#container,
#comment-wrapper	{ width: 100%; }

#header,
#nav,
#content,
.comment			{ width: 1024px; margin: 0 auto; }

#container			{ }

/* HEADER
------------------ */

#header				{ padding-top: 40px; }

#logo,
#about,
#contact			{ float: left; }

#logo				{ margin-left: 15%; width: 30%; }

#logo span			{
					display: block;
					width: 135px;
					height: 151px;
					text-indent: -9999px;
					margin: 0 auto;
					}

#about				{ margin: 20px 0 0 -40px; padding-bottom: 12px; width: 380px; }

#contact			{ width: 40%; padding-right: 10%; }


/* NAVIGATION
------------------ */

#nav				{ padding: 120px 0; }

#nav ul,
#nav li,
#nav ul a			{ display: block; margin: 0; }

#nav .categories,
#nav .labels		{ float: left; width: 25%; }

#nav li				{ display: block; width: 100%; }

#nav ul a			{ width: 100%; padding: 0.4em 0; }

#nav ul a span		{ padding-left: 1.7em; }

#nav ul a:hover span	{ margin-left: 20px; }


/* CONTENT
------------------ */

#content			{
					padding-top: 40px;
					padding-bottom: 120px;
					margin-top: 80px;
					}

.post				{ margin-bottom: 120px; }

.post-content,
.post h2			{ width: 820px; }

.post-content a		{ border: 0; }

.post-content em	{ font-style: italic; }

.post-content ul,
.post-content ol	{ margin-left: 40px; }

.post-content ul	{ list-style-type: disc; }

.post-content ol	{ list-style-type: decimal; }

.meta				{
					float: right;
					margin-right: 40px;
					text-align: center;
					}
					
.meta-more			{
					float: left;
					display: block;
					padding: 20px;
					padding-bottom: 0;
					margin-top: 20px;
					}

.meta span			{
					display: block; 
					padding: 2px 0 4px 0;
					}

.meta .date			{ padding-bottom: 0; }

.meta				{ width: 65px; padding-top: 10px; }

.post-content img	{ margin-right: 6px; }


/* COMMENT
------------------ */

.comment			{ width: 50%; padding-top: 60px; }

.comment ol			{ padding: 40px 0; }

.comment li			{ width: 75%;  }

.commentmeta		{ display: block; padding: 2px 10px; }

.odd				{ float: left; }

.even				{
					float: left;
					margin-right: 40px;
					text-align: right;
					}

.commentmeta .num	{ position: relative; }

.odd .num			{ float: left; left: -30px; }
.even .num			{ float: right; right: -30px; }
	
.comment div,
form,
fieldset			{ width: 512px; border: 0; }

form				{ padding: 0; }

fieldset			{ padding-right: 0; padding-left: 0; }

input,
textarea			{ width: 322px; }

button				{ width: 344px; }

label				{ width: 140px; }


/* FOOTER
------------------ */

#footer-wrapper		{ text-align: center; }

#footer				{ padding-top: 80px; }

	
/* EXTRA
------------------ */

.divider,
.car				{ position: relative; }

.divider			{ top: -29px; }

.car				{
					top: 3px;
					height: 29px;
					margin-right: 30px;
					}

.dark				{ margin-left: 30px; }


/* WORDPRESS
------------------ */

.centered	 		{ display: block; margin: 0 auto; }

.alignright,
.alignleft			{ display: inline; }

.alignright			{ float: right; }

.alignleft			{ float: left; }