/*
Theme Name: Blank 2 Column - Right Sidebar
Theme URI: http://refueled.net/blank-themes/
Description: A Blank Wordpress theme with left sidebar.
Author: refueled
Author URI: http://refueled.net
version: 2.0
Tags: two-column, widget-ready,blank
*/

/* CSS Mini Reset ------------------------------------------------ */

html, body, div, form, fieldset, legend, label {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
th, td {text-align: left; vertical-align: top;}
h1, h2, h3, h4, h5, h6, th, td, caption {font-weight:normal;}
img {border: 0;}

/* document ---------------------------------------------------------------- */

body {background:#666 url(http://skougard.com/images/tiles/grey-bg.jpg); 
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 10pt;
	margin:20px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements */}

/* images ---------------------------------------------------------------- */

/* source:  http://inspectelement.com/tutorials/simulate-realism-with-css3/ */

img {
background:white;
	border: 15px solid #f7f7f7;
	border-bottom: 65px solid #f7f7f7;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);}

img:hover {
	-webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.1); 
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements */}

/* exceptions */

img.wpcf7-captcha-captcha-309, .downloads img, img#icon, #sidebar img {border:none; background:none; 
-webkit-box-shadow: none; 
-moz-box-shadow: none;}

img a, a img {border:1px solid rgba(192,192,192,0.2);}

a img, div.ngg-gallery-thumbnail a img {background:rgba(60,60,60,0.1);
margin: 0 15px;
/* transitions */
-webkit-transition:background-color 0.5s ease-in;  
-moz-transition:background-color 0.5s ease-in;  
-o-transition:background-color 0.5s ease-in;  
transition:background-color 0.5s ease-in;
 /* border-radius */
-webkit-border-radius: 5px;
-moz-border-radius: 2px;
border-radius: 5px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements */}

a:hover img {background:rgba(192,192,192,0.6);
	-webkit-transform: rotate(0deg) scale(1.1);
	-moz-transform: rotate(0deg) scale(1.1);}

/* #miesSPLASH.simple_overlay img, #miesSPLASH.simple_overlay img:hover {background:none; border: none;} */

img.left {float: left; border: none; padding: 6px 0 0 0;}
img.right {float: right; border: none; padding: 0 0 0 6px;}
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;}

/* typography ---------------------------------------------------------------- */

h2, h3, h4, h5, h6, p , ul, ol, li, td, th, .entry a {text-shadow: 0 1px 2px #aaa;}

h1, h2, h3, h4, h5, h6 {margin: 15px 0;}

h1 {font-size: 48pt;}
h2 {font-size: 24pt;}
h3 {font-size: 18pt;}
h4 {font-size: 14pt; line-height: 3em;}
h5 {font-size: 12pt;}
h6 {font-size: 11pt;}
p {font-size: 10pt;}

blockquote {border-left: none; margin:15px; padding:0 12px 0 12px;}

code {font-family:"Courier New", Courier, monospace;}

/* links ---------------------------------------------------------------- */

a, a:visited, a:active{color:#09212f; text-decoration: underline;}
	a:hover{color:#29414f; }

/* tables ---------------------------------------------------------------- */

table {background: rgba(25,25,25,0.5); border:1px solid #000; color:#fff;}

tr, td {border:1px solid #777;}

td a {color:#fff;}

/* forms ---------------------------------------------------------------- */

label {width: 300px; float: left; text-align: right; margin-right: 0.5em; display: block;} 

input, select, textarea {
 background:#b9d1df;
 color: #000;
 border: 1px dotted #555;
 text-align:left;
 /* transitions */
 -webkit-transition: background .5s ease-in;
 -moz-transition: background .5s ease-in;
 -o-transition: background .5s ease-in;
 -webkit-transition: background .5s ease-in;
 transition: background .5s ease-in;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements */}
 
input:hover, select:hover, textarea:hover {background:#c9e1ef;}

input:active, select:active, textarea:active, input:focus, select:focus, textarea:focus  {background:#fff;}

/* -------------------------------------------------------------------------- */
/* group edits -------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* border ------------------------------------- */

#container, #header, #footer, #content, #sidebar {border: 2px solid rgba(0,0,0,0.5);
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements */}

/* border-radius, box-shadow, transitions --------- */

#header, #footer, #content, #sidebar {
 /* border-radius */
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 /* box-shadow */
 -webkit-box-shadow: rgba(0,0,0,0.2) 2px 3px 6px;
 -moz-box-shadow: rgba(0,0,0,0.2) 2px 3px 6px;
 box-shadow: rgba(0,0,0,0.2) 2px 3px 6px;
/* transitions */
-webkit-transition:all 1s ease-in;  
-moz-transition:all 1s ease-in;  
-o-transition:all 1s ease-in;  
transition:all 1s ease-in;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements */}

/* hovers ------------------------------------- */

#header:hover, #footer:hover, #content:hover, #sidebar:hover { /* border: 2px solid rgba(0,0,0,0.8); */ }

/* background ------------------------------------- */

#header, #footer, #content, #sidebar {background: rgba(86,93,101,0.7);}

/* -------------------------------------------------------------------------- */
/* solo --------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* container ---------------------------------------------------------------- */

#container {
width: 950px;
margin: 0 auto 20px;
padding:15px;
background: rgba(0,0,0,0.3); 
color:#000;
overflow: hidden;
/* border-radius */
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements */
}

/* header ---------------------------------------------------------------- */
	
#header, #footer {
width: 948px;
clear:both; 
margin-bottom: 15px;
}

#header h1 {font:normal 48pt arial, sans-serif; padding:20px 0 20px 16px; margin:0;}

#header h1 a {text-decoration: none; text-shadow: 1px 1px 3px #777; color:#000;}

	#header h1 a:hover {color:#29414f; text-shadow: 1px 1px 3px #999;}

#header h2 {font-size:16px; text-align:right; margin: -30px 20px 0px 0; padding:10px; color:#000;}

/* main menu ---------------------------------------------------------------- */

ul#menu-pages, ul#menu-categories {background:none; font-size: 12pt; width:760px; overflow:hidden; margin:8px 0 0 0; padding:0;}
	ul#menu-pages li, ul#menu-categories li {list-style-type: none; float:left; margin: 0; padding: 0;}
		ul#menu-pages li a, ul#menu-categories li a {padding:4px 10px; margin: 0; color: #bbb; display:block; text-decoration: none; font-weight:700; text-shadow: 1px 1px 3px #444;}
		ul#menu-pages li a:hover, ul#menu-categories li a:hover {color:#a1d60e; text-decoration: none; background:none; text-shadow: 1px 1px 3px #666;}

ul#menu-categories {margin-top:0; margin-bottom:10px;}

/* content ---------------------------------------------------------------- */

#content {
 float:left;
 width:700px;
 overflow: hidden;
 margin:14px 0;
 padding:20px;
}

.post {margin:0; padding:0; line-height: 14pt;}
	
.post h2 {}
	
.post h2 a {}
	
.post h2 a:hover {}

.post ul {}

.post li {}

.entry p {margin:12px 0;}

.postmetadata {clear: both; background:rgba(25,25,25,0.2); padding:6px; margin: 20px 0;}
	
.navigation {font-size:8pt; width:100%; float:left; margin:0; padding:0; overflow:hidden;}

/* sidebar ---------------------------------------------------------------- */

#sidebar {
 width:170px;
 float:right;
 margin:14px 0;
 padding:10px;
}

#sidebar h2 {font-size:14px;}

#sidebar label {}

#sidebar p {margin:0; padding: 0 6px 0 12px;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {margin:12px; padding:0;}

#sidebar ul li {margin: 0; padding: 0; line-height: 14pt; list-style-type: none;}

#sidebar ul ul {margin:14px 0; padding:0;}

#sidebar ul ul li {list-style-type: none;}

#sidebar ul ul ul {margin: 0; padding: 0;}

#sidebar ul ul ul li {padding: 0 0 0 15px; list-style-type: square; color: #898989;}

/* comments ---------------------------------------------------------------- */

#commentform {background:rgba(25,25,25,0.2); margin:0; padding:0;}
	
#commentform p {color: #000;}
	
#commentform a {}
	
#commentform h3 {font-family: georgia, times, verdana; font-size: 10pt; font-weight: 300; color: #000; margin:0; padding:0;}
	
#author, #email, #url, #comment, #submit {
 background:rgba(25,25,25,0.1);
 font-family: verdana, arial, times;
 font-size: 8pt;
 margin:5px 5px 0 0;
 padding:0;
 border: 1px solid #000;
}

#comment {width:98%; margin: 0 auto;}

#comment:hover, #submit:hover {background:#fff;}
	
#submit {margin:3px auto;}

#comments {margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar {float:left; margin:0 12px 0 0;}

ol.commentlist li {background: #fff; margin:10px 0; padding:5px 0 5px 10px;list-style-type:none;}
ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}
ol.commentlist a {color:#000;}

cite {font-family: arial, verdana, tahoma; font-size: 9pt; font-weight: bold; font-style: normal;}
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* search ---------------------------------------------------------------- */

#searchform {padding:0; margin:14px 0;}

#searchform input#s {margin:0; padding:2px; border:1px solid #000;}

#searchform input#searchsubmit {border:none; background:#333; color:#fff; text-transform:lowercase;}

/* alignment ---------------------------------------------------------------- */

.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}
.alignright {float: right;}
.alignleft {float: left}

/* captions ---------------------------------------------------------------- */

.wp-caption {
 border: 1px solid #ddd;
 text-align: center;
 background-color: #f3f3f3;
 padding-top: 4px;
 margin: 10px;
 /* rounded */
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

iframe {border: none;}

/* footer ---------------------------------------------------------------- */

#footer {margin-bottom: 0;} /* see header ---------- */
	
#footer p{padding:14px 0;margin: 0; text-align:center; color:#111;}

/* buttons ---------------------------------------------------------------- */
/* http://inspectelement.com/demos/css3/realism/buttons.html */
	
/* CSS3 Buttons */
button { cursor: pointer; }

button.one {
margin: 0 10px;
width: 125px;
height: 50px;
    color: #f1f1f1;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    font-family: Arial, Verdana, sans-serif;
    line-height: 1;
padding: 0px 15px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.13, #2a2a2a),
color-stop(0.72, #696969)
);
background: -moz-linear-gradient(
center bottom,
#2a2a2a 13%,
#696969 62%
);
background-color: #696969;
-moz-box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 3px;
border: 1px solid rgba(0, 0, 0, 0.6);
margin-bottom: 20px;
}

button.one:hover {color:white;}

button.one:active {
-webkit-transform: scale(0.97);
-moz-transform: scale(0.97);
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.13, #696969),
    color-stop(0.72, #2a2a2a)
);
background: -moz-linear-gradient(
    center bottom,
    #696969 13%,
    #2a2a2a 62%
);
}

/* slidedeck mods --------------------------------- */

a#SlideDeck_Bug {display:none !important;}
