/*
Theme Name: Alteredzones
Theme URI: http://rtCamp.com
Description: This is a wordpress theme for Alteredzones
Version: 1.0
Author: Pradeep Sonawane
Author URI: http://rtcamp.com
*/

/*
Color Palette:
==============
	Black: #333
	gray-shade-light: #EAEAEA;
	gray-medium-dark: #666666;
	
	Link colors: #0298FF; 
	Link hover color:	
*/

/* ----------------------------------------- */
/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
/* ----------------------------------------- */
.aligncenter { display:block; margin:0 auto!important; text-align: center}
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* Common CSS classes */
/* ----------------------------------------- */
/* To clear unwanted floats*/
.clear{clear: both}

/* headings */
h1, h2, h3, h4, h5, h6 { font-weight:bold } 
h1{padding: 8px 0; font-size: 180%}
h2{padding: 8px 0; font-size: 160%}
h3{padding: 8px 0; font-size: 140%}

h4{padding: 4px 0; font-size: 120%}


/* ----------------------------------------- */
/* Layout & Typography */
/* ----------------------------------------- */
body{line-height: 1.5; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 100%;}
	#main-wrapper{width: 960px; margin: 0 auto;}
		#header-wrapper{margin-bottom: 25px;overflow: hidden}
		#content-wrapper{}
			#content{width: 630px; float: left}
			#sidebar{width: 310px; float: right}
		#footer-wrapper{}

/*default list styles*/
ul,
ol{margin-left: 30px}
    ul li{list-style-type: disc}
    ol li{list-style-type: decimal}

/*links*/
a{color:#F49C04; text-decoration: none}
    a:hover{color:#73e7e0;}

/*colors*/
   body{color:#FFFFFF}

/* ----------------------------------------- */
/* Header & Menus */
/* ----------------------------------------- */
	#header{margin: 45px 0 30px;}

        #header #logo a {background: url(img/logo.png) no-repeat; display: block; text-indent: -9999px; width: 301px; height: 96px;}
	
	#rt_nav_menu{margin: 0; overflow: hidden;width: 700px; float: left; display: inline}
		#rt_nav_menu li{float: left; margin-right: 4px; list-style: none; font-size: 80%}
			#rt_nav_menu li a{background: #7D7D7D url(img/bg-nav.png) no-repeat -50px; color:#EEEEEE; display:block; padding:6px 11px 5px; text-transform: uppercase;}
                        #rt_nav_menu li a:hover {text-decoration: underline}

	/* 	drop-down menu support */
		#rt_nav_menu li ul{display: none; margin-left: 0;}
	
		#rt_nav_menu li:hover ul{display: block; overflow: auto; position: absolute; background: #fff;}
			#rt_nav_menu li:hover ul li{clear: both;}

                #searchform {background:#3c3535; border:1px solid #777777;float:right;position:relative;width:255px;}
                        #searchform input.search_text { background: transparent; border: 1px solid #454746; border-bottom: none; color: #fafbfd; margin: 0;padding: 3px 9px 2px 20px;width: 224px; line-height: 20px;}
                        #searchform input.btn { background: transparent url(img/sprite.png) 3px -156px no-repeat;border: none;height: 18px;overflow: hidden;position: absolute;left: 2px;text-indent: -9999px;top: 3px;width: 18px; cursor: pointer}
/* ----------------------------------------- */
/* Post and Main Content */
/* ----------------------------------------- */

/* Main Post Loop */
/* ---------------- */

.post-box {background: rgba(82, 82, 82, 0.6) url(img/bg-module-top.png) no-repeat scroll center top; margin:0 0 20px; overflow:hidden; font-size: 80%;  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);}

#comment-area,.post,#content-wrapper .page{ background:transparent url(img/bg-module-bottom.png) no-repeat scroll center bottom; padding:18px 25px 25px;}
	.post-title{border-bottom:1px solid #929292;margin:0 0 14px; }
        .post-title h2, h1 {padding-top: 0; font-weight: normal; font-size: 190%}
        .search_titles a {color: #2FBB8A; text-decoration: underline}
        .search_titles a:hover,.post-title h2 a:hover {color: #40dfd4;}
        .post-title a {color: #DBDBDB;}
        
	.post-content{overflow: hidden}
	.post-content p{margin-bottom: 20px}
        .post-content p a {text-decoration: underline;}
	.post-content img{ text-align: center; margin-top: 5px; margin-bottom: 5px;}
		.post-content img.wp-smiley{margin: 0}
	.post-content blockquote{ font-style: italic; color: #efefef; }
	.post-content code{}
	.post-content pre{}

	/*prevent images from running outside content area*/
	.post-content .wp-caption{max-width: 580px !important; padding: 3px;background:rgba(204, 204, 204, 0.3); margin-bottom: 10px!important;}
                .post-content .wp-caption p {margin-bottom: 3px;}
	    .post-content .wp-caption img{max-width: 560px !important}
	.post-content img{max-width: 580px !important}

	/*.wp-caption{width: 600px !important}*/

#searchform-no-results { border-bottom: 1px solid #929292; padding-bottom: 14px; margin-bottom: 14px;}
#searchform-no-results input.search_text {width: 400px;}

/* Breacrumb related CSS */

/*postmeta*/
.social-buttons, .post-meta{font-size: 80%;border-top:1px solid #929292;margin:10px 0 0;padding:10px 0 0;overflow: hidden}
.post-meta .alignleft { width: 60%; }
/* Social Buutons */
.post .social-buttons a{text-decoration: underline}
	.post .social-buttons .facebook{background:transparent url(img/social-swipe.png) repeat scroll -80px;width:105px;height: 25px;padding: 5px 0 0 15px;}
	.post .social-buttons .tweetmeme{background:transparent url(img/social-swipe.png) repeat scroll left center;width:105px; height: 25px;margin-right:4px;padding: 5px 0 0 15px;}

/* Paged Navigation */
.wp-pagenavi {padding: 12px; text-align: center; overflow: hidden;}
        .wp-pagenavi .page {padding: 0;}
        .wp-pagenavi a {text-decoration: underline; margin: 0 5px}

/* View specific CSS */
#content.single-post{}
#content.multiple-posts{}
#content.home-posts{}


/* ----------------------------------------- */
/* Comments */
/* ----------------------------------------- */
#comment-area{}

              .comment-body{padding:5px;clear:both;}
            .comment-body ul,.comment-body ol {margin: 0 0 0 30px!important;clear: both!important;}
            .comment-body ul li {list-style-type: square!important; background: none!important; border: none!important;}
            .comment-body ol li {list-style-type: decimal!important; background: none!important; border: none!important;}
             .comment p{overflow:hidden;width:87%;float: left}
                .comment .vcard img{padding-right:10px; float: left;}
                    .comment .vcard cite{font-weight: bold;float: left; padding-right: 5px;font-size:75%; }
                    .comment .vcard span{float: left;font-size:75%;overflow: visible}
                    .comment .comment-meta{float: right;font-size: 67%;}
                    .comment blockquote {width: 87%;padding: 0 10%;}
                      .comment .reply{text-align: right;font-size:70%;text-transform: uppercase;clear: both}
                            .comment .reply a{color: #2FBB8A;font-weight:bold;}
                            .comment .reply a:hover {text-decoration: underline}

       #comment-area .commentlist{margin-left: 0;}
       ol.commentlist li { margin:0; padding:5px 0px 0 5px; position:relative;list-style-type:none; border-top: 1px #727272 solid;}
       /*/Author comment styling*/
       ol.commentlist li.bypostauthor, ol.commentlist ul.children li.bypostauthor {background:#c7ced4;list-style-type:none;}


       /*Comment form styling*/
       /*---------------------------*/
       #respond{clear:both;margin-bottom:5px;/*margin-left:5px;*/}
              #respond h4{letter-spacing:4px;line-height:25px;margin:5px 0 0 0;text-transform:uppercase;}
              /*#respond h3{margin-left:10px;}*/
              #respond .cancel-comment-reply{margin-left: 10px}
                #commentform{/*border:1px solid #CCCCCC;*/clear:both;padding:0 10px;position:relative;width:94% !important; overflow: hidden}
                    /*#commentform p{width:90%!important;}*/
                        #commentform label{color: #2FBB8A;font-size: 80%}
                 .postcomment input#author,
                .postcomment input#email,
                        .postcomment input#url {background:#fff;border:1px #727272 solid ;padding:3px 6px;}
                         textarea#comment {background:#fff;border:1px #727272 solid ;height:100px;margin-top:7px;width:81%;padding:3px 6px; }
                         input#author,input#email,input#url{background:#fff;border:1px #727272 solid ;padding:6px;width:185px;margin-top:7px;}
                #submit{margin-top:7px;background:#fff;border:1px #727272 solid ;height:30px;width:160px;}

/* ----------------------------------------- */
/* Sidebar & sidebar widgets*/
/* ----------------------------------------- */
#sidebar{}

        #sidebar .widget_text {background: none!important; padding: 0!important;}
        #sidebar .widget {margin:0 0 15px;padding:10px; background: rgba(0, 0, 0, 0.65);}
        #sidebar .widget a.ymp-btn-page-play .ymp-skin {top: 25%!important;}
                #sidebar .widget h2.widgettitle {color: #F49C04; border-bottom: 1px solid rgba(150, 150, 150, 0.6); font-weight: normal; font-size: 112.5%;padding: 4px 4px 6px}
                #sidebar .social_widget, #sidebar .widget ul {margin: 0;}
                        #sidebar .widget ul li {list-style: none; }
                                #sidebar .widget ul li a {color: #fff;padding:6px 4px; border-bottom: 1px solid rgba(150, 150, 150, 0.6); display: block; font-size: 80%}
                                #sidebar .widget ul li a:hover {color: #73e7e0}

#sidebar .social_widget li { list-style: none; background: rgba(56, 147, 197, 0.6) url(img/bg-sidebar.png); margin-bottom: 10px;}

#sidebar .social_widget li a {background: transparent url(img/sprite.png) no-repeat;font-size: 112.5%;padding: 10px 14px; color: #FFFFFF; display: block}

#sidebar .social_widget #social-rss { background-position: 0 0; }
#sidebar .social_widget #social-rss a { background-position: 274px 6px; }
#sidebar .social_widget #social-facebook { background-position: 0 -40px; }
#sidebar .social_widget #social-facebook a { background-position: 274px -49px; }
#sidebar .social_widget #social-twitter { background-position: 0 -80px; }
#sidebar .social_widget #social-twitter a { background-position: 274px -105px; }

div#fork-logo a {display: block;background: transparent url(img/ghostfork.png) no-repeat top center;text-indent: -9999px;overflow: hidden;height: 100px;width: 100%;}

/* for Twitter Widget */

#twitter-widget {
    background: rgba(63, 182, 174, 0.6) url(img/bg-sidebar.png);
    margin: 0 0 15px 0;
    padding: 14px;
}

#twitter-widget .head {
    margin: 0 0 10px 0;
}

#twitter-widget .head h3 {
    background: transparent url(img/sprite.png) -48px 0px no-repeat;
    height: 28px;
    float: left;
    text-indent: -9999px;
    width: 114px;
}

#twitter-widget .head a {
    color: #fff;
    display: block;
    float: right;
    padding: 12px 0 0 0;
    text-decoration: none;
}

#twitter-widget .body {
    background: rgba(166, 208, 206, 0.6);
    padding: 5px;
}

#twitter-widget .body ul,
#twitter-widget .body li {
    border: none;
    margin: 0;
}

#twitter-widget .body .status {
    display: block;
    font-size: 12px;
}

#twitter-widget .body .status a {
    color: #1a514d;
    display: inline;
    padding: 0;
}

#twitter-widget .body .time {
    color: #376d6a;
    display: block;
    font-size: 10px;
    margin: 5px 0 0 0;
    text-align: right;
}




/* ----------------------------------------- */
/* Footer and subfooters */
/* ----------------------------------------- */
#footerbar div.footerbar-widget{float: left; width: 30%; margin-right: 3%}

#footer{}


/* ----------------------------------------- */
/* Extra CSS for additonal elements, fixes */
/* ----------------------------------------- */