/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/


/*
* Set background colour
*/

#header {
    background: none repeat scroll 0 0 #D6CFC2;
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    z-index: 100;
}


#featured {
    background: repeat-x scroll center top #D6CFC2;
    float: left;
    padding: 15px 10px;
    position: relative;
    width: 960px;
}


#page-wrap {
    background: none repeat-y scroll -10px 0 #D6CFC2;
    margin: 0 auto;
    text-align: left;
    width: 980px;
}




/* 
* Set typeface to Lyon
*/

body {
    background: none repeat scroll 0 0 #1E1E1E;
    color: #211F1F;
    font-family: Lyon Display;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    text-align: center;
}


/*
* Set featured carousel text size
*/

#featPostsBig {
    float: left;
    font-size: 14px;
    min-height: 450px;
    width: 720px;
}



/*
* Set featured slideshow colour
*/

#slider {
    background: none repeat scroll 0 0 #8C2004;
    border-top: 1px dotted #303131;
    clear: both;
    float: left;
    position: relative;
    width: 100%;
}



/* jQuery Custom Carousel CSS */


.anyClass {

position:relative; display: block; top: 20px;

width:690px;

padding:0;

float:left;

}

#carousel-container {

position:relative;

width:690px;

height:auto;

float:left;

margin: 0 4px 45px 6px;

}

#carousel-container .jcarousel-clip{

width:690px;

}

#carousel-container .jcarousel-prev {

background: url("../../../../wp-content/themes/magazinum/images/arrows.png") no-repeat scroll 0 -59px transparent;

cursor: pointer;

height: 27px;

position: absolute;

right: 50px;

top:-45px;

width: 27px;

}

#carousel-container .jcarousel-next {

background: url("../../../../wp-content/themes/magazinum/images/arrows.png") no-repeat scroll -29px -59px transparent;

cursor: pointer;

height: 27px;

position: absolute;

right: 16px;

top:-45px;

width: 27px;

}



#carousel-title{

padding:4px 0;

border-bottom:1px solid #e2e2e2;

margin-bottom:10px;

color:#000000;

}

#carousel-additional-links{

width:690px;

height:auto;

float:left;

margin-bottom:10px;

}

#carousel-additional-links ul{

margin-top: 22px;

float: right;

width: 690px;

}

#carousel-additional-links ul li{

float:left;

border-bottom: 1px dotted #E7E7E7;

list-style-type: none;

padding: 8px 0;

margin: 0 4px 10px 6px;

width: 220px;

font-size:11px;

font-weight:bold;

}

/*
*move comment number on main page
*/


.bubble {
    background: url("../../../../wp-content/themes/magazinum/images/bubble.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 19px;
    position: absolute;
    right: 190px;
    top: 6px;
    width: 38px;
}


/*
*Mailing list signup position
*/

element.style {
    background: none repeat scroll 0 0 #D6CFC2;
    border: 1px solid #000000;
    font-family: Lyon Display;
    font-size: 11px;
    margin-left: 19px;
    margin-top: 35px;
    padding: 10px 0 20px 14px;
    width: 160px;
}

/*
*Review carousel size
*/

.carousel-item {
    clear: none;
    float: left;
    margin: 0 4px 10px 6px;
    width: 215px;
}

/*
*Adjust top page furniture
*/

.adv {
    float: none;
    width: 550px;
    margin: 0 auto;
}

#topbar {
margin: 0 0 5px;
}