/*
Theme Name: Datadial Blog-o-matic
Theme URI: http://www.datadial.net/
Description: WordPress Theme by Datadial
Version: 1.0
Author: Steffan Luczyn
Author URI: http://www.datadial.net/
*/

/* USE THIS STYLESHEET FOR ANY CLIENT SPECIFIC STYLING */


#content.blogframe .packagepage {
	background:#fff;
	min-height:0;
}


#searchform {
	height:30px;
}
#searchform #s {
	font-size:18px;
	height:25px;
	width:220px;
	float:left;
}


h1 strong {
	font-weight:normal;
	color:#4B6176;
	font-family:inherit;
}
.maintitle {
	text-align:right;
	margin:0;
	color:#4c5763;
	background:#fff;
	padding:10px 0;
	text-transform:uppercase;
	border-bottom:1px solid #4c5763;
	font-weight:600;
}
h2 {
    border:none;
    color: #E8AA00;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.post h2 {
	border:none;
}
.post h2 a {
    color: #E8AA00;
	text-decoration:none;
}

.post h2 a:hover, #blogintro .post a.viewlink:hover {
	color:#666;
}
.entry {
    border-top: 1px solid #DEDACE;
    clear: both;
    padding-top: 12px;
	border-bottom: 1px solid #DEDACE;
}


#blogintro .post{
	display:block;
	border-top:2px solid #DEDACE;
	margin-bottom:20px;
	padding:10px 20px;
	background-color:#f3f2f0;
	position:relative;
}

#blogintro .post a.viewlink{
	text-align:right;
	display:block;
	color: #E8AA00;
	text-decoration:none;
	font-size:18px;
	font-family: Cambria,"Times New Roman",Times,serif;
}
p.datetime {
	background-color:#f3f2f0;
	display:inline-block;
	vertical-align:top;
	padding:10px 20px;
	position:absolute;
	top:-40px;
	right:0;
	color:#728294;
}
#blogintro .entry {

}
#blogintro #featimg {
	position:relative;
	border:none;
}
#blogintro #featimg img{
	position:relative;
	width: 100%;
	height:auto;
}
.avatar {
	display:none;
}



#sidebar h2 {
	border:none;
	padding:0;
	color:#728294;
	font-size:18px;
	margin:10px 0 15px 0;
}

#sidebar a {
	text-decoration:none;
	font-weight:normal;
	color:#4B6176;
}

#sidebar ul ul li, #sidebar ul ol li {
    border-bottom: 1px dashed #ccc;
    font-weight: bold;
    margin: 0;
    padding: 4px 0;
}
#sidebar ul ul li a, #sidebar ul ol li a {
	padding:4px;
	display:block;
}
.paging {
    border-top: medium double #DEDACE;
    clear: both;
    font-weight: bold;
    padding-top: 12px;
}
.post ul, .post ol {
	padding:5px 0 5px 15px;
}
.post ul li, .post ol li {
	padding:5px 0;

}

#blogsearch {
	display: block;
	margin: -15px 0 20px;
}
#blogsearch input {
	line-height: 30px;
	padding: 0 10px;
}
#blogsearch input[type="text"]{
	width:200px;
}

@media only screen and (min-width: 768px) {
	
}
@media only screen and (min-width: 1024px) {
	#content.blogframe #main {
		width:600px;
		margin:0 50px 20px 0;
	}
	#content.blogframe #side {
		width:250px;
		padding:340px 20px 20px;
	}
	#content.blogframe #main #rotatedPhotoWrap {
		left:-326px;
	}
	#content.blogframe .packagepage {
		/*min-height:100px;
		padding:100px 20px 20px 0;*/
		padding:0;
		margin:0 0 20px 0;
	}
	#blogsearch {
		display: block;
		margin: -65px 0 30px;
	}
}
@media only screen and (max-width: 1023px) {
	#content.blogframe .packagepage {
		padding:0;
		margin:0 0 30px 0;
	}
	#content.blogframe #main {
		width:68%;
		float:right;
		display:inline-block;
		vertical-align:top;
		margin:0;
		position:initial;
	}
	#content.blogframe #side {
		width:28%;
		display:inline-block;
		vertical-align:top;
		margin:0;
		padding:320px 10px 20px;
	}
	#content.blogframe #main #rotatedPhotoWrap {
		left:1px;
		top:1px;
	}
	#side #signupbox input[type="text"], #side #signupbox .buttonFloatRight {
		display:block;
		width:100%;
		margin:5px 0 0 0;
	}
}
@media only screen and (max-width: 767px) {
	#content.blogframe .packagepage {
		padding:0;
		margin:190px 0 60px 0;
	}
	#content.blogframe #main, #content.blogframe #side {
		width:98%;
		float:none;
		display:block;
		margin:0 auto 20px;
		position:initial;
		padding:0;
	}
	#sidebar ul {
		text-align:justify;
		width:100%;
	}
	#sidebar ul:after {
		content: "";
		width: 100%;
		display: inline-block;
	}
	#sidebar ul ul li {
		text-align:left;
		display:inline-block;
		vertical-align:top;
		width:48%;
		border:1px solid #e6e5e6;
		margin:0 0 5px 0;
	}
	#sidebar ul ul li a {
		padding:6px;
		display:block;
	}
}
@media only screen and (max-width: 599px) {

}
@media only screen and (max-width: 479px){ 
	
    #content.blogframe #main #rotatedPhotoWrap {
        height: 210px;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 0;
        margin-bottom: -20px;
        display: block;
    }
    #content.blogframe #main #rotatedPhotoWrap #rotatedPhotoOne {
        top: 30px;
        right: auto;
    }
    #content.blogframe #main #rotatedPhotoWrap #rotatedPhotoTwo {
        top: -15px;
        right: 10px;
    }
	#content.blogframe .packagepage {
		margin:250 0 20px 0;
	}
	/*.maintitle {
		z-index:500;
		position:absolute;
		right:18px;
		font-size:18px;
		top:170px;
	}*/
}