/* Tsekeynay.net CSS Document */


/* colors 

dk red: #2E1A0F
lt red: #7A3928
lt grey: #595959
dk grey: #2E2E2E
teal: #28787A

*/


/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#2E2E2E;
	background:#2E1A0F;
	font:70%/1.3 Georgia, Times, serif;
	margin-top:20px;
	margin-bottom:40px;
}

a {
color:#7A3928;
}

a:hover {
color:#2E1A0F;
}

.left {
float:left;
}

.right {
float:right;
}



/* Helpers
--------------------------------------------------------------------------------------------------- */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0px auto;
width: 750px;
text-align: center;
background: white;
}

#home #header {
width:730px;
height:350px;
margin: 0 auto;
position:relative;
background:url(../images/home_banners/rotator.php) no-repeat bottom center;
}

#header {
width:730px;
height:160px;
margin: 0 auto;
position:relative;
background:url(../gfx/inside_banner.jpg) no-repeat bottom center;

}

#home #header h1#logo a {
width:240px; height:60px;
text-indent:-9999px;
background:url(../gfx/logo.gif) no-repeat top left;
position:absolute;
z-index:2;
left:10px; top:60px;
}

#header h1#logo a {
width:240px; height:60px;
text-indent:-9999px;
background:url(../gfx/logo.gif) no-repeat top left;
position:absolute;
z-index:2;
left:10px; top:30px;
}



#home #header p#tag {
height:60px; width:185px;
text-indent:-9999px;
background:url(../gfx/tag.gif) no-repeat top left;
position:absolute;
left:500px;
top:30px;
}

#header p#tag {
height:25px; width:430px;
text-indent:-9999px;
background:url(../gfx/inside_tag.gif) no-repeat top left;
position:absolute;
left:300px;
top:20px;
}

#footer {
margin:0px auto;
width:750px;
text-align:left;
color:white;
padding-top:10px;
}

#nav {
width:730px; height:30px;
margin: 0 auto;
background:#7A3928;
border-top:1px solid white;
}

#banner {
width:750px; height:156px;
background: url(../images/banners/banner1.jpg) no-repeat top left;
margin:0 auto;
}

#wrap { 
width:730px;
margin:0 auto;
background:url(../gfx/body_bg.jpg) repeat-x top left;
padding-bottom:30px;
}

#content {
width:490px;
float:right;
text-align:left;
padding-top:30px;
}

#gallery #content {
width:730px;
}

#gallery #content #slideshow {
margin:20px auto;
width:600px;
}

#footer {
margin:0 auto;
width:760px;
background:url(../images/footer_bg.jpg) no-repeat top center;
}

#signup {
margin-top:20px;
}

#signup form {
margin:10px;
}

#signup form input {
margin-top:5px;
}

/*NAVIGATION*/

#nav ul {
display:block;
}

#nav ul li {
display:inline;
float:left;

}

#nav ul li a {
display:block;
font:normal 14px/30px Georgia, Times, serif;
color:#FAF7EB;
text-decoration:none;
padding:0 12px;
}

#nav ul li a:hover
{
color:#ffffff;
background:#2E1A0F url(../gfx/nav_arrow.gif) no-repeat bottom center;
}

#home #n_home a,
#communities #n_communities a,
#amazay #n_amazay a,
#resources #n_resources a,
#news #n_news a,
#action #n_action a,
#gallery #n_gallery a {
color:#ffffff;
background:#2E1A0F url(../gfx/nav_arrow.gif) no-repeat bottom center;
}



/* TYPOGRAPHY */

#content p,
#content li,
#content h2,
#content h3,
#content h4 {
margin-left:20px;
margin-right:40px;
}

#content p {
font-size:14px;
margin-bottom:12px;
}

#content ul {
margin-left:20px;
font-size:12px;
margin-bottom:5px;
}

h2 {
font-size:22px;
color:#2E1A0F;
margin-bottom:15px;
}

h3 {
font-size:18px;
color:#7A3928;
}

h4 {
font-size:16px;
color:#2E2E2E;
font-weight:bold;
}

#footer ul,
#footer p {
padding-left:30px;
}

#footer ul li {
display:inline;
float:left;
color:white;
}

#footer ul li a {
color:white;
}





/* SIDEBAR */

#sidebar {
width:240px;
float:left;
text-align:left;
padding-top:30px
}

#sidebar h2 {
font-size:14px;
font-weight:bold;
color:#7A3928;
}

#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar p {
margin-left:10px;
}

#sidebar a#button {
display:block;
width:230;
height:63px;
background:url(../gfx/button.jpg) no-repeat 0 -63px;
margin:0 0 20px 10px;
text-indent:-9999px;
}

#sidebar a#button:hover {
background-position: 0 0px;
}

#sidebar p a {
text-transform:uppercase;
}

#sidebar p {
padding-bottom:5px;
padding-top:4px;
border-bottom:1px dotted #7A3928;
}










