/*  

Theme Name:    Digital State Media
Theme URI:     http://digitalstatemedia.com
Description:   Developed by Erick L. Gonzalez
Version:       1.2
Author:        DigitalStateMedia
Author URI:    http://digitalstatemedia.com/

*/


/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('library/css/960.css');

/* Import GRID styling for grid framework*/
@import url('skins/1-default.css');


/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, 		
td { margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; line-height:1; font-family:inherit; text-align:left; }
table { border-collapse:collapse; border-spacing:0;  }
ul { list-style:none; }
blockquote:before, blockquote:after { content:""; }

.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl, .fll, .aleft { float:left }
.fr, .frr, .aright { float:right }
.ac, span .ac{ text-align:center }
.ar, span .ar{ text-align:right }
.al, span .al{ text-align:left }

a { text-decoration:none; }
a:hover { text-decoration:underline }

.imgleft { border:2px solid #CCCCCC; float:left; margin:0 15px 15px 0;  }
.imgleft_none { float:left; margin:0 15px 15px 0; }
.imgright_none { float:right; margin:0 0 15px 15px; }
.aright { float:right; margin-bottom:15px; }

.imgright { border:2px solid #CCCCCC; float:right; margin:0 0 15px 15px; }

/*	--------------------------------------------------
 Structure
 -------------------------------------------------- */

#header { padding:40px 10px 28px 0px;  min-height:55px; _height:55px; }
#banner { padding:45px 10px 20px 10px; position:relative; min-height:300px; _height:300px;   }

#wrapper { padding:20px 10px; height:100%; overflow:hidden; }
#content { float:left; }
#content-in { float:right; }

#sidebar { float:right; }
#sidebar-in { float:left;  }
.sidebar-in_top {   }
.sidebar-in_bottom { min-height:500px; _height:500px; padding-top:20px;  }

#content-blog { float:left; }
#sidebar-blog { width:300px; float:right;   }
.sidebar-blog_top {  }
.sidebar-blog_bottom { min-height:500px; _height:500px; padding-top:20px; padding-left:20px;  }

#page_head {  font-size:28px; padding:15px 10px; margin-bottom:1px;  }
  #page_head h1 { margin:0; padding:0 20px 0 10px;  }
  a.post-edit-link{ color:#666 }
    a.post-edit-link:hover{ color:#000 }
#footer { padding:13px 10px 15px 10px; height:100%; overflow:hidden; }


/*	--------------------------------------------------
Header
-------------------------------------------------- */
h1.logo { position: relative; display: block; font-size:18px; padding:0; margin:0; float:left; }
.logo span { width: 100%; height: 100%; position:absolute; bottom:0; left:0;    }
.logo span, .logo span a { width:160px; height:28px;  }
.logo span a { display:block; cursor:pointer; }
.logo a:hover { text-decoration:none; }

#header #logo-spot{ display: block; font-size:18px; padding:0; margin:0; float:left; }
  #header .blog-title a{ color:#222222; font:bold 38px Verdana; padding:0; margin:0 }
    #header .blog-title a:hover{ text-decoration:none; color:#666666 }
#header .blog-description{ color:#666666 }

#nav  { float:right; margin:0px; padding:0; height:32px; }


/*	--------------------------------------------------
Banner
-------------------------------------------------- */
#banner h2 { margin:0; padding:0; font-size:48px;  font-weight:bold;  }
#banner h3 { margin:-10px 0 12px 0; font-size:24px; font-weight:normal; line-height:normal; }
#banner p { margin:0; padding:0 0 8px 0; font-size:14px; line-height:20px; }

.productrays { position:absolute; right:-85px; top:0; width:470px; height:334px; padding:40px 0 0 100px;   }
.product_desc { width:549px; float:left; padding-top:10px; }

.productrays img { float:left; }

#banner #product { height:100%; overflow:hidden; text-align:center; position:relative; height:274px;   }
#banner .shadow { width:956px; text-indent:-9009px; position:absolute;  bottom:0; left:5px; z-index:1; }
#banner .buttonbar { text-align:center; margin:0 auto; padding-top:15px;   }

.action_button a { width:158px; padding-right:10px; height:28px; font:bold 16px Arial, Helvetica, sans-serif; text-align:center; padding-top:6px; line-height:20px;  display:block; text-decoration:none; margin-right:10px; float:left;  }
.action_button a:hover { }


/*	--------------------------------------------------
content
-------------------------------------------------- */

.feature_box { padding:0; margin:0; }
.fspacer { margin-bottom:50px;  }
.feature_box h3 { padding:0px 5px 0px 0px; font-size:16px; font-weight:bold; }
.feature_box img { float:left; }

.feature_box_content { width:238px; float:right; }
.feature_box_content p { margin:0; padding:0 0 8px 0; }

p { margin:0; padding:0 0 8px 0; line-height:18px;  }

#content ul { margin:0; padding:0; list-style:none; }
#content li { margin:0 0 8px 0; padding:0 0 0 8px; line-height:18px; }

p.planprice { margin:20px 0 10px 0; padding-top:5px; text-align:center; font-size:22px; font-weight:bold; }

.startnow a { width:141px;  padding-right:10px; height:22px; font:bold 14px Arial, Helvetica, sans-serif; text-align:center; padding-top:6px;  display:block; text-decoration:none; margin-right:10px; margin-left:28px;}
.startnow a:hover {  }

.plan_spacer { margin-left:20px;  }

blockquote { margin:10px 0 20px 0; padding:0 0 15px 35px; } 
blockquote p { font-size:16px; font-weight:bold; margin:0; padding:0 0 5px 0; }
blockquote cite { font-size:12px; font-style:normal; float:right; height:22px; display:block; float:right;  }

.posts h1 {	font-size: 25px }
.posts h2 {	font-size: 23px }
.posts h3 {	font-size: 21px }
.posts h4 {	font-size: 19px }
.posts h5 {	font-size: 17px }
.posts h6 {	font-size: 15px }

dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 }
p { padding:0px 0 10px 0; line-height:22px; margin:0;  }
p em { line-height:20px; } 

code { line-height:18px; background:#ccc; }

/*	--------------------------------------------------
#content-blog
-------------------------------------------------- */

#content-blog .posts { margin-bottom:35px; }

#content-blog .posts h2 { margin:0; padding:0 0 5px 0; font-size:23px; } 
#content-blog .posts h2 a { }
#content-blog .posts h2 a:hover { }

#content-blog p.post_bottom { padding:5px 0 5px 0;  }
#content-blog p.post_bottom a { text-decoration:underline; }

#content-blog .posts p { line-height:22px; margin:0; padding:0 0 10px; }

/*	--------------------------------------------------
content-in 
-------------------------------------------------- */
#content-in h2, #content-blog h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:22px; font-weight:normal; } 
#content-in h6, #content-blog h6 { margin:12px 0 5px 0; padding:0; font-weight:bold; } 

#content-in ul, #content-blog ul { margin:0; padding:0; list-style:none; }
#content-in li, #content-blog li { margin:0 0 3px 0; padding:2px 0 5px 24px; line-height:18px; }

#content-in ol, #content-blog ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal;  line-height:18px; }
#content-in ol li ol, #content-blog ol li ol { margin:8px 0 5px 18px; padding:0 0 0 0; background:none; }
#content-in ol li, #content-blog ol li { margin:0 0 5px 0; padding:0; background:none; font-size:13px;  }

/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }
.Navi { float: right; padding: 0 0 20px 0 }
.Navi a { color: #000; display: block; float: left; padding: 3px 8px 3px 8px; height:17px; text-decoration: none !important; border:1px solid #cccccc; margin-left: 4px }
.Navi a:hover { color:#000;  }
.Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 3px 9px; margin-left: 4px;  }

/*	--------------------------------------------------
sidebar 
-------------------------------------------------- */
#sidebar h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:14px; font-weight:bold; text-transform:uppercase; } 

/*	--------------------------------------------------
sidebar-in
-------------------------------------------------- */

#sidebar-in ul { margin:0; padding:0; list-style:none; }
#sidebar-in li { margin:0;  font-size:14px;  }
#sidebar-in li a { display:block; padding:8px 0 10px 20px; text-decoration:none;   }
#sidebar-in li a:hover {  display:block; padding:8px 0 10px 20px;  }

#sidebar-in ul li ul{ margin:0; padding:0 0 0 20px; list-style:none;  } 
#sidebar-in ul li ul li a { background:transparent !important; margin-bottom:1px; color:#666 !important; font-size:14px; padding-left:15px;  }
#sidebar-in ul li ul li a:hover { background:#fff url(images/bullet3.gif) no-repeat left !important; margin-bottom:1px; color:#000 !important; padding-left:15px; }

#sidebar-in li.current_page_item a, #sidebar-in li.current_page_parent { display:block;  background:#fff; color:#000;  font-weight:bold;  }

#sidebar-in li.current_page_parent { border-bottom:1px solid #ccc; color:#000; }

#sidebar-in ul li ul li.current_page_item a { background:#fff url(images/bullet3.gif) no-repeat left !important; margin-bottom:1px; color:#000 !important;  }

/*	--------------------------------------------------
#sidebar-blog 
-------------------------------------------------- */


/*---------widgets ---------  */
.widget{ width:260px; margin-bottom:30px; float:left; list-style:none; overflow:hidden; padding:0; background:transparent; color:#382D2C }
  .widget .more,.content .more{ color:#000; font-weight:700; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; margin-bottom:0 }
    .widget .more span,.content .more span{ color:red; margin-right:5px }
.widget a, .widget li, .widget p { font-weight:normal; color:#382D2C !important; }
.widget li{ padding:3px 0 3px 15px; line-height:25px; list-style:none;  background:url(images/bullet3.gif) no-repeat left 12px; margin:0; width:100%; border-bottom:1px solid #d1e0e4;  }
  .widget li a, .widget li a:hover{ font-weight:normal }
.widget h2, .widget h3{ margin:0 0 0px 0; font-size:21px; background:trasparent;  }
.widget h3 span { margin:0 0 0px 0; font-size:21px; background:trasparent;  }

  .flickr h3 span{ font-weight:normal; color:#0061D8 }
  .flickr h3{ margin-bottom:20px }
    .flickr h3 span b{ color:#FF1183 }
.flickr ul{ margin:15px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
.flickr img{ border:1px solid #969696; background:#F4F4F4; padding:11px }
  .flickr img:hover{ border-color:#333 }
#calendar_wrap{ padding:0 0 0 40px; font-size:13px }
#calendar_wrap caption{ padding:10px 0 }
li.recentcomments a{ font-style:italic }
  .widget #searchform label{ display:none }
.tagcloud { background-color:#ffffff !important; color:#382D2C }
#twitter p.website{ margin:10px 0 0 0; padding: 10px 0 20px 48px;  background: url(images/twitter-trans.png) left 6px no-repeat }
#twitter p.website a { font-weight:bold; }

/*---------ADVERTISING ads --------- */
.ad-box { text-align:center; background:transparent; overflow:hidden }
.ad-box img { float:left; margin-right:10px; margin-bottom:10px; }
.ads123456{ height:125px; float:left; margin:0 0 10px 0; padding:0 }
  .ads123456 img{ float:left; padding:0 10px 0 0; margin:0 }
#big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 40px 0 }
  #big_banner a:hover{ background:transparent }

#sidebar-blog .flickr img { padding:3px; margin:4px; }

/*=== Archive ===*/

.archive-spot { padding:0 0 20px 0 }
  .archive-spot h2{ width:470px }
  .archive-spot p{ color:#4e4e4e }
  .archive-spot .date{ padding:0 0 15px 0; margin:-5px 0 0 0; color:#898989 }
    .archive-spot .date a{ color:#898989 }
	  .archive-spot .date a:hover{ color:#ffffff }
  .comment-spot{ text-align:center; padding:3px 0 0 0; width:32px; height:32px; margin:-70px 0 0 0; background:#ffffff url(images/comment-bg-trans.png) no-repeat top right; }
    .comment-spot a, .comment-spot a:hover{ background:none; color:#ffffff; border:none; font:bold 13px Georgia }
  .archive-spot .cat-spot{ background:#e3e3e3; padding:4px 0 6px 0; }
    .archive-spot .cat-spot a{ color:#000000; font:normal 11px Georgia; margin:0 0 0 10px }
	  .archive-spot .cat-spot a:hover{ color:#ffffff }
	  
/*---------ARCHIVE PAGE --------- */
.arclist ul{ padding:0; margin:0 }
.arclist ul li{ color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0; margin:0; background:none }
.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }
.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }
.arclist .archives-time{ float: left;	text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }

/*---------COMMENTS --------- */
#comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 20px 0; margin:0 }
  #comments .commentlist { padding:0; margin:0 }
  
    #comments .commentlist li p { margin:0; padding:0; }
  
  #comments ol{padding:20px 0;}
  #comments .comment { margin: 10px 0 0 0; padding:0; width: 100%; background:none; list-style:none }
    #comments .comment a{ text-decoration:none; border-bottom:1px solid; padding:1px 0 }
	  #comments .comment a:hover{ color:#aaaaaa }
    #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }
    #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }
      #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }
  #comments .comment small {font-size: 11px }
  * html #comments .comment .text-right { height:70px }
  #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px solid #c7c7c7; padding: 12px; margin-left:100px; float:none }
    #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }
  #comments ul.children { margin:10px 0 0 20px; padding:0 }
#comments .comment .authcomment{ background:#F7F7F7; border:1px solid #c7c7c7 }
  p.commpadd{ padding:0; margin:0 0 10px 0 }
  span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }
  span.comm-reply a, span.comm-reply a:hover{ font-size:13px; color:#aaaaaa }
  .cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0 }
#respond textarea, .commpadd input{ background:none; border:1px solid #c7c7c7 }
#respond textarea { margin:0; padding:0 }
  p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
  p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Georgia; color:#FFFfff; text-align:center; padding: 5px; background:#000; border:1px solid #000; margin:0; cursor:pointer; }
* html #commentform label { margin:-8px 0 0 0; 	position:relative;
	top:-8px; }
*+html #commentform label { margin:-8px 0 0 0; 	position:relative;
	top:-8px; }
	
/*	--------------------------------------------------
footer 
-------------------------------------------------- */

#footer p { font-size:13px; padding:0; margin:0 0 8px 0;  }
#footer .designby { font-size:13px; }

#footer p a { text-decoration:none; }
#footer p a:hover { text-decoration:none; }

#footer .aright { margin-right:-12px }
#footer .aright a{ font-size:11px }
#footer .aright li{ list-style:none; display:block; float:left; font-size:10px; padding:0 10px 0 0px;  margin:-5px 0 0 10px; border-right:1px solid  }