/*
Theme Name: DMF London School of Dhol Theme
Theme URI: http://www.imagical.co.uk
Description: Bespoke Wordpress theme created for the London School of Dhol by imagical.co.uk. For any queries regarding this theme contact design(at)imagical.co.uk. This theme is copyrighted.
Author: Anooj Dodhia for imagical.co.uk
Author URI: http://www.imagical.co.uk
Version: 1.0
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Import a basic layout */
@import url('styles/2c-r.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

body {
    /*background: url("images/background.jpg") no-repeat scroll center top #FFFFFF;*/
    background: url("http://thedholcompany.com/admin/wp-content/uploads/2012/11/background.jpg") no-repeat scroll center top #FFFFFF;
    color: #4B4B4B;
    margin: 0;
    padding: 0;
}
body.nobg  {
    /*background: url("images/background.jpg") no-repeat scroll center top #FFFFFF;*/
    background:none;
}
#wrapper {
	width:900px; margin:0 auto; position:relative;
}
 @font-face {
 font-family: 'CenturyGothicRegular';
 src: url('fonts/century_gothic-webfont.eot');
 src: url('fonts/century_gothic-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/century_gothic-webfont.woff') format('woff'),  url('fonts/century_gothic-webfont.ttf') format('truetype'),  url('fonts/century_gothic-webfont.svg#CenturyGothicRegular') format('svg');
}
/* =Header
-------------------------------------------------------------- */

#masthead {
    height: 205px;
}
.ngg-gallery-thumbnail img {
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    display: block;
    height: 133px !important;
    margin: 4px 0 4px 5px;
    padding: 4px;
    position: relative;
}
#masthead #m1, #masthead #m2, #masthead #m3 {
		position: absolute;
		top: 0; left: 0;
		height: 270px; width: 900px;
}
#masthead #m1 {background: url(images/masthead1.jpg) no-repeat top center;}
#masthead #m2 {background: url(images/masthead2.jpg) no-repeat top center;}
#masthead #m3 {background: url(images/masthead3.jpg) no-repeat top center;}

#branding #blog-title, #branding #blog-description {visibility:hidden;}

#social {
	position: absolute;
	top: 0; right: 0;
	padding: 25px;
}

#feedburner {
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    position: absolute;
    right: 0;
    top: 175px;
    width: 280px;
}
#product-box {
    background: none repeat scroll 0 0 white;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px;
    position: relative;
    width: 168px;
}

#product-box .featureimg {
    float: left;
    margin-right: 0;
}
#product-box .featureimg img {
    float: left;
    height: auto;
    margin: 0;
    width: 100%;
}
#product-box .prod-detail {
    float: left;
}
span.prod_name {
	
}

span.prod_no {
    background: none repeat scroll 0 0 #870500;
    bottom: 25px;
    color: #FFFFFF;
    padding: 0 5px;
    position: absolute;
    right: 7px;
}	
#product-box-sinlge {
    float: left;
    padding-right: 10px;
    position: relative;
    width: 570px;
}
#product-box-sinlge span.prod_no {
    bottom: auto;
    left: 5px;
    right: auto;
    top: 5px;
}
.featureimg {
    float: left;
    margin-right: 10px;
}
.prod-detail {
    float: left;
    width: 265px;
}
#pagecontent {
    float: left;
    width: 100%;
}
#accessories-wrap {
    float: left;
    width: 100%;
}

#prod_album {
    float: left;
    height: 160px;
    overflow: hidden;
    width: 220px;
}
/* =Menu
-------------------------------------------------------------- */

#access {
        margin: 0 ;
        overflow: hidden;
}
.skip-link {
        display: none;
}
.menu {
		font-size:18px;
		text-transform:uppercase;
		padding:8px;
}

.menu ul {
    list-style: none outside none;
    margin: 0;
    text-align: center;
}
.menu ul ul {
        display: none;
}
.menu li {
        display: inline-block;
}
.menu a {
    color: #515151;
    display: block;
    float: left;
    font-family: CenturyGothicRegular;
    font-size: 16px;
    margin: 0 10px;
    text-decoration: none;
}
.menu .current_page_item a {
		color:#333;
}
.menu a:hover {
		color:#333;
}

#customdhol {

}
#customdhol div.wpcf7 {
    float: left;
    margin-top: 25px;
    width: 560px;
}
#customdhol div.wpcf7 label {
    float: left;
    width: 85px;
}
#customdhol div.wpcf7 p {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
#customdhol div.wpcf7 .wpcf7-text{
    float: left;
    width: 230px;
}
#customdhol div.wpcf7 .wpcf7-select {
    width: 235px;
}
#customdhol div.wpcf7 textarea {
    height: 100px;
    width: 230px;
}
#customdhol div.wpcf7 .wpcf7-submit{

}
/* =Content
-------------------------------------------------------------- */

#main {
}
.post {
        margin: 0 0 3em 0;      
}
.entry-content, .entry-summary {
        margin:0;
}
.entry-meta, .entry-utility {
		font-size:11px;
		color:#FC6;
}
.entry-meta a, .entry-utility a {color: #FC3 !important; border-bottom: none !important;}
.entry-meta a:hover, .entry-utility a:hover {color: #F93 !important; border-bottom: 1px dotted #F93 !important;}
h2.entry-title a, h2.entry-utility a {border-bottom:none !important; color:#FF9 !important; text-decoration:underline !important;}
h2.entry-title a:hover, h2.entry-utility a {color:#F93 !important;}

#nav-below {overflow: visible;}
.nav-previous, .nav-next {
		float:left;
		width:50%;
}
.nav-next {
		text-align:right;
}
#nav-below a {
		padding:3px 8px;
		background:#633;
		border-radius:20px;
		border-bottom:none !important;
}
#comments {
		clear: both;
		padding-top: 12px;
}



/* =Navigation
-------------------------------------------------------------- */

.navigation {
        margin: 0 0 1.5em 0;
        overflow: auto; 
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
        list-style: none;
        margin-left: 0;
}
.widget-area ul ul {
        list-style: disc;
        margin-left: 1.1em;
}
.widget-area ul ul ul {
        margin-left: 2.5em;
}
.widget-container {
        margin: 0 0 1.5em 0;
}
.widget-area a {
		color: #FF9;
}
.widget-area a:hover {
		color: #FC6;
}


/* =Footer
-------------------------------------------------------------- */

#footer {
	}
#site-info {
		font-size:11px;
		text-align:center;
		padding:12px 0;
}
#site-info a{ 
	text-decoration:none;
}

#eXTReMe {
	position: fixed;
	top: -100px;
	left: -100px;
}


/* =Text Styles
-------------------------------------------------------------- */

h1 {
		font-size: 28px;
		margin-top: 8px;
}
h2 {
		font-size:24px;
		margin-top:5px;
}
h3 {
		font-size:20px;
		margin-top:3px;
}

#content a {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}
#content a:hover {

}
div.wpcf7-validation-errors {
    border: 2px solid #F7E700;
    float: left;
    margin-top: 0;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398F14;
    float: left;
    margin-top: 0;
}