/*
Theme Name: mongolian-national-modern-art-gallery
Theme URI: http://www.Dot.mn
Description: TheElements WordPress Theme based on .
Version: 1.0
Author: Dot.mn
Author URI: http://www.Dot.mn/
Tags: Wood, 2-column, Widgets

This theme was designed and built by Dot.mn,
whose portfolio you will find at Dot.mn

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

* {
margin:0;
padding:0;
}

html,body {
background:#18130D url(images/wood.jpg) top repeat;
color:#BDAFA8;
}

body {
font:12px Tahoma;
line-height:1.2em;
padding: 0px;
margin: 0px;
}

h1 {
font-family:Tahoma;
font-size:18px;
font-weight:400;
color:#FFFFFF;
}

h2 {
font-family:Tahoma;
font-size:16px;
font-weight:400;
color:#FFFFFF;
margin-bottom:5px;
}

h3 {
font-family:Tahoma;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:5px;
}

h5 {
font-size:10px;
font-weight:400;
color:#BDAFA8;
}

p {
margin-bottom:8px;
}

strong {
color:#FFFFFF;
}

a:link, a:visited {
color:#FFFFFF;
text-decoration:none;
}

a:hover {
color:#BDAFA8;
}

img {
border:none;
}

p img {
padding: 0;
max-width: 100%;
}

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;
border:5px solid #171001;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 1px solid #FFFFFF;
}

#single ul {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}

#single li {
padding: 0 0 0 20px;
background: url(images/icon-check.gif) top left no-repeat;
}

#wrapper {
width:932px;
padding:0px;
padding-left:10px;
padding-right:10px;
margin:0 auto;

}

/** Header Content **/
#header {
float:left;
width:932px;
height:115px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#logo {
float:left;
margin:15px 0px 0px 0px;
}

#pages {
float:right;
color:#BDAFA8;
margin:33px 0px 0px 0px;
height:50px;
width:522px;
padding:0px 0px 0px 5px;
/*background:url(images/pages-trans.png) top left no-repeat;*/
border-left:3px solid #3B352C;
}

span.menu-items {
width:115px;
height:50px;
display:block;
float:left;
margin-left:12px;
border-right:3px solid #3B352C;
cursor:pointer;
}

span.last-menu-item {
width:105px;
height:50px;
display:block;
float:left;
margin-left:12px;
cursor:pointer;
}

/** Main Content **/
#main {
float:left;
width:932px;
}

#content {
float:left;
width:630px;
margin:0px 12px 0px 0px;
font-size: 11px;
line-height: 17px;
}

#content a{
	color: #785d41 ;

}
.heading {
margin:15px 0px 15px 13px;
}

span.contenthead {
width:630px;
display:block;
}

.intropost {
margin:0px 0px 0px 12px;
float:left;
width: 380px;
}

.intro {

background:url(images/content.png) top left repeat;
width:630px;
margin:0px 0px 12px 0px;
padding:12px 0px 0px 0px;
float:left;
}

.introinfo {
width:298px;
margin:15px 0px 0px 0px;
}

.introcontent {
height:86px;
overflow:hidden;
text-align: justify;
}

span.date {
float:right;
font-family:Tahoma;
color:#FFFFFF;
font-size:16px;
margin:2px 0px 0px 0px;
}

span.comments {
background:url(images/comments-trans.png) no-repeat;
font-family:Tahoma;
color:#0D0D0D;
font-size:14px;
float:right;
width:28px;
height:28px;
text-align:center;
margin:0px 0px 0px 15px;
padding:0;
}

#themes {
background:url(images/content.png) top left repeat;
width:630px;
margin:0px 0px 12px 0px;
float:left;
}

#plugins {
background:url(images/content.png) top left repeat;
width:630px;
margin:0px 0px 12px 0px;
float:left;
}

span.thumbnail {
float:left;
margin:0px 0px 12px 12px;
}

.thumbnail {
float: left;
border:5px solid #171001;
width: 200px;
height: 150px;
}
.thumbnail img{
width: 200px;
height: 150px;
}

.fthumbnail {
float: left;
border:5px solid #171001;
width:590px;
height: 400px;
margin-bottom: 20px;
}
.fthumbnail img{
}

.sthumbnail {
float: left;
width:60px;
height: 60px;
margin-bottom: 20px;
margin: 10px 5px 0px 0px;
border:3px solid #000000;
}
.sthumbnail img{
width:60px;
height: 60px;
}

#single, #page, #postcomments {
background:url(images/content.png) top left repeat;
width:606px;
margin:0px 0px 12px 0px;
padding:12px;
float:left;
}

.singleheading {
margin:5px 0px 15px 0px;
}

span.singlehead {
width:550px;
display:block;
}

/** Comment Styles **/
#comment {
width:450px;
font:12px arial,helvetica,verdana,sans-serif;
}

h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
}

ol.commentlist li.alt {
padding: 10px 10px 5px 10px !important;
background: url(images/white-trans.png) repeat;
}

input#submit {
font-size: 14px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:5px 0 0 0;
text-align:center;
background:url(images/white-trans.png) repeat;
border:none;
cursor:pointer;
}

#comment,#author,#email,#url {
background:url(images/white-trans.png) repeat;
border:none;
padding:2px;
color:#FFFFFF;
}

/** Sidebar Content **/
#sidebar {
float:left;
width:290px;
}

#sideSearch {
background:url(images/content.png) repeat;
margin:0px 0px 12px 0px;
padding:6px 6px 6px 6px;
float:left;
}

#searchWrap #s {
background:none;
color:#BDAFA8;
font-size:1.1em;
border:none;
margin:0px 3px 0px 0px;
width:257px;
}

#searchWrap input {
vertical-align:middle;
}

.block {
background:url(images/content.png) repeat;
width:270px;
margin:0px 0px 12px 0px;
padding:10px;
float:left;
}


.sidepost {
border-top:1px solid #1B140E;
padding:6px 0 0 0;
}

.sideblog {
margin-bottom:10px;
}

.sidetitle {
font-size:14px;
margin-bottom:2px;
}

#socialize ul li {
color:#BDAFA8;
border-top:1px solid #1B140E;
line-height:1.2em;
padding:3px 0 4px 0px;
}

#socialize a {
font-family:Tahoma;
}

.block ul li {
list-style:none;
margin:0;
}

#tags {
font-family:Tahoma;
word-spacing:5px;
line-height:1.5em;
}

#advertblock {
background:url(images/content.png) repeat;
width:278px;
margin:0px 0px 12px 0px;
padding:10px 0px 2px 12px;
float:left;
}

#advertblock h3 {
margin-bottom:10px;
}

#advertblock img {
margin:0px 9px 8px 0px;
border:1px solid #3B352C;
width: 78px;
height: 78px;
}

/** Footer Content **/
#favicons {
background:url(images/content.png) top left repeat;
float:left;
width:630px;
text-align:center;
padding:8px 0px 5px 0px;
margin:0px 0px 10px 0px;
}

#favicons img {
width:16px;
height:16px;
}

#footer {
padding:0px 0px 100px 0px;
width:630px;
float: left;
}

#footer p {
float: left;
width: 380px;
}

#code {
font-size:1em;
width:586px;
background:url(images/white-trans.png) repeat;
padding:10px;
}

#space {
height:15px;
}

.navigation {
width: 200px;
float:right;
}

.alignright {
padding-left: 10px;
float: right;
}

.alignleft {
float: left
}

/* The Tips */
.tool-tip{
color:#444444;
width:250px;
z-index:13000;
}

.title {
padding: 10px 0px 15px 0px;
font-weight: bold ;
font-size:16px;
font-family:Tahoma;
}

.featured {
text-align: justify;
font-size: 11px;
line-height: 17px;
	padding:0px 12px 15px 12px ;
}
.tool-title{
font-weight:normal;
font-size:16px;
font-family:Tahoma;
margin:0;
color:#343434;
padding:8px 8px 5px 8px;
background:url(images/tips-trans.png) top left;
text-align:left;
}

.tool-text{
font-size:12px;
padding:0 8px 8px 8px;
background:url(images/tips-trans.png) bottom right;
text-align:left;	
}


/* Sub Menu */

#submenu {
padding: 0px;
width: 100%;
height: 40px;
background-image: url(images/content.png);
float: left;
clear: both;

}

#submenu ul li a {
	color: #cc6600; z-index:4;}

/*** ESSENTIAL STYLES ***/
#suckerfishnav , #suckerfishnav  * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:2;
}
#suckerfishnav  {

 padding: 0px;
 margin: 0px;
 line-height: 10px;
}
#suckerfishnav  ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
#suckerfishnav  ul li {
	width:			100%;
}
#suckerfishnav  li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#suckerfishnav  li {
	float:			left;
	position:		relative;
}

#suckerfishnav  li:hover ul,
#suckerfishnav  li.sfHover ul {
	top:			40px; /* match top ul list item height */
	z-index:		99;
}
ul#suckerfishnav  li:hover li ul,
ul#suckerfishnav  li.sfHover li ul {
	top:			-999em;
}
ul#suckerfishnav  li li:hover ul,
ul#suckerfishnav  li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul#suckerfishnav  li li:hover li ul,
ul#suckerfishnav  li li.sfHover li ul {
	top:			-999em;
}
ul#suckerfishnav  li li li:hover ul,
ul#suckerfishnav  li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
#suckerfishnav  {
	float:			left;
	margin-bottom:	1em;
}


#suckerfishnav  a {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	/*border-right: 1px solid #333333;*/
	color: #cc6600;
	font-family: Tahoma;
	text-decoration:none;
	padding: 15px;
	line-height: 10px;
	display:		block;
	position:		relative;
}
#suckerfishnav ul {
}
#suckerfishnav li {
	color: #cc6600;
}

#suckerfishnav li a {
	color: #cc6600;
}
#suckerfishnav li li a {
	color: #cc6600;
	font-weight: normal;
	text-transform: none;
	font-size: 11px;
	border-left: none;
	border-right: none;
	padding: 8px 15px;

}

 
#suckerfishnav li a.sf-with-ul {
	color: #7cc6600;	}

#suckerfishnav  a, #suckerfishnav  a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#cc6600;
}
#suckerfishnav  li {
	background: none;
}
#suckerfishnav  li li {
	background: #150e07;
	border-bottom: 1px solid  #130b02;


}
#suckerfishnav  li li li {
	background: #150e07;
}
#suckerfishnav  li:hover, #suckerfishnav  li.sfHover,
#suckerfishnav  a:focus, #suckerfishnav  a:hover, #suckerfishnav  a:active {
	background: #171001;
	outline:		0;
}

/*** arrows **/
#suckerfishnav  a.sf-with-ul {
	padding-right: 	2.25em;
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.1em; /* IE6 only */
	width:			10px;
	height:			20px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#suckerfishnav ul .sf-sub-indicator { background-position:  -10px 0; }
#suckerfishnav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#suckerfishnav ul a:focus > .sf-sub-indicator,
#suckerfishnav ul a:hover > .sf-sub-indicator,
#suckerfishnav ul a:active > .sf-sub-indicator,
#suckerfishnav ul li:hover > a > .sf-sub-indicator,
#suckerfishnav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.post-inside {
float: left;
font-size: 11px;
}

.post-info {
margin-bottom: 10px;
color: #2d2217;
font-size: 10px;
}
.post-info a{
color: #2d2217;

}
.titles-featured {
color: #785d41;
font-size: 11px;
padding: 0px;
margin-top: 5px;
display: block;
font-weight: bold;
}
.titles-featured a{
color: #785d41;
}

.headings {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
height: 23px;
}

#slide  {
clear: both;
background:url(images/content.png) top left repeat;
padding: 10px;
margin-bottom: 10px;
}