/*
Theme Name: Roden Gray
Theme URI: http://www.rodengray.com
Version: 1.0
Tags: fixed width, two columns, three columns, widgets, clean, minimalistic, search engine optimized,
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

@font-face {
	font-family: "Century Gothic";
	src: local("Century Gothic"),
	url('GOTHIC.TTF'),
	url('GOTHIC.eot');
}

@font-face {
	font-family: "Century Gothic";
	font-weight: bold;
	src: local("Century Gothic Bold"),
	url('GOTHICB.TTF'),
	url('GOTHIGB.eot');
}
	
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
hr {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 10px 0 10px 0;
}
/* Body */
* {margin:0; padding:0;}
body {
	background:#fff; 
	color:#000; 
	font-family:"Century Gothic", Helvetica, Arial;
	font-size: 13px;
}
	
#wrap {background-color:#fff; color:#000;padding: 10px 10px 10px 15px;
	width: 995px;
	margin: 0 auto; }
.feature_title {
	color: #000;
	font-size: 15px;
}
	a.feature_title:link {text-decoration: none; color: #000; font-size: 15px;line-height: 15px;}
	a.feature_title:visited {text-decoration: none; font-size: 15px;}
	a.feature_title:active {text-decoration: none; font-size: 15px;}
	a.feature_title:hover {color: #7a7a7a; font-size: 15px;}
/* Links */
a {color:#7a7a7a; text-decoration:none;}
a:hover {color:#000;}
a img {border:0;}
/* Header */
#header {width:180px; padding:0; margin: 0; }
/* Sidebars */
#leftside {
	clear:left; 
	float:left; 
	width: 100px;
	position: relative;
    left:-5px;
}
#leftside #menu {
	padding-top: 5px;
	font-size: 15px;
	color: #7a7a7a;
}
#leftside ul {
	font-size: 13px;
	color: #7a7a7a;
}
#leftside ul a:hover {
	color: #7a7a7a;
}
a.menu_link {
	position:relative;
	font-family:"Century Gothic", Helvetica, Arial;
	font-size:18px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
}
a.menu_link:hover {
	color:#7A7A7A;
	text-decoration:none;
}
.dynamic_link{position:relative; font-family:"Times New Roman",Times,serif; font-size:32px; font-style:italic; padding-right:30px; color:#000;}
.dynamic_link img, .menu_link img{position:absolute; left:0; bottom:0; height:37px; width:180px; background-repeat:no-repeat;}
.dynamic_link img.blog{ background-image:url(img/Splash-nav-blog.gif); width:91px;}
.dynamic_link img.brands{background-image:url(img/shop-designe.gif); width:222px;}
.dynamic_link img.cats{background-image:url(img/shop-categor.gif); width:227px;}
.menu_link img.blog{ background-image:url(img/blog_image.gif);}
.menu_link img.shop{background-image:url(img/shop-roll.gif);}
.menu_link img.about{ background-image:url(img/about_image.gif);}
a:hover.dynamic_link img, a.menu_link:hover img, a.active img{ background-position:left bottom;}
#leftside #page_name h1 {
	color: #9900ff;
	font-size: 25px;
	padding-bottom: 15px;
}
#leftside .left_title {
	text-transform: capitalize;
	font-size: 15px;
}
#extras {float:right; padding-top:80px; width:210px;}
#extras h2 {
	text-transform: capitalize;
	font-size: 15px;
	color: #000;
}
#extras ul ul {
	font-size: 14px;
	color: #7a7a7a;
}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}
/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:180px;}
ul.page li {display:inline; width:180px;}
ul.page li a {background-color:#fff; color:#000; float:left;margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:120px;}
ul.page li a:hover, ul.page li.current_page_item a {color:#000; text-decoration: underline;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}
.menu_link {
	font-size: 15px;
	color: #7a7a7a;
}
	a.menu_link:link {text-decoration: none;}
	a.menu_link:visited {text-decoration: none}
	a.menu_link:active {text-decoration: none}
	a.menu_link:hover {text-decoration: underline; color: #000;}
/* Content */
#content 
{
	margin: 19px 0px 5px 200px;
	width: 650px;
	
}
#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}
#page_name{
	color: #003366;
	font-size: 25px;
	padding-bottom: 15px;
}
#content h2,#contentwide h2 
{
	font-size:1.6em; 
}
.left_title {
	text-transform: capitalize;
	font-size: 15px;
}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {border:1px solid #7a7a7a; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}
/* Footer */
#footer {font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.7em; margin:0 auto; padding:10px 0; text-align:left; width:1000px;}
#footer p {margin:0; padding:0;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}
/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:0px solid #336633; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#555;}
/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:0px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#000; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#000; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#fff; margin:5px 0 15px 0;border-left:0px solid #cccccc;}
/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#000; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:"Century Gothic", Helvetica, Arial; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}
/* Float fix */
.contenttext {overflow:hidden; font-family:"Century Gothic", Helvetica, Arial; font-size: 13px; color: #000; font-weight: normal;}
.contenttext img {
	border: 0;
	padding: 10px;
	cursor: pointer;
}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:600px; padding-right: 30px;}
/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}
/* Various classes */
	
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0;}
.postinfo {background-color:#fff; border-left:0px solid #cccccc; color:#7a7a7a; font-size:13px; padding:8px 5px 8px 0; font-style: italic;}
a.postinfo:link {text-decoration: none; color: #7a7a7a;}
	a.postinfo:visited {text-decoration: none}
	a.postinfo:active {text-decoration: none}
	a.postinfo:hover {text-decoration: underline; color: #000;}
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0; font-weight: normal;}
.prevlink {margin-right:20px; font-weight: normal;}
.nextlink {margin-left:20px; font-weight: normal;}
.smIndexColLink {
	color: #7a7a7a;
	font-size: 13px;
}
	a.smIndexColLink:link {text-decoration: none; color: #7a7a7a;}
	a.smIndexColLink:visited {text-decoration: none}
	a.smIndexColLink:active {text-decoration: none}
	a.smIndexColLink:hover {text-decoration: underline; color: #000;}
	
#bottom_contact {
	bottom: 0px;
	color: #7a7a7a;
	font-size: 11px;
}
.bottom_link {
	color: #000;
}
	a.bottom_link:link {text-decoration: none; color: black;}
	a.bottom_link:visited {text-decoration: none}
	a.bottom_link:active {text-decoration: none}
	a.bottom_link:hover {text-decoration: underline; color: #003366;}
	
#extras li a#active
{
	color:#9900FF;	
}
a:hover {
	text-decoration:none;
}
#main_title {
	height: 83px;
	padding-bottom: 5px;
	position:relative;
	border-bottom: 1px solid #CCCCCC;
	margin-left:-5px;
}
.logo {
	float:left;
    margin-top: 4px;
}
div.logo a {
	font-family:"Century Gothic", Helvetica, Arial;
	background:url("img/logo_rodengray.png");
	font-size:3.6em;
	color:#000;
	display:block;
	width:290px;
	height:34px;
}
.logo a:hover, .logo a:active {
    color: #9900FF;
}
#menu {
	position:absolute;
	bottom:5px;
	right:0px;
}
.feature_title {
	color: #000;
	font-size: 13px;
	font-style: normal;
	
}
div.feature_title {
	position:absolute;
	bottom:5px;
	left:0px;
	width:590px;
}
.feature_title > .featured_inner {
	margin-left:203px;
	margin-top: 5px;
	color:#000;
}
.feature_title > .featured_inner > span {
	color:#7a7a7a;
}
.feature_title > .gender {
	float:left;
}
.gender > a.current {
	font-weight:bold;
}
.feature_title > .featured_inner > .nav-pages {
	font-family: "Century Gothic",Helvetica,Arial;
    float: left;
    margin-bottom: -5px;
    padding-top: 4px;
    vertical-align: bottom;
    white-space: nowrap;
    width: 395px;
}
.gender > a {
    font-family: "Century Gothic",Helvetica,Arial;
    font-size: 18px;
    font-weight: normal;
    padding-right: 43px;
    position: relative;
	font-style:normal;
    text-decoration: none;
    text-transform: uppercase;
	color:#000;
}
.line1{
	float:right;
	width:200px;
	text-align:right;}
.auth-row {
    position: absolute;
    right: 0;
    top: 5px;
	width:330px;
}
.auth-row > .search input.text {
    width: 202px;
	background:url(img/btn_search.png) top right no-repeat;
	border: 1px solid #CCCCCC;
	height:21px;
}
a.submit-search {
	position:absolute;
	display:block;
	width:57px;
	height:18px;
	right:0px;
	top:0px;
}
a.menu_link {
    color: #000000;
    font-family: "Century Gothic",Helvetica,Arial;
    font-size: 18px;
    font-weight: normal;
    padding-left: 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
a.menu_link:hover {
    color: #7A7A7A;
	text-decoration:none;
}
#leftside > ul a {
	color:#7a7a7a;
}
#leftside > ul a:hover {
	color:#000;
}
.gender > a:hover {
	color:#7a7a7a;
}
.featured_inner a {
	color:#7a7a7a;
}
.featured_inner a:hover {
	color:#000;
}