/* 
THEME NAME: Gallope - Premium Wordpress Theme
THEME URI: http://www.bleepli.com
DESCRIPTION: Magazine Styled Wordpress Theme, with three featured sections, 3 unique styles & alot more...!
VERSION: 1.1 
AUTHOR: Musab Zain
AUTHOR URI: http://www.musabzain.com
*/


*{
 outline:none;
 }

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,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;
 }


/* =Basic HTML
--------------------------------------------------------------------------------*/

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1
{
	font-size: 28px; 
}

h2
{
	font-size: 24px;
}

h3
{
	font-size: 22px;
}

h4
{
	font-size: 19px;
}

h5
{
	font-size: 17px;
}

h6
{
	font-size: 15px;
}

/* =Spacing
--------------------------------------------------------------------------------*/


*+html ol
{
	list-style: decimal;margin-left:30px; line-height:170%; font-size:15px;
}

*html ol
{
	list-style: decimal; margin-left:30px; line-height:170%; font-size:15px;
}

ol
{
	list-style: decimal; font-size:15px;
}


ul
{
	list-style: none; font-size:15px;
}


*+html ul
{
	list-style: square; margin-left:20px; line-height:170%; font-size:15px;
}

*html ul
{
	list-style: square; margin-left:20px; line-height:170%; font-size:15px;
}


p,
dl,
hr,
h1,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 15px;
}






body{background:#d9d9bf; }

#wrapper{margin:30px auto; width:1020px;}

/*--------- HEADER -----------*/

#header {height:100px;}
#logo{float:left;width:400px;height:90px; margin-bottom:20px;}
#slogan{color:#000;font-size:16px;}

#header #search {padding:40px 50px; width:34%; float:right; height:40px;}
#header #search .search{border:1px solid #000; float:right;}
#header #search .searchbox {color:#000; border:1px solid #111; margin: 0; width:100%;  font-size:18px; height:35px;}


/*--------- NAV -----------*/
#navbar {height:50px; margin-bottom:20px;}
#nav {//background:#eee; float:left; height: 40px; width:770px; background:#98987c; }
/* Navigation first level */
.nav li{
margin:0 15px 0 0;
}

.nav .navstyle{;
font-size:17px;
line-height:38px;
}
.nav li a{text-decoration:none; 
font-size:15px;
}
.nav li a:hover{background:#b3b396;}

/* Navigation Second level (sub-menu) */
.nav ul {
float: left;
position: relative;
text-transform:none;
}

.nav ul li {
float: left;
position: relative;
margin:0;
}

.nav ul li:hover ul ul,
.nav ul li:hover ul ul ul,
.nav ul li:hover ul ul ul ul{
display:none;
}

.nav ul li:hover ul,
.nav ul li li:hover ul,
.nav ul li li li:hover ul,
.nav ul li li li li:hover ul{
display:block;
}

.nav ul li a {
padding: 0px 15px;
line-height: 40px;
color: #fff;
display: block;
}

.nav ul li a:hover {color:#222;display: block;
text-decoration: none;
}

.nav ul li ul {
width: 160px;
background: none;
position:absolute;
top: 35px;
left:0px;
display: none;
}

.nav ul li ul li {z-index:999;
background:#98987c;
}

.nav ul li ul li a{display: block;
width: 160px;
height:auto;
float:left;
border-top: 1px solid #353535;
}

.nav ul li ul li a:hover{display: block;}

/* Navigation 3rd level (sub-sub-menu) */
.nav ul li ul li ul {
top: 0px;
left: 170px;
}


/*---------Search -----------*/
#search { margin-top:12px; width:24%; float:right; height:40px;}
#search .search{border:1px solid #000; float:right;}
#search .searchbox {color:#000; border:1px solid #111; margin: 0; width:100%;  font-size:18px; height:35px;}

/*--------- FRONT CONTENT -----------*/
#content .contentleft {color:#222; width:460px; float:left;}

*+html #content .contentleft {width:460px; margin-left:-10px;}
*+html #content .frame {margin-right:20px;}

#content .contentleft p{padding-left:5px;}
#content .contentleft li{float:left; display:inline; margin:0 30px 15px 0;}
#content .frame {background: #fff;width:210px; height:115px; margin-bottom:10px; padding:8px 0 4px 10px;}
#content .frame:hover {background: #ccc;}
#content .contentleft h2 a{text-decoration:none; font-size:14px; color:#222; margin-top:20px; }
#content .contentleft h2 a:hover {color:#232ca0;}
#content .comments a{float:right; text-decoration:none; color:#222;}
#content .fmeta a{font-size:11px;padding-left:5px; text-decoration:none; color:#aaa;}
#content .fmeta a:hover, #content .comments a:hover{text-decoration:underline;}

*+html #content .contentleft li{float:left; display:inline; margin:0 5px 5px 0;}


.bottom {width:98%;}
.bottom a {font-size:16px; font-weight:bold; color:#444;text-decoration:none}
.bottom a:hover{color:#000;text-decoration:underline;}
.bottom li {list-style:none;}

/*--------- POST CONTENT -----------*/
#post .contentleftwrap {width:670px; float:left; }
#post .contentleft {padding:10px 20px;  background:#fff; width:630px; float:left; }
#post .contentleft, #post .contentleft p{color:#444;}
#post .contentleft h2{font-weight:bold; color:#000;font-size:36px; margin-bottom:10px;}
#post .contentleft ol{list-style:decimal; padding-left:15px; line-height:160%; }
#post .contentleft ul{list-style:circle; padding-left:15px; line-height:160%; }
#post .meta, #post .meta a{font-size:13px; margin-top:10px; color:#222;text-decoration:none;font-style:italic;}
#post .meta a:hover{text-decoration:underline;}


blockquote{border-left:5px solid #888; margin-left:15px;padding:0 10px;width:90%;}

.alignleft{padding: 0;float: left;margin: 2px 5px 5px 0;}
.alignright{padding: 4px;float: right;margin: 10px 0 0 10px;}
.center{padding: 4px;display: block;margin: 5px auto;clear: both;}

.wp-caption { border: 1px solid #ccc; text-align: center;  background-color: #DCDCDC; margin: 10px; -moz-border-radius: 1px; -khtml-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
.wp-caption img { margin: 0; padding-top:5px; border: 0 none; background-color: #DCDCDC;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 5px 3px 5px; margin: 0; font-style: italic; }

/*-------- BOOKMARKING ICONS --------*/

#socialicons ul { margin:0; list-style: none; }

#socialicons {
color: #4c4d50;
float: left;
padding: 0 0 3px;
width: 100%;
color: #4c4d50;
font-family: Gerogia, arial, "lucida console", sans-serif;
text-transform: uppercase; }

#socialicons img {
margin-right: 5px;
padding-bottom: 3px; }

#socialicons ul {padding: 3px 0 0 0px; }

#socialicons li {font-size:9px;
border: none;
display: inline;
float: left;
padding-right: 10px; }

#socialicons  a {
border-bottom: none;
color: #4c4d50;
text-decoration: none; }

#socialicons  a:hover {
border-bottom: none;
color: #030a1f; }

#socialicons  img {
border: none;
vertical-align: middle; }


.social a  {margin:10px 0;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.9em;
	padding: 2px 0 2px 15px !important;}

.social:hover {text-decoration:none;}

/*--------- RELATED POSTS -----------*/

.related li{float:left; display:inline; }
.related .frame {width:300px; height:140px;  margin-top:10px; }
.related h2 a{background:#435ea4; text-decoration:none; padding:10px; font-size:12px; color:#fff; font-weight:bold; }
.related h2 a:hover {background:#4395a4;}
.related h3{font-size:28px;font-weight:bold;}

/*--------- LEFT SIDEBAR ------------------*/

.leftsidebar {width:230px; float:left; background:#c1c1a5; margin-right:20px;border:1px solid #98987c;}
.leftsidebar li{margin:10px;}

.leftsidebar li a{text-decoration:none;color:#444;}
.leftsidebar li a:hover{color:#000; text-decoration:underline;}

/*--------- SIDEBAR ------------------*/

.sidebar {width:300px; float:right; }
.sidebar a{font-size:13px; text-decoration:none;}
.sidebar a:hover{color:#555; text-decoration:underline;}

.sidebar .widget {color:#222; padding:0; margin:20px 0;}

.sidebar .widget a {text-decoration:none; color:#222;}
.sidebar .widget a:hover {text-decoration:none; color:#222;}
.sidebar .widget h3{border:1px solid #98987c; color:#222;font-size:19px; background:#c1c1a5; padding:10px;text-decoration:none;}
.sidebar .widgetlist ul li a:link, .sidebar .widgetlist ul li a:visited {color:#222; text-decoration:none;}
.sidebar .widgetlist ul li a:hover  {color:#222; text-decoration:underline;}
.sidebar .widgetlist ul li a, .sidebar .widgetlist li a{color:#222; text-decoration:none;}
.sidebar .widgetlist ul li {margin-left:15px; line-height:30px;}

#subscribe{float:left; background:#c1c1a5; padding:10px; width:280px; border:1px solid #98987c;}
#subscribe h4 a{color:#222; text-decoration:none;font-weight:bold;font-size:20px;}
#subscribe h4 a:hover{text-decoration:underline;}
#semail{width:200px;height:17px;background:#ccc;}
#subscribe p {color:#222; padding:2px 0;} 


.ads {margin:10px;}

*+html .ads {margin-left:-10px;}
*+html .ads h3{margin-left:00px;}

*html .ads {margin-left:-10px;}
*html .ads h3{margin-left:00px;}

.ads ul li{display:inline;padding:0px;margin-left:20px;}
/*--------- FOOTER ------------*/

#footer{border-top:4px solid #111; background:#1c1c1c;
margin-top:40px;padding:50px 0;
height:auto;}

#footer a{color:#ccc; text-decoration:none;}

#footerWrap{
width:1020px;
margin:0 auto; 
color:#222; 
}

.columnOne , .columnFour, .columnTwo ,  .columnThree {float:left; width:320px;padding:0 10px;}
.columnOne h2, .columnTwo h2,  .columnThree h2{margin-bottom:15px;color:#222;}
.columnOne p, .columnTwo p {line-height:160%;font-size:16px;color:#222;}
.columnOne .title a{font-size:16px;margin-bottom:10px; text-decoration:none;}

#footerWrap .widget {color:#fff; padding:10px;margin:0;}
#footerWrap .widget a{color:#888;text-decoration:none;}
#footerWrap .widget a:hover{color:#888;text-decoration:underline;}
#footerWrap .widget h3{font-size:22px; font-weight:bold; color:#fff;}
#footerWrap .widgetlist ul li a:link { color:#888; text-decoration:none;}
#footerWrap .widgetlist ul li a:hover  {text-decoration:underline;}
#footerWrap .widgetlist ul li a {color:#888; text-decoration:none;}
#footerWrap .widgetlist ul li {margin-left:10px; font-size:14px; line-height:20px;}

#disclaimer{background:#000;}

.credits, .credits a{width:1020px; height:auto; text-decoration:none;
margin: 0 auto; font-size:11px; padding:15px 0;
color:#ddd;line-height:170%;}


/*--------- COMMENTS ----------*/

.commentlist li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:10px 10px 0px;
background-color:#f3f3f3;
}

.commentlist p {color:#000;}

ol.commentlist {margin-left:0px;}

.gravatar {
width:50px;
height:50px;
float:left;
margin-right:20px;
margin-bottom:10px;
}

.gravatar img {
background-color: #FFFFFF;
padding: 4px;
border: 1px solid #cccccc;
}

.commentlist cite, .commentlist cite a {
color:#222;
text-decoration:none;
font-size: 14px;
font-style: italic;
}

.commentlist cite a:hover {color:#000;
text-decoration: underline;
}

.commentlist .metadata {
color:#000 !important;
text-decoration: none !important;
font-weight: normal !important;
}	

.commentlist .metadata:hover {
text-decoration: underline !important;
}

#commentform input {
padding: 2px;
margin-right: 10px;
}

h3.commentTitle {color:#333 !important; font-weight:bold;font-size:30px !important;line-height:30px;}

#commentform #submit {
font-size:12px;
border:1px solid #1B4161;
color: #fff;
padding-bottom:3px;
font-weight:bold;
background:#000;
}

#commentform #submit:hover {background:#e35f41;cursor:pointer}

#commentform textarea {
padding: 10px;
width:630px;
_width:630px;
}

.authorstyle {
background-color: #f4e0a2 !important; }

.postcomment{padding:30px 10px 10px 10px; font-size:14px;}
.backtotop a{color:#444; margin-top:-30px;font-size:11px; float:right;}
.backtotop a:hover{color:#111;}

/*--------- WP PAGENAVI -----------------*/

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 4px 2px 4px !important;
margin: 2px !important;
text-decoration: none !important;
background-color: #ffffff !important;
border: 1px dotted #a6b3b9 !important;
color: #255a93 !important;
}
.wp-pagenavi a:hover {	
border: 1px dotted #ffffff;
color: #ffffff;
background-color: #A7C601;
}
.wp-pagenavi a:active {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
border: 1px solid #255a93;
color: #255a93;
background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
margin: 2px;
color: #000;
font-size:13px;
text-align:left;
padding: 2px 10px 2px 5px;
}
.wp-pagenavi span.current {
padding: 2px 4px 2px 4px; 
margin: 2px;
font-size:18px;
border: 1px dotted #ffffff;
color: #ffffff;
background-color: #255a93;
}