/* Style your mobile view using CSS. All HTML classes and IDs from the source site are retained. Assign new classes and IDs to blocks of content using controls on the right. */
body{
font-family: Georgia, serif; margin:10px;}
h1, h2, h3, h4, h5{
font-weight: normal; 
margin: 0 0 5px 0; 
}
#alternateContent{ margin:5px; }
#wp_page_numbers, #home-pagination { display: none; }

code{width:100%;}

h2{font-size: x-large;}
h2 a, h2 a:visited {color: #2e2e2e;}

h2 a:hover { 
color: #fe4902 !important;
border-bottom: 1px dotted #2e2e2e; 
}
p, li, dd { 
   font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif;
margin: 0 0 15px 0; color: #5e5d5d; }
td, th 
{ font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif;
                                      text-align: left; }
p strong, li strong     { color: #2e2e2e; }

a, a:visited { 
text-decoration: none; 
outline: none; 
color: #3680a1;
font-weight:bold;
}

a:hover {color: #e13200;}

a img {border: none;}
img {vertical-align: middle;}
.clear{clear: both;}
fieldset{ border: none; }

blockquote, blockquote p {
   font-family:"Lucida Sans","Lucida Grande",Arial,Helvetica,Sans-Serif;
   font-size:13px;
   font-style:italic;
   line-height:18px;
}
blockquote {
   border-left:10px solid #CCCCCC;
   padding:1px 0 1px 10px;
}

#logo{
width:100%;
background:#fff;
padding:2px 0;
}


/* NAV */

#nav{
padding:15px 0 8px 0;
margin-bottom:8px;
background:#fff;
border-bottom:1px solid #e8e8e8;
font-family:"Lucida Grande",Arial,Helvetica,Sans-Serif;
font-size:small;
font-weight:bold;
}

#nav a{
padding:7px 10px 8px 10px;
margin:0 3px;
background:#e8e8e8;
color:#333;
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
}

#nav a:hover{
background:#e13200;
color:#FFF;
}

/** Site Map **/
#sitemap {
clear:both;
margin-top:10px;
}
#sitemap .archive-date{font-size:x-small;}

#sitemap td {
border-bottom:1px solid #CCCCCC;
font-size:13px;
padding:5px;
}


/*
  ARTICLE AREA
*/
#content-area{ 
margin:0 8px;
font-size:small;
}

#content-area h2{ 
text-align: center;
color:#333;
font-size:1.8em;
}

.meta { font-size: 12px; margin: 0 0 5px 0; color: #999; }
.meta span { display: none; }
h5 { display: none; }
.comments-number, #recent-snippets-list, .video-promo { display: none; }

#content-area h2 a{color:#2E2E2E;}
#content-area a:hover{border-bottom: 1px dotted #2e2e2e;}

.date{ 
background: url(http://css-tricks.com/images/graydot.png) center center repeat-x; 
font-family: Georgia, serif; 
text-align: center;
font-size: 10px; 
color: #fe4902; 
margin: 8px 0 1px 0; 
}

.date span{
color: #000;
padding: 3px 8px; background: white; 
position: relative; top: -6px; 
}

p.date span a span { 
position: static; 
padding: 0; 
color: #fe4902; 
}

#content-area .date span a:hover{border: none;}

.date span a:hover span{color: #666;}

.date span strong{ 
font-size: 36px; 
font-family: Courier, Sans-Serif; 
position: relative; 
top: 7px;
color: #fe4902; 
}

p.author em 
{ 
   text-transform: none; 
   font-style: italic; 
   color: #2e2e2e;
   letter-spacing: 0; 
}

p.author { 
   color: #2e2e2e; 
   letter-spacing: 2px; 
   text-align: center; 
   font-family: Georgia, serif; 
   text-transform: uppercase; 
}

p.date a 
{ 
   color: #fe4902; 
}

body#forums p.author
{ 
   letter-spacing: 0px;
}

#content-area h3 
{ 
   color: #fe4902; 
   font-size: 20px; 
   font-style: italic; 
}

#content-area ul{ 
   margin: 0 0 0 5px; 
   list-style: none; 
}

#content-area ol { 
   margin: 15px 0 0 25px; 
   list-style: decimal; 
}

#content-area ol ol { 
  list-style: lower-alpha; 
}

#content-area ul li 
{ 
   padding: 0 0 0 20px; 
   background: url(http://css-tricks.com/images/bullet.png) 0 3px no-repeat; 
}

#content-area ul ul { 
   margin: 15px 0 0 25px; 
   list-style: disc; 
}

#content-area ul ul li { 
   background: none; 
   padding: 0; 
}

.post { 
   padding: 5px 0 25px 0; 
   margin: 0 0 25px 0; 
}


/* SEARCH */

#search-area {
   margin:5px 5px 0;
}
#search-area #s{ 
   float:left; width:70%;
}

/*
  COMMENTS
*/
.commentInputs 
{ 
   width:99%; 
   float: left; 
   margin: 0 19px 19px 0; 
}
#commentform p{ display:none;}

#commentform textarea 
{ 
   padding: 5px; 
   height: 160px; 
   width: 99%; 
   border: 1px solid #ccc; 
   margin: 0 0 10px 0; 
   font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif; 
}

input.comment-field 
{ 
   width: 100%; 
   padding: 3px; 
   border: 1px solid #ccc; 
   font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif; 
}


.comment-text 
{ 
padding-left: 60px; 
}

h4#comments, h4#respond 
{ 
font-size: 24px; 
}

#content-area ol#commentList 
{ 
   list-style: none; 
   margin: 0; 
}
.commentArrow 
{ 
   position: absolute; 
   left: -14px; top: 7px; 
}
.commentPreview{ display:none;}
.commentPreview .authorInfo
{ 
   width: 115px; 
   float: left;
}
.commentPreview code
{ 
   width: 100%; 
   background: none; 
   margin: 0; 
   padding: 0;
}

#commentList li.item 
{ 
   margin: 0 0 35px 0; 
}

#commentList .commentText,
.commentPreview .commentText
{ 
    width: 100%; 
    float: right; 
    border: 1px solid #999;                            background: #eee; 
    padding: 15px;
    position: relative; 
    min-height: 50px; 
    margin: 0 0 10px 0;
}

#commentList li.author .commentText p
{ 
   color: black; 
}

#content-area ol.commentlist
{ 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   text-indent: 0; 
}

#content-area ol.commentlist li{ 
border: 1px solid #d5d5d5; 
-moz-border-radius: 5px;                          
-webkit-border-radius: 5px; 
margin: 0 0 4px; 
padding: 5px 7px 5px 0px;
position:relative;  
background: white; 
list-style: none !important;
}

.comment-body{
margin:0 6px;
}

#content-area ol.commentlist code                  
{ 
   width: 100%; 
}

#content-area ol.commentlist li.bypostauthor        
{ 
   background: #fff0da; 
}

#content-area ol.commentlist ul ul                
{ 
   margin: 15px 0 0 0; 
}

ol.commentlist li div.comment-author              
{ 
   padding: 0 170px 0 0; 
}

ol.commentlist li div.vcard cite.fn{
font-style: normal; 
font-weight: bold;    
font-size: small;
margin-right:5px;
}

ol.commentlist li div.vcard cite.fn a.url{
color: #fe4902;
text-decoration: none;
}

ol.commentlist li div.vcard cite.fn a.url:hover{color: #000;}
ol.commentlist li div.vcard img.avatar{
display:none;
}

ol.commentlist li div.comment-meta{ 
font: bold x-small helvetica,arial,sans-serif;
position: absolute; 
right: 10px; 
text-align: right; 
top: 5px; 
}

ol.commentlist li div.comment-meta a{ 
color: #333;
position:absolute;
top:0;
right:0;
z-index:10000;
text-decoration: none; 
}

ol.commentlist li div.comment-meta a:hover{color: #000;}
ol.commentlist li p{ 
margin:2px 0;
word-wrap:break-word;
}
ol.commentlist li ul                                { 
   list-style: square; 
   margin: 0 0 1em; 
   padding: 0; 
   text-indent: 0; 
}
ol.commentlist li div.reply
{ 
  display:none;
}
ol.commentlist li div.reply:hover
{ 
   background: #fe4902; 
   border: 1px solid #c00; 
}

ol.commentlist li div.reply a                       { 
   color:#fff; 
   text-decoration: none; 
   text-transform: uppercase; 
}


/** Nested Comments **/

ol.commentlist li ul.children{
list-style:none; 
margin:0 0 0 10px; !important;
padding:4px !important;
text-indent:0; 
}

ol.commentlist li ul.children li{
padding:0 0 0 15px; !important;
}

ol.commentlist li ul.children li.depth-4{margin:0 0 .25em;}
ol.commentlist li.even{background:#fff;}
ol.commentlist li.odd{background:#f6f6f6;}
ol.commentlist li.pingback div.vcard{padding: 0 170px 0 0;}


/** Pagination **/
#wp_page_numbers {
   background:white none repeat scroll 0 0;
   width:100%;
}
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
   background:white none repeat scroll 0 0;
   border:medium none;
   font-family:Arial;
   line-height:1;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0 0 25px;
   padding:0;
}

#wp_page_numbers ul {
  width:100%;
}
#content-area #wp_page_numbers li {
   display:block;
   float:left;
   margin-bottom:2px;
   padding:0;
}
#wp_page_numbers a {
   border:1px solid #BFBFBF;
   color:#333333;
   display:block;
   margin:0 2px 0 1px;
   padding:4px 6px;
}
#wp_page_numbers li a:hover {
   background:#FE4902 none repeat scroll 0 0;
   border:1px solid #FE4902;
   color:white;
}
#wp_page_numbers li.space {
   padding:6px 2px;
}
#wp_page_numbers li.first_last_page {
   font-style:italic;
}
#wp_page_numbers li.active_page a {
   border-color:#46DAFF;
}
#wp_page_numbers li.active_page a:hover {
   border-color:#FF8000;
   color:black;
   text-decoration:underline;
}
#wp_page_numbers li.page_info {
   border:1px solid #BFBFBF;
   color:#666666;
   display:none !important;
   float:left;
   margin-right:2px;
   padding:3px 5px;
}
.cancel-comment-reply {
 display: none;
}

/** Sidebar Features **/

#sidebar h3 {
background:#BB6A10;
font-family:Georgia,Serif;
font-size:16px;
font-style:italic;
line-height:1;
margin:20px 0 0;
padding:10px;
}

#sidebar .extra-link {
border-bottom:1px dotted;
color:#000;
font-size:10px !important;
margin-left:2%;
}

#sidebar{
background:#2f2626;
}

#sidebar ul li{
margin:0;
}

#sidebar ul li a {
font-family:Georgia,serif;
font-size:small;
border-bottom:1px solid #666666;
color:#D6C8B0;
display:block;
padding:4px;
}

/** Polls **/

#sidebar .wp-polls h4 {
color:#FF8888;
font-family:Georgia,Serif;
font-size:14px;
margin:5px 0 10px 8px;
}

.wp-polls-ul li span {style.css (line 328)-moz-border-radius-bottomleft:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background:#FF8888 none repeat scroll 0 0;
color:black;
padding:1px 4px;
}

.wp-polls-ul li {
color:#EEEEEE;
font-size:11px;
margin:0 0 5px;
}

/**


/** Footer **/

#mmheader{ margin-bottom:20px;
}
#mmfooter{
background:#302627;
padding:4px 7px;
font-family:Georgia,serif;
text-align:right;
}

#images img { margin-bottom:5px; }

#mmfooter a{
color:#fff;
}

.dfooter { margin-top:50px;}