@charset "utf-8";

/*

1.	Website standard elements, 
	( Alignment, Lists, Table, ???, Code, Quotes, Print )
2.	Website div elements
3.	Website menu
4.	Website page elements
5.	Website post elements
6.	Website special-post elements
7.	Website navigation
8.	Website comments
-------- Fuzzy after this ---
?.	Social elements
?.	Website widgets
9.	Website inputs
??.	ERROR code elements
12.	IE special elements
13.	iPhone special elements
14.	HTML5
*/
 
/******** 1. Website standard elements *********/

* { margin: 0px; padding: 0px; }
body { font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4em;; color: #000;   }

a, a:visited { color: #09F; text-decoration: none; }
a:focus, a:active { color: #06C; }
a:hover { color: #3CF; }

h1 { font-weight: 300; font-size: 2.2em; margin: 20px 0px 4px 0px; }
h2 { font-weight: 400; font-size: 1.8em; margin: 20px 0px 4px 0px; }
h3 { font-weight: 500; font-size: 1.4em; margin: 20px 0px 4px 0px; }
h4 { font-weight: 500; font-size: 1.2em; margin: 20px 0px 4px 0px; }

p { padding: 10px 0px 5px 0px;}

img {}
a img { border: none;}
hr { width: 100%; height: 20px; display: block; text-indent: -2000px; overflow: hidden; margin: 0px auto;}
hr { background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both; }

strong { font-style: oblique; font-weight: 600; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
big { font-size: 131.25%; }
small { font-size: 10px; }

/******** Alignment *********/

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.center, .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.right, .alignright { float: right; }
.left, .alignleft { float: left; }

/******** Lists *********/

ul, ul li ul { list-style: square; margin: 0 0 0 1.5em; }
ul li, ul li ul li { list-style-type: disc; }

ol { list-style-type: decimal !important; margin: 0 0 0 1.5em; }
ol ol { list-style:upper-alpha; }
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
.children .even, .alt { }

/******** Table *********/

table {}
tr {}
td {}

/******** ??? *********/

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

dl { margin:0 0 24px 0; }
dt { font-weight: bold; }
dd { margin-bottom: 18px; }

ins { background: #FFFFCC; }

ins { text-decoration: none; }
sup,
sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

/******** Code *********/

pre { margin: 15px 0px; padding: 10px; color: #222; line-height: 16px; margin-bottom: 18px; padding: 1.5em; font-size: 0.9em; word-wrap: break-word; }
code {	display:block; direction:ltr; text-align:left; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; word-wrap: break-word; }
.wp_syntax {  }


/******** 2. Website div elements *********/

div#wrapper { margin: 0px auto; position: relative; width: 100%; overflow: visible; }
div#container { margin: 0px auto; position: relative; width: 1000px;  }

div#wrapper div#container > header { width: 960px; margin: 0px auto; position: relative;}
div#wrapper div#container > header hgroup {}
div#wrapper div#container > header hgroup h1 { margin: 0px auto; padding: 0px;  }
div#wrapper div#container > header hgroup h1 a { margin: 0px; padding: 0px; }
div#wrapper div#container > header hgroup h4.description {}

div#main { width: 1000px; margin: 0px auto; padding: 0px; position: relative; }
div#main div#page { width: 960px; margin: 0px auto; padding: 0px 20px; position: relative; }

div#main div#page div#content { padding: 0px; position: relative; }
div#main div#page div#sidebar { padding: 0px; position: relative; }

div#wrapper div#container > footer { width: 960px; margin: 0px auto; padding: 20px; position: relative; text-align: center; color: #999; }
div#wrapper div#container > footer details { font-size: 0.8em; }

footer p.copyright, div#footer p.copyright {}
footer p.legal, div#footer p.legal { visibility: hidden; height: 0px; margin: 0px; padding: 0px; }
footer p.credit a#xc1-footer-logo, div#footer p.credit a#xc1-footer-logo { background: url('../images/xc1-footer-logo.png') no-repeat top center; display: block; width: 32px; height: 32px; overflow: hidden; text-indent: -2000px; margin: 0px auto; }

/******** 3. Website menu *********/

div#menu { }
div#menu ul { width: auto; height: auto; padding: 10px auto; }
div#menu ul li { list-style-type: none; margin: 0px; padding: 0px; }
div#menu ul li a { color: #333;}

/******** 4. Website page elements *********/

div#main div#page div#content .page { padding: 20px 0px; position: relative;}

div#main div#page div#content .page .page-header {}
div#main div#page div#content .page .page-header h2 { margin: 0px; } /* Page-headers */
div#main div#page div#content .page .page-header small { display: block; margin: 3px 0px 5px 0px;}
div#main div#page div#content .page .page-header a.post-image img { margin: 0px 20px 20px 0px; padding: 5px; display: block; width: 96px; height: 96px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); float: left; position: relative; overflow: visible; z-index: 998; background: #FFF; }

div#main div#page div#content .page .page-content {}
div#main div#page div#content .page .page-content .entry { width: auto; margin: 0px auto; position: relative;}
div#main div#page div#content .page .page-content .entry p {}
div#main div#page div#content .page .page-content .entry img { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); }

/******** 5. Website post elements *********/

div#main div#page div#content .post .post-header {}
div#main div#page div#content .post .post-header h3 { margin: 0px; } /* Post-headers */
div#main div#page div#content .post .post-header small { display: block; margin: 3px 0px 5px 0px;}
div#main div#page div#content .post .post-header a.post-image img { margin: 0px 20px 20px 0px; padding: 5px; display: block; width: 96px; height: 96px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); float: left; position: relative; overflow: visible; z-index: 998; background: #FFF; }

div#main div#page div#content .post .post-content {}
div#main div#page div#content .post .post-content .entry { width: auto; margin: 0px auto; position: relative;}
div#main div#page div#content .post .post-content .entry p {}
div#main div#page div#content .post .post-content .entry img { }

div#main div#page div#content .post .post-content .postmetadata { background: url('../images/file.png') 5px 2px no-repeat;  padding: 2px 0px 10px 30px; margin: 10px 0px; display: block; clear: both;  }
div#main div#page div#content .post .post-content .smallattachment { margin: 5px 0 5px 5px; }
div#main div#page div#content .post .post-content .attachment {}


div#main div#page div#content .thumbs { width: 106px; float: left; margin: 5px; text-align: center; padding: 5px; }
div#main div#page div#content .thumbs .post-thumb { width: 96px; height: 96px; margin: 0px auto;}
div#main div#page div#content .thumbs .post-name h3 { font-size: 1.2em; }

/******** 6. Website special-post elements *********/
 
div#main div#page div#content .post.content.category-image { padding: 0px !important; }
div#main div#page div#content .post.content.category-image .post-header h3 { display: none; }
div#main div#page div#content .post.content.category-image .post-header small { display: none; }
div#main div#page div#content .post.content.category-image .post-header a.post-image img { display: none !important; }
div#main div#page div#content .post.content.category-image .post-content .entry p { margin: 0px auto; padding: 0px; text-align: center;}
div#main div#page div#content .post.content.category-image .post-content .entry p img { /* position: absolute;*/ display: block; margin: auto; vertical-align: middle; }
div#main div#page div#content .post.content.category-image .post-content .postmetadata { display: none; }

div#main div#page div#content .post.content.category-photo {  }
div#main div#page div#content .post.content.category-photo.post { padding: 0px !important; }
div#main div#page div#content .post.content.category-photo h3 { display: none; }
div#main div#page div#content .post.content.category-photo small { display: none; }
div#main div#page div#content .post.content.category-photo a.post-image img { display: none !important; }
div#main div#page div#content .post.content.category-photo .entry p { margin: 0px auto; padding: 0px; text-align: center; }
div#main div#page div#content .post.content.category-photo .entry p img { /* position: absolute;*/ display: block; margin: auto; vertical-align: middle; }
div#main div#page div#content .post.content.category-photo .postmetadata { display: none; }

div#main div#page div#content .post.content.category-video {  }
div#main div#page div#content .post.content.category-video.post { padding: 0px !important; }
div#main div#page div#content .post.content.category-video h3 { }
div#main div#page div#content .post.content.category-video small { }
div#main div#page div#content .post.content.category-video a.post-image img { display: none !important; }
div#main div#page div#content .post.content.category-video .entry { margin: auto; padding: 0px; text-align: center; }
div#main div#page div#content .post.content.category-video .entry p { margin: 0px auto !important; width: 640px; padding: 0px; text-align: center; box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); }
div#main div#page div#content .post.content.category-video .entry p object { position: relative; display: block; margin: auto; vertical-align: middle; }
div#main div#page div#content .post.content.category-video .postmetadata { }

div#main div#page div#content .post.content.category-quote {  }
div#main div#page div#content .post.content.category-quote h3 { display: none; }
div#main div#page div#content .post.content.category-quote small { display: none;  }

/******** 7. Website post navigation *********/

div#main div#page div#content .navigation { margin: 0px; position: relative;  }
div#main div#page div#content .navigation div.prev a { padding: 0px 0px 0px 30px; z-index: 999;   }
div#main div#page div#content .navigation div.next a { padding: 0px 30px 0px 0px; z-index: 999; }


/*  ??????????? */
div#main div#page div#content .nocomments, .postmetadata, blockquote, strike {}

div#main div#page div#content .thread-alt {}
div#main div#page div#content .thread-even {}
div#main div#page div#content .depth-1 {}

/******** Standard templates *********/

#video-page .post .post-header { float: right; width:250px;}
#video-page .post .post-header a.post-image { float: left; margin: 0px 10px 10px 0px; box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); }
#video-page .post .post-header h3 { margin: 5px 0px !important; }
#video-page .post .post-content p { width: 640px; margin: 0px 0px 20px 0px !important; padding: 0px !important; box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); }
#video-page .post .post-footer { float: right; width:250px; margin-top: -120px;}

/******** Website social elements *********/

div.follow { background: #fafafa; margin: 5px 0px; padding: 10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); border: 1px; border-bottom:1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.follow ul li { display: inline; }

a.social { }
a[href^="http://twitter"].twitter-link , a[href^="http://www.twitter"].twitter-link { background: none !important; padding: 0px !important; margin: 0px !important; } /* Dont want icon on twitter cite's */

/******** 9. Widgets *********/

.widget { margin: 10px 0px;}
.widget ul { list-style: none; margin-left: 0; }
.widget ul li { list-style: square; margin: 0px; padding: 0px; list-style-type: none; }
.widget input#s { /* This keeps the search inputs in line */ width: 60%; margin: 0px; float: left; }
.widget_search label { font-size: 14px; font-weight: bold; color: #222; display: block; }
.widget-container { margin: 0 0 18px 0; }
.widget-title { color: #222; font-weight: bold; }

.widget-area a:link, .widget-area a:visited { text-decoration: none; }
.widget-area a:active, .widget-area a:hover { text-decoration: underline; }

#wp_tag_cloud div { line-height: 1.6em; }

#wp-calendar { width:100%; }
#wp-calendar caption { font-weight: bold; color: #222; text-align: left; font-size:14px; padding-bottom: 4px; }
#wp-calendar thead { font-size:11px; }
#wp-calendar thead th { }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { padding: 3px 0 2px; background: #f5f5f5; border:1px solid #fff; text-align: center; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; }

.widget_rss a.rsswidget { color: #000; }
.widget_rss a.rsswidget:hover { color: #FF4B33; }
.widget_rss .widget-title img { height: 11px; width: 11px; }




/******** ERROR code elements *********/

body.error404 div#content h2 { background: url('../images/xc1-404.jpg') no-repeat top center; width: 400px; height: 300px; display: block; text-indent: -2000px; overflow: hidden; margin: 0px auto; }

/******** IE special elements *********/

body.ie { }
body.ie #wrapper #container { }
body div.ie6 h2 { background: url('../images/xc1-ie6.jpg') no-repeat top center; width: 400px; height: 300px; display: block; text-indent: -2000px; overflow: hidden; margin: 0px auto; }
body.ie div.ie6 ul li { background: none !important; list-style-type: circle; padding: 0px; margin: 0px 20px; } 
body div#ie6-hide { display: none; }

/******** iPhone special elements *********/

/*body.iphone { width: 1200px; min-height: 1500px;}
body.iphone div#wrapper { width: 1200px; position: relative; margin: 0px auto; min-height: 1500px; }  Gets a litle perspective on the 1000/960px wide homepage in iPhone */
body.iphone div#wrapper div#container { margin: 0px auto; }