/*
Theme Name: CMag Pro
Theme URI: http://www.widgetreadythemes.com/cmag-pro/
Description: Professional Magazine theme
Version: 1.0
Author: Banhawi
Author URI: http://www.banhawi.com/
*/


@import url('style/reset.css');
@import url('style/typography.css');

*
{
    margin: 0;
    padding: 0;
}
html, body
{
    margin: 0;
    padding: 0;
}
body
{
    background: #120109;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    color: #f9f3f5;
    line-height: 16px;
}
.site-container
{
width:1420px;
margin:0 auto;
background: url('images/background.jpg') no-repeat left top;

}
#container
{
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    border-left: 1px #18080B solid;
    border-right: 1px #18080B solid;
}
#wrapper
{
    float: left;

}

/********************************************************
************************HEADER***********************/
#header
{
    /*background: #35040B url('images/xxheader.jpg') no-repeat left top;
     height: 164px;*/
    width: 1000px;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
}
#header h1 a, #header h1 a:hover, #header h1 a:visited, #header h1 a:active
{
    font-size: 36px;
    text-decoration: none;
    color: #fff;
    padding: 0 25px;
}
#description
{
    font-family: Georgia;
    font-style: italic;
    font-size: 16px;
    padding: 0 5px 30px 25px;
    color: #fff;
}
img.header
{
    position: absolute;
    bottom: -10px;
    right: 0;
}
img.rss
{
    z-index: 1;
    position: absolute;
    top: 1px;
    right: 5px;
}
/********************************************************
	************************SEARCH***********************/
#search
{
    width: 197px;
    height: 25px;
    background: transparent url('images/search-trans.png') no-repeat;
    float: right;
    margin-right: 20px;
    position:absolute;
right:0;
top:9px;
width:197px;
}
#searchform
{
    float: left;
    margin-top: 3px;
    margin-left: 12px;
}
#searchform input
{
    background: #085d80;
    color: #fff;
    padding: 0 4px;
    border: 0px;
}
#searchform #s
{
    width: 130px;
    background: #fff;
    padding: 1px 2px;
    color: #333;
}
/********************************************************
	************************NAVIGATION***********************/
/* Begin CSS Drop Down Menu */
#pages-menu
{
    background:  url('images/backgroung-overlay.png') repeat -15px 0;
    height: 30px;
    padding: 0;
    border-top:1px solid #5d233d;
    border-bottom:1px solid #5d233d
}

.nav, .nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 30px;
}

.nav a, .nav a:hover
{
    text-decoration: none;
}
.nav li
{
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
}
.nav li#home
{
    background: #13a7e4;
    background: #616169;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited
{
    display: block;
    font-size: 12px;
    padding: 7px;
    color: #fafeff;
}
#nav li:hover a, #nav li.sfHover a, #nav li.current_page_parent a, #nav li.current_page_item a
{
    background: #616169;
}
.nav ul li
{
    border: 0;
    float: none;
}
.nav ul a
{
    border-bottom: 0;
    padding-right: 20px;
    white-space: nowrap;
}
.nav li.last
{
float:right;
padding-right:10px;
padding-top:7px;
}

.nav li.last a
{
float:right;
padding:0 0 0 10px;
}
.nav li.last a.logout
{
color:#F812BF;
}
.nav li.last:hover a
{
background:none !important;

}

#cates-menu
{
    /*background: #159bd3 url('images/nav2bg.jpg') repeat-x;*/
    height: 30px;
    padding: 0 5px;
}

.nav2, .nav2 ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 30px;
}


.nav2 a, .nav2 a:hover
{
    text-decoration: none;
}
.nav2 li
{
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
}
.nav2 li.current-cat a
{
    background: #1d2024;
}
.nav2 li a, .nav2 li a:link, .nav2 li a:active, .nav2 li a:visited
{
    display: block;
    font-size: 12px;
    padding: 7px;
    color: #fafeff;
}

#nav2 li:hover a, #nav2 li.sfHover a, #nav2 .current_page_item a
{
    background: #1d2024;
}
.nav2 ul li
{
    border: 0;
    float: none;
}
.nav2 ul a
{
    border-bottom: 0;
    padding-right: 20px;
    white-space: nowrap;
}

/*******************************************************
*******************CONTENT******************************/

#home_content_overlay
{
background:#000000;
width:1000px;
height:100%;
position:absolute;
opacity:0.2;
filter:alpha(opacity=20)

}
#content
{
    width: 675px;
    float: left;
    border-right: 1px solid #503A3E;
    background:  url('images/backgroung-overlay.png') repeat -15px 0;
    min-height:400px;

}
#featured
{
}
.ipost h2, .ipost h2 a:hover, .ipost h2 a:visited, .ipost h2 a
{
    color:#36122a;
font-size:18px;
left:56px;
margin-top:18px;
position:absolute;
text-decoration:none;
width:200px;
font-weight:bold
}
.ipost
{
    background:url('images/postbg.jpg') no-repeat;

    border: 1px #303236 solid;
    width: 307px;
    height: 175px;
    float: left;
    margin-top: 0px;
    margin-right: 14px;
    margin-bottom: 10px;
    padding: 5px;
    position: relative;
}
.ipost:hover
{
    background: #58384D;
}
.post
{
    margin: 10px 0;
    padding: 5px;
    position: relative;
    min-height: 145px;
}
.post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a
{
    font-size: 24px;
    text-decoration: none;
    color: #fff;
}
.post ul, .post ol
{
    margin-left: 25px;
}
.ientry
{
    height: 110px;
    padding: 5px;
    overflow: hidden;
}
.ientry p
{
    margin: 53px 0 0;
    color:#ffffff
}
.entry
{
    padding: 10px 5px;
}
.entry p
{
    margin-bottom: 8px;
}
.entry img
{
    max-width: 620px;
}
.ientry img.thumbnailx
{
    width: 90px;
    height: 75px;
    float: left;
    padding: 0;
    margin: 35px 5px 0 0;
}
.entry img.thumbnailx
{
    width: 90px;
    height: 75px;
    float: left;
    padding: 0;
    margin: 0 5px 0 0;
}
.entry img.alignleft
{
    float: left;
    padding: 5px 5px 5px 0;
}
.entry img.alignright
{
    float: right;
    padding: 5px 0 5px 5px;
}
small
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: lighter;
    font-style: italic;
    color: #26272a;
    padding: 0;
    margin: 0;
}
.rm a
{
    width: 307px;
    font-style: normal;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    padding: 2px 5px;
    text-align: right;
    margin-left: -5px;
}
.rm a:hover
{
    background: #58384D;
}
.srm
{
    width: 610px;
    background: #58384d;
    font-style: normal;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    padding: 2px 5px;
    text-align: right;
    display:none;
}
p.nocomments
{
 display:none;
}
blockquote
{
    margin: 10px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    color: #666;
    clear: both;
    padding-top: 15px;
    padding-left: 38px;
}
code
{
    font: 14px 'Courier New' , Courier, Fixed;
    display: block;
    overflow: auto;
    text-align: left;
    margin: 10px 0 10px 0;
    padding: 5px 10px 5px 10px;
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.navigation
{
    font-size: 16px;
    font-weight: bold;
}
.navigation .alignleft
{
    float: left;
    text-align: left;
    height: 50px;
}
.navigation .alignright
{
    float: right;
    text-align: right;
    height: 50px;
}



/*************************SIDEBAR******************************/
#sidebar
{
    float: right;
    width: 322px;
}
.top-ads
{
    margin: 72px 0 0 14px;
    position:absolute;
right:0;
top:94px;
width:328px;
}
.top-ads .txt
{
    width: 10px;
    font-size: 24px;
    line-height: 35px;
    float: left;
    color: #34373c;
}
.top-ads .bnrs
{
    width: 300px;
    float: right;
    height: 284px;
    margin-right: 3px;
    background: #34373c url(images/metalbg.jpg);
}
.top-ads img
{
    width: 125px;
    height: 125px;
    margin-left: 12px;
    padding: 3px;
    float: left;
}
.fvideo
{
    width: 300px;
    margin: 0 0 15px 10px;
    padding: 0 10px 10px 10px;
}
.fvideo .promobox
{
    background:#B88E42 url(images/promobox_bg.jpg) repeat-x scroll 0 0;
   border:1px solid #B88E42;
height:100px;
margin-bottom:10px;
position:relative;
overflow:hidden
}
.fvideo .promobox:first-child h2
{
display:none}
.fvideo .promobox h2
{
    font-size: 13px;
    padding:5px;
    width:180px;
    float:right;
    font-weight:bold
}
.fvideo .promobox p 
{
    font-size: 12px;
    padding-right:5px;
    color:#5F4619;
}
.fvideo .promobox p img
{
    margin:3px;
    float:left;
    height:85px;
    width:85px;
}
.fvideo .promobox a.promo

{
position:relative;
z-index:1;
background: url(images/morelink-bg.png) top right;
height:25px;
width:23px;
position:absolute;
right:16px;
top:72px;
}

#sidebar a, #sidebar a:visited
{
    color: #fff;
}
#sidebar-left
{
    float: left;
    width: 160px;
    display:none
}
#sidebar-right
{
    float: right;
    width: 160px;
    display:none
}
#sidebar a:hover
{
    text-decoration: underline;
}
#sidebar ul
{
    list-style: none;
    margin-bottom: 20px;
}
#sidebar ul ul
{
    list-style-type: none;
    margin: 0 0 10px 0;
}
#sidebar ul ul ul, #sidebar ul ul ul ul, #sidebar ul ul ul ul ul
{
    margin: 0;
    padding: 0;
}
#sidebar ul li
{
    line-height: 21px;
}
#sidebar ul ul li
{
    padding-bottom: 2px;
    background: #34373e;
    border-top: 1px #3b3e44 solid;
    border-bottom: 1px #2b2e34 solid;
    padding-left: 10px;
}
#sidebar ul ul li:hover
{
    background: #25292e;
}
#sidebar ul ul ul li, #sidebar ul ul ul ul li, #sidebar ul ul ul ul ul li
{
    margin-left: 10px;
    background: transparent;
    border-bottom: 0;
}
#sidebar ul h2
{
    font-size: 14px;
    text-align: left;
    padding: 5px;
    background: #25292e;
    color: #fff;
}


/*******************************************************
*******************COMMENTS******************************/

h3#comments, h3#respond
{
    color: #eee;
    margin-left: 5px;
    margin-bottom: 20px;
}
h3#respond
{
    padding-top: 10px;
}
ol.commentlist .left
{
    width: 150px;
    float: left;
}
ol.commentlist .right
{
    width: 440px;
    float: left;
    margin-bottom: 20px;
    padding: 0 10px;
}
#auth
{
    padding: 10px 10px;
}
.avatar
{
    padding: 3px;
    border: 1px solid #ccc;
    margin: 0 5px 5px 0;
    float: left;
}
ol.commentlist
{
    list-style-type: none;
    margin-bottom: 20px;
}
ol.commentlist li
{
    width: 650px;
}
.authcomment
{
    border-bottom: 0px;
}
.authcomment .right
{
    background-color: #2b2e34 !important;
}
small.commentmetadata
{
    padding-bottom: 5px;
    float: right;
}
span.comauth
{
    margin-bottom: 12px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 12px;
    color: #666;
}
#commentform small
{
    font-style: normal;
    color: #fff;
    
}
#comment_title
{
    margin-bottom: 5px;
}
#commentform
{
    margin-bottom: 50px;
    margin-left: 10px;
}
#commentform label
{
    margin-bottom: 5px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 12px;
    color: #666;
}
#commentform textarea
{
    width: 98%;
    padding: 5px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #d2cece;
    margin: 0;
}
input#author, input#email, input#url
{
    width: 300px;
    padding: 4px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #d2cece;
    margin: 0;
}
input#author:hover, input#email:hover, input#url:hover, #commentform textarea:hover
{
    border: 1px solid #000;
    background: #ccc;
}
input#submit
{
    background: #d2cece;
    color: #656971;
    padding: 5px;
    border: 0px;
}
input#submit:hover
{
    background: #2b2e34;
    color: #fff;
}
/*******************************************************
*******************FOOTER******************************/
#footer
{
    /*background: #503A3E;*/
    color: #FFF;
    clear: left;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
img.cmag
{
    position: absolute;
    bottom: 30px;
    right: 8px;
    z-index: -4;
    display:none
}
#footer-content
{
    margin: 0 auto;
    padding: 10px 5px;
    width: 950px;
    display:none
}
#footer-content .left
{
    width: 600px;
    float: left;
}
#footer-content .lleft
{
    width: 290px;
    float: left;
}
.lleft
{
    font-family: Georgia;
    font-style: italic;
    font-size: 14px;
    color: #ccc;
}
.lleft h2
{
    font-style: normal;
}
#footer-content .lright
{
    width: 290px;
    float: right;
}
#footer-content .right
{
    width: 300px;
    float: right;
}
#footer h2
{
    font-size: 18px;
    font-family: "Century Gothic" ,Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #fafeff;
    margin-bottom: 10px;
}
#footer span
{
    padding: 10px;
    padding-left: 0;
    display: block;
    width: 950px;
    clear: both;
    margin: 0 auto;
  /*  border-top: 1px #3b3e43 solid;*/
}
#footer span div
{
    color: #130609;
}
a.s
{
    color: #130609;
}
.about.author
{
    width: 60px;
    height: 60px;
    border: 1px #ccc solid;
    float: left;
    padding: 0;
    margin: 5px 5px 0 0;
}
hr
{
    display: none;
}
/*******************************************************
*******************Defaults******************************/
h1
{
    font-size: 28px;
}
h2
{
    font-size: 24px;
}
h3
{
    font-size: 18px;
    color:#A2415D;
font-weight:bold;
margin:5px 0
}
h4
{
    font-size: 18px;
}
h5
{
    font-size: 16px;
}
h6
{
    font-size: 14px;
}
hr
{
    display: none;
}
a
{
    color: #14a1dc;
    color: #ffffff;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
img
{
    padding: 5px;
    margin: 5px;
}
a img
{
    border: 0px;
}
blockquote
{
    font-style: italic;
    font-size: 13px;
}
blockquote em, blockquote cite, blockquote i
{
    font-style: normal;
}
input, textarea
{
    font-family: Georgia, serif;
}
.caps
{
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.important
{
    font-weight: bold;
}

/*******************************************************
*******************Search Form******************************/

/* Search form for 404 Pages */
#content #searchform
{
}


#content #searchform input
{
    width: 300px;
    background: #eee;
    color: #666;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 5px 0;
}

#content input#searchsubmit
{
    width: 40px;
    height: 100%;
    background: #085d80;
    color: #fff;
    border: 0;
    margin: 0 0 0 3px;
    padding: 10px 25px;
}
#content input#searchsubmit:hover
{
    background: #000;
}

#content .left404
{
    width: 280px;
    float: left;
}
#content .right404
{
    width: 280px;
    float: right;
}

/*flicker style*/
#flickr
{
    width: 290px;
}
#flickr img
{
    width: 60px;
    height: 50px;
    float: left;
}
#flickr a img
{
    border: 2px #ebebeb solid;
    padding: 0px;
}
/*end flicker*/
#calender
{
margin-top:8px
}
#calender li
{
clear:both;
margin-bottom:9px
}
#calender span
{
float:left;
background: url(images/date_bg.png) no-repeat;
float:left;
font-size:10px;
height:25px;
line-height:13px;
margin-right:10px;
text-align:center;
width:25px;
color:#666666;
border:1px outset #cccccc
}
#calender a
{
color:#ead67f;
}
.promobox #calender a
{
color:#5f4619;
}

.promobox #calender li div
{
display:none}
#video-container
{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:#000000;
opacity:0.6
}
#top-links
{
position:absolute;
right:0;
top:12px;
list-style:none
}
#top-links li
{
color:#5D233D
}
#box, #myGallery {
overflow:hidden}

#header img.header
{
display:none
}