/*********************************************************************************************

Theme Name: 10Awesome
Theme URI: http://www.10awesome.com/
Version: 2.0
Author: Ian
Author URI: http://www.10awesome.com/
Note: Please don't steal. It's very bad karma.

**********************************************************************************************

Designed and Built by Ian

CSS, XHTML and Design Files are all Copyright

**********************************************************************************************

0.  CSS Reset
1.  Basic Setup (Body, Fonts, etc.)
2.  Header Styles
3.  Navigation and Menu Styles
4.  Main Content
5.  Breadcrumbs
6.  Search Form
7.  Multiple Post Pages
8.  Single Post Pages
9.  Post Comment Styles
10. Pagination
11. Sidebar Styles
12. Footer Styles
	
**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset 

*********************************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, 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 {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: '';}
abbr, acronym {border: 0;}


/*********************************************************************************************

1. Basic Setup (Body, Fonts, etc.) 

*********************************************************************************************/
body {
width: auto;
height: auto;
background: url("http://10awesome.com/wp-content/uploads/backg.png") repeat scroll 0 0 #EEEEEE;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13px;
line-height: 130%;
font-color: #333333;
display: block;
}

h1 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 110%;
color: #333333;
}

h2 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 21px;
font-weight: 700;
line-height: 110%;
color: #333333;
}

h3 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 110%;
color: #BDBDBD;
}

h1, h2, h3, h4, h5, h6, strong {font-weight: bold;}

hr {
color:#242424;
}

a {
color: #F41900;
}

a:hover {
color: #F41900;
text-decoration: underline;
}


abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
} 

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

th,td {
border: 0px solid;
padding: 8px;
}

th {
font-weight:bold;
text-align:center;
}

caption {
margin-bottom: 8px;
text-align: center;
}

p,fieldset,table {margin-bottom: 15px;}
a:link, a:visited {text-decoration: none;}

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}


/*********************************************************************************************

2. Header Styles

*********************************************************************************************/
#header {
background: url("http://10awesome.com/wp-content/uploads/backg.png") repeat scroll 0 0 #EEEEEE;
width: 100%;
float: left;
}

#header-inside {
width: 1004px;
margin: 50px auto;
}

#pagenavi {
background: url("http://10awesome.com/wp-content/uploads/navigation-bg.png") repeat-x scroll center;
width: 100%;
height: 36px;
float: left;
}

#pagenavi_inside {
width: 1004px;
margin: 0px auto;
padding: 2px;
font-color: #AFAEAE;
margin-top: 6px;
font-size: 15px; 
font-family: Times; 
}

#pagenavi_inside a {
color: #DFDFDF;
}

#pagenavi_inside a:hover {
color: #F41900;
}

/*********************************************************************************************

3. Navigation Wrapper and Menu Styles

*********************************************************************************************/
#navigation {
background: none;
width: 1004px;
display: block;
position: relative;
margin: 0px auto;
}

#navigation-inside {
background: none;
width: 1000px;
margin: 0px auto;
}

.sf-menu, .sf-menu * { /* SuperFish Menu Styles */
margin: 0;
padding: 2px 0 2px;
list-style: none;
}

.sf-menu { 
float: left;
}

.sf-menu-right {
float: right;
}

.sf-menu a {
display: block;
position: relative;
}

.sf-menu a, .sf-menu a:visited  {
color: #262626;
font-size: 21px;
font-family: Times;
font-weight: normal;
}

.sf-menu a:hover  {
color: #F41900;
}

.sf-menu ul li {
width: 100%;
}

.sf-menu ul {
position: absolute;
top: -15000px;
width: 160px; /* Left Offset of Sub-Menus Need to Match */
}

.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {
left: 0;
top: 28px; /* Match Top UL List Item Height */
z-index: 10000;
}

ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul {
top: -15000px;
}

ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul {
left: 160px; /* Match ul width. */
top: 0;
}

ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul {
top: -15000px;
}

ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul {
left: 160px; /* Match ul width. */
top: 0;
}

.sf-menu li {
float: left;
padding-top: 10px; padding-left: 12px;
position: relative;
}

.sf-menu li:hover {
visibility: inherit; /* Fixes IE7 Sticky Bug */
}

.sf-menu li ul {
background: #121212;
margin: 6px 0 0 0;
padding: 3px 0 3px 0;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
}

.sf-menu li li {
background: none;
padding: 1px;
}

.sf-menu li li:hover {
background: none;
}

.sf-menu li li ul {
margin: -8px 0 0 0;
padding: 8px 0 10px 0;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

/*********************************************************************************************

4. Main Content

*********************************************************************************************/
#content {
background: url("http://10awesome.com/wp-content/uploads/backg.png") repeat scroll 0 0 #EEEEEE;
width: 100%;
float: left;
}

#content-inside {
background: #ffffff;
width: 1004px;
margin: 14px auto;
}

#main {
width: 1004px;
background: #ffffff;
box-shadow: 0 0 4px #cfcfcf;
-webkit-box-shadow: 0 0 4px #cfcfcf;
-moz-box-shadow: 0 0 4px #cfcfcf;
border: 1px solid #cfcfcf;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
margin-bottom: 35px;
}

#main-full {
width: 1004px;
float: left;
}


/*********************************************************************************************


6. Search Form

*********************************************************************************************/
input#s {
background: url("http://10awesome.com/wp-content/uploads/search.png") no-repeat scroll right center #F5F5F5;
border: 2px solid #CFCECE;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
font-size: 14px;
font-color: #272727;
width: 290px;
padding: 3px;
}

/*********************************************************************************************


11. Sidebar Styles

*********************************************************************************************/
#sidebar {
background: #fff;
border-left: 2px solid #dddddd;
width: 310px;
float: right;
margin-top: 3px;
margin-right: 3px;
}

#sidebar2 {
background: #fff;
border-left: 2px solid #dddddd;
width: 310px;
float: right;
margin-top: 3px;
margin-right: 3px;
}

/*********************************************************************************************


7. Multiple Post Pages

*********************************************************************************************/
.multiple {
background: #fff;
width: 670px;
float: left;
margin: 3px 5px 18px 3px;
padding-left: 6px;
border-bottom-style:dotted;
border-bottom-color: #dddddd;
}

.multiple h2 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 110%;
margin-left: 55px;
padding-left: 215px;
}

.multiple h2 a {
color: #333333;
}

.multiple h2 a:hover {
color: #FF0000;
}

.multiple p {
margin-left: 55px;
padding-left: 215px;
}

.post-image {
width: 260px;
float: left;
margin: 3x 4px 13px 2px;
}

.post-image img {
margin: 5px 0 5px 5px;
background: #dddddd;
padding: 4px;
display: block;
}

ul.post-meta a {
color: #6D6C6C;
}

ul.post-meta a:hover {
color: #585757;
}

li.multiple-date {
background: url(images/icon-date.png) left no-repeat;
color: #B4B4B4;
margin: 0 0 0 4px;
padding: 0 0 0 22px;
}

/*********************************************************************************************

8. Single Post Pages

*********************************************************************************************/
.single {
width: 660px;
padding-top: 6px;
padding-left: 15px;
}

.full {
width: 1004px;
}

.entry ul {
margin: 0 0 5px 0;
}

.entry ul li {
padding: 0 0 0 6px;
}

.entry ol {
margin: 0 0 10px 6px;
}

p img {
background: #dddddd;
padding: 3px;
max-width: 640px;
height: auto;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 5px;
margin: 0 0 2px 5px;
}

img.alignleft {
padding: 5px;
margin: 0 5px 2px 0;
}

.wp-caption {
background: #EBEBEB;
border: 1px solid #CCCCCC;
text-align: center;
padding: 10px 5px 5px 5px;
margin: 0 0 20px 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.wp-caption img {
padding: 0;
margin: 0 0 5px;
}

.wp-caption-text {
margin: 10px 0 0;
padding: 0;
}

.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
font-size: 12px !important;
text-align: center; 
margin: 0;
padding: 0;
}

/*********************************************************************************************

9. Post Comment Styles

*********************************************************************************************/
#comments {
width: 670px;
margin-top: 45px;
background: #F2F2F2; 
border: 1px solid #D8D7D7;
}

#comments ol li {
list-style: none;
}

ol.commentlist li {
padding: 0 0 20px 0;
}

ol.commentlist li.alt {
padding: 0 0 20px 0;
}

ol.commentlist li ul.children { 
list-style: none; 
text-indent: 0; 
}

ol.commentlist li ul.children li {
border: none;
padding: 25px 0 0 25px;
}

ol.commentlist li ul.children li.alt {
border: none;
padding: 25px 0 0 25px;
}

ol.commentlist li ul.children li.depth-2 {margin: 0;}
ol.commentlist li ul.children li.depth-3 {margin: 0;}
ol.commentlist li ul.children li.depth-4 {margin: 0;}
ol.commentlist li ul.children li.depth-5 {margin: 0;}

.comment-author {
font-size: 15px;
font-weight: normal;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
}

.avatar {
background: #D1D1D1;
border: 1px solid #9F9E9E;
float: left;
margin: 4px;
padding: 2px;
}

#respond {
width: 670px;
padding: 20px 0 0 0;
}

#author, #email, #url, #comment {
background: #DBDCDC;
border: 1px solid #BFC0C0;
color: #262626;
padding: 6px 4px 6px 4px;
}

#comment {
width: 660px;
background: #EBEBEB; 
border: 1px solid #BFC0C0;
color: #262626;
}

#comment p {
font-size: 14px;
margin-top: 10px;
padding-top: 10px;
}

input#submit {
background: #DBDCDC; 
border: 1px solid #BFC0C0;
color: #222; 
float: none; 
font-size: 24px; 
font-weight: bold; 
height: 43px; 
line-height: 36px; 
margin-top: 5px; 
width: 215px;
}

input#submit:hover {
background: #FF0404; 
border: 1px solid #ACACAC;
color: #000; 
cursor: pointer;
}

#postmeta {
background: #EEEEEE;
width: 660px;
float: left;
margin: 8px 1px 8px 3px;
-moz-border-radius: 4px;
}

#postmeta_inside {
padding: 3px;
color: #222222;
}

#postmeta_inside a {
color: #507aa5;
}

#postmeta_inside a:hover {
color: #0060B7;
}

#datacom {
background: #EEEEEE;
margin: 8px 0 8px 3px;
}

#datacom_inside {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 215px;
margin-left: 55px;
color: #646464;
}

#datacom_inside a {
color: #507aa5;
}

#datacom_inside a:hover {
color: #0060B7;
}

#continue {
background:none repeat scroll 0 0 #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color:#2c2c2c;
float:right;
font-family: 'Helvetica';
font-size: 12px;
font-weight:bold;
padding:1px;
margin: 4px;
text-decoration:none;
}

#continue a {
color: #000;
}

#continue a:hover {
color: #000;
text-decoration: underline;
}

#tags {
background: #eeeeee;
width: 660px;
float: left;
margin: 8px 1px 8px 3px;
-moz-border-radius: 4px;
}

#tags_inside {
padding: 3px;
color: #2C2C2C;
}

#tags_inside a {
color: #4C4B4B;
}

#tags_inside a:hover {
color: #D24D22;
}

/*********************************************************************************************


10. Pagination

*********************************************************************************************/
#pagination {
background: #EBEBEB;
border: 1px solid #CCCCCC;
line-height: 1;
width: 618px;
height: 32px;
float: left;
margin: 0 20px 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#pagination p {
margin: 0;
padding: 9px 10px 0 10px;
}

#pagination a {
color: #808080;
}

#pagination a:hover {
color: #B0B0B0;
}


/*********************************************************************************************

12. Footer Styles

*********************************************************************************************/
#footer {
background: #141414;
border-top: 5px solid #FF0404;
color: #fff;
width: 100%;
float: left;
}

#footer-inside {
background: none;
width: 1004px;
margin: 0px auto;
padding: 20px 0 40px 0;
}

#footer a {
color: #f5f5f5;
}

#footer a:hover {
color: #F41900;
}

/*********************************************************************************************

13. Thumbs

*********************************************************************************************/

#thumbs {
width: 300px;
background: #fff;
margin-left: 2px;
}

.multiplethumbs {
background: #ffffff;
width: 300px;
float: left;
margin: 1px 2px 2px 0;
padding: 2px;
border-bottom-style:dotted;
border-bottom-color: #dddddd;
}

.multiplethumbs h2 {
font-size: 18px;
font-weight: normal;
line-height: 20px;
font-family: Helvetica, Arial, sans-serif;
}

.multiplethumbs h2 a {
color: #333333;
text-decoration: none;
}

.multiplethumbs h2 a:visited {
color: #262626;
text-decoration: none;
}

.multiplethumbs h2 a:hover {
color: #F41900;
}

.multiplethumbs p {
margin: 0;
padding: 0 0 0 4px;
}

.post-image-tmb {
width: 100px;
height: 80px;
display: block;
background: #dddddd;
padding: 3px;
float: left;
margin-right: 5px;
}

.post-image-tmb img {
margin-right: 0;
}

#sbconnect {
float: right;
width: 230px;
padding: 3px;
}

#rss {
font-size: 14px;
font-weight: normal;
float: left;
margin-right: 10px;
margin-left: 2px;
}

#rss a {
color: #f5f5f5;
}

#rss a:hover {
color: #F55B19;
}

#twt {
font-size: 14px;
font-weight: normal;
float: left;
margin-right: 10px;
}

#twt a {
color: #f5f5f5;
}

#twt a:hover {
color: #0CBDF9;
}

#fb {
font-size: 14px;
font-weight: normal;
float: left;
margin-right: 10px;
}

#fb a {
color: #f5f5f5;
}

#fb a:hover {
color: #3F75CD;
}

#mail {
font-size: 14px;
font-weight: normal;
float: left;
}

#mail a {
color: #f5f5f5;
}

#mail a:hover {
color: #DB0101;
}

/*********************************************************************************************

14. Tag Nav

*********************************************************************************************/

#tag_nav {
background: none;
width: 1000px;
float: left;
margin-bottom: 1px;
margin-left: 8px;
margin-top: 3px;
}

#tag_nav_inner {
margin-bottom: 3px;
padding: 2px;
}

#tag_nav_inner li {
margin: 0;
padding: 0;
float: left;
line-style-type: none;
}

#tag_nav_inner li a {
-moz-border-radius: 4px;
background-color: #dddddd;
color: #0A0A0A;
cursor: pointer;
display: block;
font-size: 18px;
font-weight: normal;
line-height: 1.1;
margin: 5px 3px;
padding: 3px;
position: relative;
text-decoration: none;
}

#tag_nav_inner li a:hover {
background: #0A0A0A;
color: #fff;
}

#tag_nav_inner li a:active {
background: #CB2727;
outline: 0 none;
position: relative;
top: 1px;
}