/*
drupal-theme.info
Created by Sergio Cerrutti
http://www.sergiocerrutti.com
July 2010
*/

@import "reset.css";

/* ---------------- Basic styles ---------------- */

body { background-color:#3d3d3d; font:13px Arial, Helvetica, sans-serif normal; color:#555555; }
input.form-text,
textarea { background:#fff url(../img/input-bg.gif) repeat-x center top; width:50%; color:#999; border:1px solid #ccc; padding:6px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
    input.form-text:hover,
    input.form-text:focus,
    textarea:hover,
    textarea:focus { color:#555; border-color:#aeaeae; }
div.right { clear:none; float:right; }
p { line-height:18px; margin-bottom:14px; }
a { line-height:14px; color:#555555; /*padding:3px;*/ outline:none; }
    a:hover { /*background-color:#555555; color:#fff; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;*/ }
strong { font-weight:bold; }


/* ---------------- Layout ---------------- */

h1 { background:transparent url(../img/logo-drupal-theme.gif) no-repeat center center; width:100%; height:60px; text-indent:-9999px; margin:10px 0; }
#wrapper { width:800px; margin:0 auto; }
    /*#content { background-color:#fff; width:720px; padding:40px; margin-bottom:30px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); float:left; }*/
    #content { width:100%; margin-bottom:30px; float:left; }
    	#col-left { width:41%; float:left; }
    	#col-right { width:41%; float:right; }
        h2 { font-size:22px; margin-bottom:14px; }
        /*.block { width:46%; margin-bottom:30px; clear:left; float:left; }*/
        .block { background-color:#fff; width:325px; padding:30px; margin-bottom:30px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-box-shadow: 1px 2px 5px rgba(0,0,0, 0.5); -webkit-box-shadow: 1px 2px 5px rgba(0,0,0, 0.5); box-shadow: 1px 2px 5px rgba(0,0,0, 0.5); position:relative; float:left; }
        #col-right .block { float:right; }
    #footer { width:100%; float:left; }
        #footer p { font-size:11px; color:#666; text-align:center; text-shadow:0 1px #333333; margin-bottom:30px; }
            #footer a { color:#666; }
                #footer a:hover { color:#999; }


/* ---------------- Form ---------------- */

#info-data { float:left; }
.form-item { margin-bottom:14px; }
.form-checkbox { margin:0; float:left; }
#theme-info { padding:30px 30px 16px; }
	#theme-info textarea { width:80%; }
#description { height:50px }
body .tipsy { font-size:11px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); }
  body .tipsy-inner { padding:6px; line-height:14px; }
label { color:#555; display:block; margin-bottom:6px; }
li{ margin-bottom:8px; }
    li label { margin-left:4px; margin-bottom:0px; display:inline; }
button { margin-bottom:14px; }
#conditional-css li{ margin-bottom:12px; }
    #conditional-css label { line-height:14px; padding:3px;  }
        #conditional-css label:hover { background-color:#555555; color:#fff; text-decoration:none; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#conditional-css .description { display:none; }
.sortable li { background:transparent url(../img/icon-sort.gif) no-repeat left 10px; padding-left:20px; cursor:move; }
.ui-state-highlight { border:2px dotted #eee; }
a.btn-add { background-color:transparent; background-repeat:no-repeat; background-position:left center; height:22px; text-indent:-9999px; padding:0; margin-left:20px; display:block; }
    #regions .btn-add { background-image:url(../img/add-region.gif); width:128px; }
    #css .btn-add { background-image:url(../img/add-css.gif); width:153px; }
    #js .btn-add { background-image:url(../img/add-js.gif); width:144px; }
.description { color:#aaa; font-size:11px; margin-top:4px; }
.help { width:20px; height:20px; position:absolute; top:30px; right:30px; }
	.help a { background:transparent url(../img/help-bg.gif) no-repeat center top; width:20px; height:20px; text-indent:-9999px; display:block; }
		.help a:hover { background-position:center bottom; }
#generate-code { background:transparent url(../img/btn-code.gif) no-repeat center center; width:163px; height:32px; text-indent:-9999px; margin-left:318px; float:left; }
#wrapper-code { width:740px; margin-top:30px; margin-bottom:0; display:none; }
    #code { width:708px; height:300px; }