/*  
Theme Name: En Garde Detroit v.2
Theme URI: gvestudtios.net
Description: A clean layout for En Garde Detroit
Version: 2.0
Author: Cortney Robinson
Author URI: http://www.gvestudios.net
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
a	{color:#990000;}



/*----------TYPOGRAPHY----------*/

p					{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:19px; color:#727272;}
h1, h2, h3, h4, h5	{font-family:Helvetica,Arial,sans-serif; color:#790000;}
h1					{font-size:20px;}
h2					{font-size:18px;}
h3					{font-size:16px;}
h4					{font-size:14px; margin:10px 0 10px 0;}
h5					{font-size:13px;}



/*----------UTILITIES----------*/
.clear				{clear:both;}
.push				{height:200px;}
.Lfloat				{float:left;}
.Rfloat				{float:right;}
.icon				{float:left; margin-right:10px;}

.titlewrap			{border:solid 1px #dddddd; }
.title				{width:442px; float:left; margin:0 10px 0px 10px; border:solid 1px #ccc; background:url(../../../images/gray-gradient-bg-2.png) repeat-x; background-color:#efefef; padding:10px; min-height:250px;}


/*----------STRUCTURE----------*/
html				{min-height:100%; height: auto !important; height:100%; background-color:#ebe9e1; }
body				{ background:url(../../../images/container-shadow.png) center repeat-y;}

#container			{margin:0 auto; width:970px; background-color:#fff; border:solid 1px #DDDDDD; border-top:none; border-bottom:none;}

#header				{height:100px; padding-left:10px; background:url(../../../images/gray-gradient-bg.png) repeat-x; background-color:#fff; }

#content-wrap		{ position:relative; background:url(../../../images/gray-gradient-bg.png) repeat-x; width:100%; padding-top:20px;}
#content			{float:left; margin:20px 0 0 10px; }

#midrow				{height:202px; background:url(../../../images/mid-row-bg.png); background-color:#790000; border-top:solid 1px #888484; border-bottom:solid 1px #6b6363;}

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

#navigation			{width:auto; background:url(../../../images/gray-gradient-bg.png) repeat-x; background-color:#fefefe; border-top:solid 1px #888484; border-bottom:solid 1px #6b6363;}
#main-nav			{}

#main-nav li		{float:left; padding:10px 10px 0 10px; border-right:dotted 1px #790000; }
#main-nav li:last-child	{border-right:none;}
#main-nav li a		{float:left; text-transform:uppercase; font-size:10px;  letter-spacing:3px; font-family:Arial, Helvetica, sans-serif; color:#790000; font-weight:bold; line-height:20px; vertical-align:middle; padding:0 10px 5px 10px;}
#main-nav li a:hover	{color:#727272;}


body#default ul#main-nav li a#home,
body#programs ul#main-nav li a#programs,
body#fencing ul#main-nav li a#fencing,
body#about ul#main-nav li a#about,
body#contact ul#main-nav li a#contact {}

body#default ul#main-nav li a#home:hover,
body#programs ul#main-nav li a#programs:hover,
body#fencing ul#main-nav li a#fencing:hover,
body#about ul#main-nav li a#about:hover,
body#contact ul#main-nav li a#contact:hover	{}


/*----------INDEX POSTS----------*/
.post-wrap		{border:solid 1px #dddddd;  margin:0 0 20px 0; color:#727272;}
#post-top			{margin-bottom:10px; position:relative;}


.posts			{width:620px; position:relative; border:solid 1px #ccc; padding:0 0 10px 10px; background-color:#efefef; color:#727272;}
.posts h2			{text-transform:uppercase; color:#790000;}
.posts h2 a		{color:#790000; margin:0 0 10px 0;}

.posts p					{color:#727272; margin:0 10px 20px 0; font-size:12px; line-height:19.5px;}



p.header			{font-size:10px; line-height:25px; border-bottom:solid 1px #dddddd; margin:10px 10px 10px 0;}
p.header img		{border:none; float:none; margin:0 5px 0 0; float:left; width:auto; height:auto; }



/*----------SINGLE POSTS----------*/




/*----------SIDEBAR----------*/
#sidebar			{float:right; width:300px; margin:20px 0px 0 10px;}

#sidebar p			{font-size:11px; color:#727272;}

.sidebox			{border:solid 1px #dddddd; background:url(../../../images/gray-gradient-bg-2.png) repeat-x; background-color:#efefef; margin:0 10px 20px 0; padding:10px; position:relative;}


.sidebox h5			{width:200px;}


.widget		{border:solid 1px #dddddd; background:url(../../../images/gray-gradient-bg-2.png) repeat-x; background-color:#efefef; margin:0 10px 20px 0; padding:10px;}

.widgettitle	{font-size:18px;}


/*----------SEARCHFORM---------*/
#searchform			{margin:5px 10px 0 0;}


/*----------META DATA--------*/

h5.sIFR-replaced	{display:inline;}
.postmetadata a	{margin:20px 0 0 0;}

.ngg-gallery-thumbnail img	{width:auto; height:auto;}


p#email				{position:absolute; right:5px; top:3px;}
#emailpost				{position:absolute; right:15px; top:5px;}
img.WP-EmailIcon		{size:auto; width:auto; height:auto; margin:0 10px 0 0; padding:0;}

/*----------CONTACT FORM	--------*/
#maildiv					{width:550px; padding:10px; margin:0 auto; background:url(../../../images/gray-gradient-bg.png) repeat-x; background-color:#fff; margin-top:10px; border:solid 1px #ccc;}

fieldset					{background:url(../../../images/gradient-bg.png) repeat-x; background-color:#ebe9e1;padding:10px; border:solid 1px #ccc; width:530px;}
#formLeft					{}
#formLeft .inputBox			{height:50px; margin:0 0 20px 0;}

#formLeft label				{text-align:left;}
#formLeft input				{height:30px; width:400px;}

#formRight					{}
#formRight textarea			{width:400px; height:200px; overflow:auto;}

label.error					{float:left; font-size:10px; color:#990000; font-style:oblique;}



/*----------FOOTER----------*/
#footer				{min-height:200px; padding:0 0 0px 0; background:url(../../../images/gray-gradient-bg.png) repeat-x; background-color:#EBE9E1;}
#footer-top			{height:20px; color:#ddd; background:url(../../../images/gradient-bg.png) repeat-x; background-color:#790000;}

ul.footercol		{float:left; margin:20px 0 10px 0px; width:200px; padding:0 20px 0 20px; border-right:groove 1px #727272; min-height:200px;}
ul.footercol li		{line-height:25px; text-transform:uppercase; font-size:11px; width:100%;}
ul.footercol p		{font-size:10px; color:#727272;}
ul.footercol img	{float:left; margin-right:5px; display:compact;}

ul#nav li			{list-style:disc inside; margin:5px 3px 0 0; color:#990000; width:75px; float:left;}

ul#nav2 li			{list-style:disc inside; color:#990000; }

#footerbottom		{ background:url(../../../images/gray-gradient-bg.png) repeat-x; background-color:#ddd; border-top:solid 1px #727272; padding:5px;}

#admin li			{float:left;width:100px; font-size:11px; text-transform:uppercase;}