/*

Theme Name: Responsive Template

Author: X

Author URI: http://www.X.com/

Description: X

Version: 1.0

*/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);


body {
	margin: 0;
	font-family: 'Droid Sans', sans-serif;
	text-align: center;
	color: #000000;
	font-size: 12px;
	/*background-image: url(http://milfs30.com/ticks.png);*/
}



h1, h2, h3, ul, ul li { margin: 0; padding: 0; }



ul li { list-style: none; }



a {
	color: #990000;
	text-decoration: none;
	font-weight: 800;
}

a:hover { text-decoration: none; }

a img { border: 0; }



:focus { outline: 0; }



.clear { clear: both; }



.header {
	width: 1247px;
	height: 72px;
	margin: auto;
	text-align: left;
}



.header .logo { margin: 14px 0 0 0; float: left; }

.header .info { height: 43px; float: left; margin: 18px 0 0 0; text-align: left; }

.header .info h1 {
	font-size: 36px;
	font-weight: 800;
	text-decoration: none;
	color: #990000;
	line-height: 20px;
}

.header .info p { margin: 6px 0; }

.header .user-bar { width: 306px; margin: 18px 0 0 0; float: right; }

.header .user-bar form { width: 306px; height: 26px; margin: 0 0 6px 0; }

.header .user-bar form .search-form { width: 240px; height: 25px; float: left; margin: 1px 2px 0 0; border: 1px solid #E1E1E1; background:#FFF; padding: 0 0 0 4px; line-height: 25px; -moz-border-radius: 4px;border-radius: 4px; }

.header .user-bar form .search-button { width: 56px; height: 27px; float: left; border: 0; background: #990000; cursor: pointer; margin-top: 1px;-moz-border-radius: 4px;border-radius: 4px; color:#FFF; font-weight:bold;}

.header .user-bar .user-login { width: 50%; *width: 49%; float: left; font-size: 9px; }

.header .user-bar .rss-feed { width: 50%; *width: 49%; float: left; font-size: 9px; text-align: right; }



.navigation {
	width: 1247px;
	height: 38px;
	background:#F9F9F9;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.navigation ul { margin: 0 0 0 2px; }

.navigation ul li { height: 38px; margin: 0 3px 0 0; padding: 0 22px 0 20px; line-height: 38px; font-weight: bold; font-size: 14px; float: left; background:#EFEFEF; }

.navigation ul li:hover {background: #EFEFEF;}

.navigation ul li a { color: #990000; text-decoration: none;  }

.navigation ul li a:hover { text-decoration: underline; }



/* Some code from this tutorial http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html */



.navigation ul.menu li { position: relative; }

.navigation ul.menu li span { color: #ffffff; text-shadow: 1px 1px #000000; }

.navigation ul.menu li span.subhover { cursor: pointer; }

.navigation ul.menu li ul.sub-menu { position: absolute; left: -1px; top: 38px; display: none; padding: 0; margin: 0; }

.navigation ul.menu li ul.sub-menu li { width: 186px; height: 27px; line-height: 27px; text-indent: 14px; font-size: 12px; font-weight: normal; background: #b9d3e0; text-align: left; padding: 0; margin: 0; border-left: 1px solid #a5bcc7; border-right: 1px solid #a5bcc7; }

.navigation ul.menu li ul.sub-menu li a { color: #016f8c; text-decoration: underline; text-shadow: 0px 0px; }

.navigation ul.menu li ul.sub-menu li a:hover { color: #f37703; text-decoration: none; }



/* End of code from tutorial */



.main {
	width: 1247px;
	margin: auto;
	text-align: left;
}



.content {
	width: 100%;
	float: left;
}

.posts {
	/*margin: 0 -20px;*/

}

.posts .page-title { margin: 1px 0 14px 2px; font-size: 16px; font-weight: bold; }

.posts .post-title {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	padding-bottom: 5px;
}

.posts .post-date { margin: 0 0 14px 2px; font-size: 11px; font-style: italic; }

.posts .post { width: 230px; height: auto; float: left; margin: 0 2px 8px 2px; }

.posts .post a img { width: 230px; height: auto; display: block; border: 2px solid #E9E9E9; -moz-border-radius: 4px;border-radius: 4px; }

.posts .post a:hover img { -moz-box-shadow: 1px 1px 4px #666;	-webkit-box-shadow: 1px 1px 4px #666;	box-shadow: 1px 1px 4px #666;}

.posts .post .link { width: 184px; height: 15px; display: block; overflow: hidden; }

.posts .post span { font-size: 11px; width: 184px; height: 14px; display: block; overflow: hidden; }

.posts .post span a { color: #f37703; } 



.sidebar { width: 186px; float: left; }

.sidebar h3 { width: 186px; height: 34px; margin: 10px 0 0 0; font-size: 16px; text-transform: uppercase; text-indent: 10px; line-height: 34px; color: #000; background: #F9F9F9; }

.sidebar h3 .rsswidget { color: #ffffff; text-decoration: none; text-shadow: 1px 1px #000000; }

.sidebar ul li .rsswidget { width: 184px; height: 27px; line-height: 24px; display: block; overflow: hidden; }

.sidebar ul li .rss-date { width: 184px; line-height: 16px; display: block; background-color: #F9F9F9; text-indent: 14px; font-size: 11px; font-style: italic; }

.sidebar ul li .rssSummary { width: 164px; padding: 0 10px 10px 10px; text-indent: 0; line-height: 16px; }

.sidebar ul li { width: 184px; line-height: 27px; text-indent: 14px; background: #F9F9F9; border:0; }

.sidebar ul li a { font-size: 12px; font-weight: normal; }

.sidebar ul li.cat-item a { font-size: 14px; font-weight: bold; }

.sidebar ul li.cat-item a:hover { color: #f37703; }

.sidebar ul li.cat-item ul li { width: 184px; height: 27px; line-height: 27px; text-indent: 24px; background: #b9d3e0 url(images/menu-bg.png) repeat-x left top; border: 0; }

.sidebar ul li.cat-item ul li a { font-size: 12px; font-weight: normal; }

.sidebar div { width: 184px; border-top: 0; background-color: #F9F9F9; }

.sidebar div.clear { border: 0; }

.sidebar div p { padding: 10px; margin: 0; }

.sidebar div p a { color: #a8e31c; }

.sidebar select { width: 158px; }

.sidebar .tagcloud { width: 164px; padding: 10px; } 

.sidebar #wp-calendar { width: 164px; text-align: center; }

.sidebar .searchform div { width: 164px; background: #FFF;}

.sidebar .searchform #s { width: 133px; line-height: 27px; }

.sidebar #recentcomments ul li { font-size: 12px; font-weight: normal; }



#wp-calendar { margin: 0 10px 10px 10px; }



.searchform div { padding: 10px; }

.searchform div #s { height: 27px; float: left; border: 1px solid #E1E1E1;padding: 0 0 0 4px; }

.searchform div #searchsubmit { width: 25px; height: 29px; float: left; border: 0; background: #990000; cursor: pointer; -moz-border-radius: 4px;border-radius: 4px;}



.adsbar { width: 306px; float: left; }

.adsbar h3 { width: 306px; height: 36px; margin: 10px 0 0 0; font-size: 16px; text-transform: uppercase; text-indent: 10px; line-height: 36px; color: #000; background: #F9F9F9;}

.adsbar h3 .rsswidget { color: #000; text-decoration: none; }

.adsbar ul li .rsswidget { width: 304px; height: 27px; display: block; overflow: hidden; }

.adsbar ul li .rss-date { width: 304px; line-height: 16px; display: block; background-color: #F9F9F9; text-indent: 14px; font-size: 11px; font-style: italic; }

.adsbar ul li .rssSummary { width: 284px; padding: 0 10px 10px 10px; text-indent: 0; line-height: 16px; }

.adsbar ul li { width: 304px; line-height: 27px; text-indent: 14px; background: #F9F9F9; }

.adsbar ul li a { font-size: 12px; font-weight: normal; }

.adsbar ul li.cat-item a { font-size: 14px; font-weight: bold; }

.adsbar ul li.cat-item ul li { width: 304px; height: 27px; line-height: 27px; text-indent: 24px; background: #b9d3e0; border: 0; }

.adsbar ul li.cat-item ul li a { font-size: 12px; font-weight: normal; }

.adsbar ul li a:hover { color: #f37703; }

.adsbar .ad300x250 { width: 300px; height: 250px; background-color: #000000; border: 3px solid #f37703; border-top: 0; }

.adsbar .adfirst { border-top: 3px solid #f37703; }

.adsbar div { width: 304px; background-color: #F9F9F9; }

.adsbar div.clear { border: 0; }

.adsbar div p { padding: 10px; margin: 0; }

.adsbar div p a { color: #a8e31c; }

.adsbar div .block-inner { width: 284px; margin: 0 10px; }

.adsbar .tagcloud { width: 284px; padding: 10px; } 

.adsbar .tagcloud a { font-weight: bold; }

.adsbar #wp-calendar { width: 284px; text-align: center; }

.adsbar .searchform div { width: 284px; }

.adsbar .searchform #s { width: 253px; line-height: 27px; }

.adsbar #recentcomments ul li { font-size: 12px; font-weight: normal; }



.footer { width: 100%; margin: 20px auto 0 auto; background: #990000; text-align: center; overflow:hidden; }

.footer p { width: 1254px; margin: 0 auto; padding: 10px 0; text-align: center; color: #ffffff; }

.footer p a { color: #ffffff; text-decoration: none; }

.footer-links { width: 1254px; margin: 0 auto; padding: 10px 0; text-align: center; color: #ffffff; }

.single-post embed, .single-post object { background-color: #000000; }

.single-post p { width: 750px; text-align: left; }

.single-post .video-category { width: 300px; float: left; margin: 0 0 10px 0; text-align: left; color:#666;}

.single-post .video-tags { width: 450px; float: left; margin: 0 0 10px 0; text-align: right; }

.single-post img { border: 2px solid #E9E9E9; -moz-border-radius: 3px;border-radius: 4px;}

.single-post a:hover img {-moz-box-shadow: 1px 1px 4px #666;	-webkit-box-shadow: 1px 1px 4px #666;	box-shadow: 1px 1px 4px #666;} 

.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 { margin: 10px 0; }

.single-post ul, .single-post ol { margin: 20px; padding: 0; }

.single-post ul li, .single-post ol li { margin: 0 20px; padding: 0; }

.single-post ul li { list-style: disc; }

.single-post blockquote { width: 730px; padding: 10px; margin: 0; background-color: #b9d3e0; font-style: italic; }

.single-post blockquote p { margin: 0; }

.single-post .attachment-image {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.single-post .attachment-image img { max-width: 100%; }

.single-post .previous-link {
	width: 33%;
	float: left;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.single-post .next-link {
	width: 33%;
	float: left;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

.single-post .back-to-gallery {
	width: 33%;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}



.post-comments { width: 750px; margin: 10px 0; }

.post-comments .total-comments { float: left; font-size: 12px; line-height: 20px; color:#666;}

.post-comments .comment-link { float: right; display: block; cursor: pointer; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: underline; line-height: 18px; }

.post-comments .comment-link img { border: 0 !important; }



.add-comment { width: 336px; padding: 20px; background-color: #f1f1f1; text-align: left; display: none; z-index: 10000; -moz-box-shadow: 0 0 10px 5px #016f8c; -webkit-box-shadow: 0 0 10px #016f8c; border: 1px solid #a5bcc7; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;}

.add-comment p { width: 336px !important; margin: 0 0 10px 0; font-size: 11px; }

.add-comment .input-text { width: 332px; height: 29px; margin: 0 0 20px 0; padding: 0 0 0 4px; border: 0; background: url(images/input-text.png) no-repeat left top; font-family: 'Droid Sans', sans-serif; line-height: 29px; }

.add-comment .input-textarea { width: 332px; height: 196px; margin: 0 0 20px 0; padding: 4px 0 0 4px; border: 0; font-family: 'Droid Sans', sans-serif; background:#FFF;}

.add-comment .input-submit { width: 167px; height: 33px; border: 0; background: url(images/add-comment.png) no-repeat left top; cursor: pointer; margin: auto; }

.add-comment .close { background-image:url(images/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 28px; width: 28px; }



.comment-list { width: 750px; margin: 0 !important; padding: 0 !important; list-style: none !important; }

.comment-list li { width: 730px; padding: 10px !important; margin: 0 0 8px 0 !important; background-color: #b9d3e0; }

.comment-list li.alt { background-color: #bed9e6; }

.comment-list .avatar { float: left; margin: 0 10px 0 0; border: 2px solid #016f8c; }

.comment-list .comment-author { float: left; }

.comment-list .comment-author em { font-size: 10px; text-transform: lowercase; font-weight: normal; font-style: italic; }

.comment-list .comment-data { float: right; text-align: right; font-size: 10px; font-weight: normal; font-style: italic; }

.comment-list p { float: left; width: 652px; }



.comments-paginator { text-align: center; font-size: 14px; }

.comments-paginator a { margin: 0 4px; }



.paginator { width: 700px; margin: 20px 25px; }

.paginator span, .paginator a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 10px 5px 10px; text-decoration: none; width: auto; background: #f1f1f1; }

.paginator a:hover { color: #ffffff; background: #990000; }

.paginator .current { padding: 6px 10px 5px 10px; background: #990000; color: #ffffff; }



/* WordPress core */



.alignnone { margin: 0 3px 3px 0; }

.aligncenter, div.aligncenter { display:block; margin: 3px auto 3px auto; }

.alignright { float:right; margin: 0 0 3px 3px; }

.alignleft { float:left; margin: 0 3px 3px 0; }

.aligncenter { display: block; margin: 3px auto 3px auto; }

a img.alignright { float:right; margin: 0 0 3px 3px; }

a img.alignnone { margin: 0 3px 3px 0; }

a img.alignleft { float:left; margin: 0 3px 3px 0; }

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

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone { margin: 0 3px 3px 0; }

.wp-caption.alignleft { margin: 0 3px 3px 0; }

.wp-caption.alignright { margin: 0 0 3px 3px; }

.wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; }

.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }



.gallery { margin: auto; }

.gallery .gallery-item {
	margin: 2px;
	text-align: center;
	float: left;
}

.gallery .gallery-item img { width: 230px; height: 300px; }

.gallery .gallery-item .gallery-icon { margin: 0; padding: 0; }

.gallery .gallery-caption { margin-left: 0; }

.gallery br { font-size: 1px; }



/* End of Wordpress core */



/* Some fixes for ie6 */



.content, .sidebar, .adsbar, .comment-list, .comment-list li { *margin: 0 !important; *padding: 0 !important; }



.posts { *margin: 14px 0px; }



.posts .post { *margin: 0 2px 6px 0; }



.single-post .video-category { *width: 300px; }



.single-post .video-tags { *width: 430px; }



.comment-list, .single-post embed, .single-post object, .single-post p, .post-comments { *width: 730px !important; }



.comment-list li { *width: 710px !important; *margin: 0 0 10px 0 !important; *padding: 10px 0 10px 10px !important; }



.gallery .gallery-item { *margin: 1px; }



/* End of ie6 fixes */

/* additional custom css here*/

a{
    text-decoration: none;
    line-height: 20px;
    transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
}
a:focus{
    outline: none;
    border: none;
}
img{
	max-width: 100%;
	height: auto;
}
.header{
	height: 90px;
}
.header .user-bar form .search-button{
		-webkit-appearance: none;  
		-moz-appearance: none;
}
.social-icons{
	text-align: right;
}

.posts {
    font-size: 0;
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.posts .post {
    display: inline-block;
    float: none;
    font-size: 12px;
    height: auto;
    margin: 1% 0.5%;
    vertical-align: top;
    width: 19%;
}
.paginator span, .paginator a {
    background: none repeat scroll 0 0 rgb(241, 241, 241);
    display: block;
    float: left;
    line-height: 20px;
    font-size: 12px;
    margin: 2px 2px 2px 0;
    padding: 6px 10px 5px;
    text-decoration: none;
    width: auto;
}

.posts .post a img{
	height: auto;
}
.posts .post .link, .posts .post span{
	height: auto;
	width: 96%;
}
.posts .single-post .gallery-item{
	margin: 0.5%;
    width: 19%;
}
.gallery .gallery-item img { height: auto; }

.exo {
	width:25%;
	float:left;
	padding-top:10px; 
	padding-bottom:10px;
}

/*.ra1-pw-popup.pw-popup-type_simplelist {
    -moz-box-sizing: border-box;
    -webkit--moz-box-sizing: border-box;
    -o--moz-box-sizing: border-box;
    -ms--moz-box-sizing: border-box;
    left: 0 !important;
    width: 96% !important;
}
.ra1-pw-popup-i{
	width: 90% !important;
}
.ra1-pw-popup{
	background: none !important;
}*/
/*----------- for responsive view ----------------------------------------------------*/
@media(max-width: 1024px){
	.header, .navigation, .social-icons, .main, .footer, .footer p{
		max-width: 96% !important;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 -webkit-box-sizing: border-box;
		 -o-box-sizing: border-box;
		 -ms-box-sizing: border-box;
	}
}
/*------------------------------------------------------------------------------------------------------------------------*/
@media(min-width:768px) and (max-width: 1023px){
    
}
/*------------------------------------------------------------------------------------------------------------------------*/

@media(max-width:767px){

	.header .info h1 {
		font-size: 24px;
	}
	.navigation {
	    clear: both;
	    display: inline-block;
	    margin: 15px 0;
	}
	.header .user-bar {
	    width: 100%;
	}
	.header .user-bar form {
	    width: 100%;
	}
	.header .user-bar form .search-form {
	    width: 73%;
	}

	.header .user-bar form .search-button {
	    width: 23%;
	}
	.header .user-bar .rss-feed {
	    width: 48%;
	}
	.social-icons {
	    display: inline-block;
	    text-align: center;
	}
	.posts .post, .single-post{
		width: 100%;
		text-align: center;
		overflow: hidden;
	}

	.posts .post a {
	    display: inline-block;
	    text-align: center;
	}
	.gallery .gallery-item {
    	float: none;
	}
	.posts .post .link, .posts .post span {
	    width: 96%;

	}
	.gallery .gallery-item img{
		height: auto;
	}
	.single-post .gallery-item{

    	width: 100% !important;
    	margin: 0.5% 0 !important;
	}
}
/*------------------------------------------------------------------------------------------------------------------------*/
@media(max-width:479px){

}
/*------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 319px){
.social-icons {
    	text-align: left;
	}
.exo { 
	float:left;
	padding-top:10px; 
	padding-bottom:10px;
}
}
@media(max-width:1025px){
.footer-links{width:980px;}
.footer-links .exo.span_c4{width:33%; display:inline-block;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  -o-box-sizing: border-box; -ms-box-sizing: border-box;}
}
@media(max-width:980px){
.footer-links{width:auto;}
.footer-links .exo.span_c4{
	width:auto;max-width: 96% !important;float:none; clear:both; display:inline-block;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  -o-box-sizing: border-box; -ms-box-sizing: border-box;
} 
}